app_body_header

classic Classic list List threaded Threaded
101 messages Options
123456
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
The search bar position is off and not consistent from forum to forum:





And the bottom-margin is tight and side to side spacing isn't ideal.

Are these things that can be adjusted, or changed?

I hope so.

This is REALLY valuable unused space and I think it would be great if Nabble could help admins monetize it.
HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
What is "harvey_img?"

What if each sub-app has:

weather_img
woodstove_img

and we could call each image through that:

<then>
                    <div id="weather_img">
                        <a href="http://pro.accuweather.com/nx_mosaic_640x480c/sir/inmasirny_.gif">    
                            <img alt="NY Radar" style="border-width:0px 1px 1px 0px; border-style: solid; border-color: black;" src="http://pro.accuweather.com/nx_mosaic_640x480c/sir/inmasirny_.gif"/></a>    
                    </div>
                </then>  
  AND...

<then>
                    <div id="woodstove_img">
                        <a href="http://pro.accuweather.com/nx_mosaic_640x480c/sir/inmasirny_.gif">    
                            <img alt="NY Radar" style="border-width:0px 1px 1px 0px; border-style: solid; border-color: black;" src="http://pro.accuweather.com/nx_mosaic_640x480c/sir/inmasirny_.gif"/></a>    
                    </div>
                </then>  
 
Then we could customize each header?
HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
Another thought.

Whenever you guys make two columns (like in a newspaper homepage) you use a table.

What if the header area is a table with two columns?

The left column would be for the ad and the right would be for the Forum Title and Description, search box etc?
HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Pedro
In reply to this post by Harvey
That is because the search box is aligned with the Title and description. So, the higher your image is, more space you have below the search box.
My test forum.
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Pedro
This post was updated on .
In reply to this post by Harvey
You can create these divs if you want. But the harvey_img is their class, it has to be used because all these elements have similar attributes.
You can also create macros with sub forums' name.
My test forum.
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Pedro
In reply to this post by Harvey
The problem is that you don't have fixed size ads. In my opinion, is better to resize the header without tables.
My test forum.
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
I don't really know how to do all of this.  

What is harvey_img? Is that a CSS class? Why couldn't each div call a different class?

If there is no way to make that work, and I am forced to use one size I guess it will have to be 180 x 135 to accommodate occassional use of the radar shot which has those proportions.  (640 x 480 actual size).

I really dont like the floating search box and the fact that it will be in a different spot in every sub app.

So if there is no way to make it custom an the only way to get the search box in the proper spot is to go with one size for all, lets do the 180 x 135.  This is a bit limiting because the affiliate ads I want to use in those spots aren't available in all sizes. It puts me in the position of having to design an ad myself (or pay to have it done) and convince the advertiser to allow us to use it.

HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Pedro
It is a css class. It is used to set attributes to that block, like the position that is the same.
I changed the search box, It will be right above the pagination. I think you don't need the "margin-bottom" at harvey_img anymore.
My test forum.
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
Here is a sub app with an image that is precisely 180 x 135. It looks perfect:



Can I assume that other sub apps with an image exactly the same size will look the same? I am guessing yes.

In the root/main app I resized the image to precisely 180 x 135 and it looks better, but not really right:



Ideally the search bar would be right on top of the forum area (with a small padding) and the facebook like button would sit right on top of that (with a small padding).

Can we edit the css or inline to make that so?

EDIT: Maybe that is where the search bar was because it has to make room for the page numbers that done show?
HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Pedro
Harvey wrote
EDIT: Maybe that is where the search bar was because it has to make room for the page numbers that done show?
Yes, those are the pagination numbers.
My test forum.
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
Pedro one last thing.

For some reason this image (Start-Haus) isn't clickable:



It's odd because when I past the code into another post it is.

I has to be an issue with either the new CSS macro or the harvey_img macro. I think.
HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
Harvey wrote
For some reason this image (Start-Haus) isn't clickable:
I figured this out.

The app_body_header is essentially BEHIND the sub-app TITLE and DESCRIPTION elements.  You can't click the links because you can't actually get to them.

Is there a way to put app_body_header "in front?"

Essentially making it a table would give each element it's own space.  But that's not possible?
HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
I tried putting a table in the forum description box and that was a mistake.

Let me know what you think we can do to solve this.
HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
This post was updated on .
Pedro please take a look at this test I did:

http://forum.nyskiblog.com/Test-Forum-180-x-135-f4031412.html

I would rather have a solution to this problem designed by you, but maybe this will give you an idea.

I'm wondering if you can make a more elegant three cell, one row table that  will allow an ad in the left cell, forum name and/or description in the center cell and facebook like button in the right cell.

Maybe each cell could contain a macro that allows me to separately populate each cell.

FYI I am working on a solution for WordPress (the outer frame of my nabble apps)  that will allow me to customize the text of the WordPress header so that it is not universal. I may ultimate choose to not display app titles within the nabble apps.  Trying to get the flexibility to do it either way, show nabble title and description or just show description or show nothing.
HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
Also here is an error I made:

http://forum.nyskiblog.com/Test-Forum-728-x-90-f4031413.html

Could you please delete it^ ? My error has removed my ability to delete it.
HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Pedro
Deleted.
My test forum.
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Pedro
In reply to this post by Harvey
I'm thinking of a more elegant solution. I'm not sure if using a table is the best one.
My test forum.
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey

I agree.

(via mobile)

On Oct 22, 2013 8:00 AM, "Pedro &lt;Nabble&gt; [via Nabble Support]" <[hidden email]> wrote:
I'm thinking in a more elegant solution. I'm not sure if using a table is the best one.
My test forum.



If you reply to this email, your message will be added to the discussion below:
http://support.nabble.com/app-body-header-tp7584955p7587465.html
To unsubscribe from app_body_header, click here.
NAML
HTTPS Please!
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Pedro
Please, take a look now. Does the facebook button only showed at the root page?
If it is everything ok I will think in a better way to make easy for you edit the code.
My test forum.
Reply | Threaded
Open this post in threaded view
|

Re: app_body_header

Harvey
Pedro <Nabble> wrote
Please, take a look now. Does the facebook button only showed at the root page?
If it is everything ok I will think in a better way to make easy for you edit the code.

This looks really good. REALLY good.

Are there any new macros or overrides involved?

I'd like to tweak the ad position - maybe moving it down.  Should that be done individually within app_body_header?

Also the 33% 33% 33% - can I adjust that so that its different 25% 50% 25%?  My forum descriptions are going on to two lines.

Regarding the Facebook like button - not sure if I want that on every sub-app home page but if I do where do I put it? I see you removed it from the description box which is very cool!

PEDRO THIS LOOKS GREAT!
HTTPS Please!
123456