Quantcast

app_body_header

classic Classic list List threaded Threaded
101 messages Options
1234 ... 6
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

app_body_header

Harvey
You guys created  app_body_header for me to allow me to show a radar shot at the top of my forum during a storm.

You also showed me how to "comment it out" when I don't need it.

Could you show me how to ALSO (in addition to showing nothing or the radar) use the rectangular area for a notice?  No matter how often I explain the process of embedding video forum members always do this:

<nabble_embed>www.YouTubeUrl.com</nabble_embed>

instead of using the embed code.

I'd like to use that space to provide a link to a detailed explanation of how to embed a video on Nabble.

I can handle it all if you show me how to use app_body_header to display a message.  Please post the code here vs just doing it.

Thanks.



Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Pedro <Nabble>
Look at this piece of code at app_body_header macro:
<n.comment.>  
            <n.if.is_root>
                <then>
                    <div id="harvey_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>
            </n.if.is_root>
</n.comment.> 
You could replace the "href" content at the "a" tag with a link to a post, or a text, that contains your message. And also replace the "src" at the "img" tag with an image that should appear at that space.
My test forum.
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
I'd like to have the message and the radar code both in the macro and just change which one is commented out.  Can you show me that?


On Mon, Jun 24, 2013 at 4:38 PM, Pedro <Nabble> [via Nabble Support] <[hidden email]> wrote:
Look at this piece of code at app_body_header macro:
<n.comment.>  
            <n.if.is_root>
                <then>
                    <div id="harvey_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>
            </n.if.is_root>
</n.comment.> 
You could replace the "href" content at the "a" tag with a link to a post, or a text, that contains your message. And also replace the "src" at the "img" tag with an image that should appear at that space.


If you reply to this email, your message will be added to the discussion below:
http://support.nabble.com/app-body-header-tp7584955p7584966.html
To unsubscribe from app_body_header, click here.
NAML



--
"Like" us on Facebook: www.facebook.com/NYSkiBlog
Follow us on Twitter: http://twitter.com/nyskiblog
----------
Harvey Road: NYSkiBlog.com
NY Ski Forum: forum.NYSkiBlog.com
NY Ski Magazine: mag.NYSkiBlog.com
NY Ski Directory: directory.NYSkiBlog.com
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
In reply to this post by Pedro <Nabble>
I think I understand what you are saying now. But I would like the box to contain text not on image.

Within that text would be a link to the post explaining how to do it.

Plus I would like two piece of code - commenting them out -  so I can swap them out without creating errors.
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Pedro <Nabble>
What do you think about an image message alert like these?

Take a look here:
<n.comment.>  
	<n.if.is_root>
		<then>
			<div id="harvey_img">
				<n.comment.>  
					<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>
				<n.comment.>
				<n.comment.>  
					<a href="url_to_the_full_post_or_notice">						
						Header text. Be careful with the size of this text.
					</a>
				<n.comment.> 				
			</div>
		</then>
	</n.if.is_root>
</n.comment.> 
This is an upgrade on the last code.
If you want to have something being shown on that space, remove the outer comment tags. Then you can decide to remove the comment tags of the link/img or of the link/text.
My test forum.
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
I'd like text that says:

How to
Embed a Video.

With a nice box around it.

If I have a text box I can change it easily.

It would be nice if I could center the text in a box in the space on the left.



It would be a box the same size as the radar shot with text in it that I could edit.
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

GregChapman

Hi Harvey,

Try this code:

<p style="width: 125x; text-align:center; border: solid black 2px; padding:20px 10px;">How to<br/>
<a href="http://forum.nyskiblog.com/Forum-Guide-Embed-a-Video-td1672058.html"><b>Embed a Video</b></a>.</p>

It produces this:

How to
Embed a Video.

i.e. just wrap your original code in "p" tags and add the appropriate styling.

Just a Volunteer Nabble Helper - because the nice folk at Nabble have helped me!
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
Thanks Greg. Pedro if this iooks good could you show me how to set this up so that both this and the radar are in macro and commented out?

Thx all.


On Tue, Jun 25, 2013 at 8:32 AM, GregChapman [via Nabble Support] <[hidden email]> wrote:

Hi Harvey,

Try this code:

<p style="width: 100px; text-align:center; border: solid black 2px; padding:20px;">How to<br/>
<a href="http://forum.nyskiblog.com/Forum-Guide-Embed-a-Video-td1672058.html"><b>Embed a Video</b></a>.</p>

It produces this:

How to
Embed a Video.

i.e. just wrap your original code in "p" tags and add the appropriate styling.

Just a Volunteer Nabble Helper - because the nice folk at Nabble have helped me!



If you reply to this email, your message will be added to the discussion below:
http://support.nabble.com/app-body-header-tp7584955p7584978.html
To unsubscribe from app_body_header, click here.
NAML



--
"Like" us on Facebook: www.facebook.com/NYSkiBlog
Follow us on Twitter: http://twitter.com/nyskiblog
----------
Harvey Road: NYSkiBlog.com
NY Ski Forum: forum.NYSkiBlog.com
NY Ski Magazine: mag.NYSkiBlog.com
NY Ski Directory: directory.NYSkiBlog.com
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Pedro <Nabble>
It's the same thing as here, but with the Greg's box:
<n.comment.>  
	<n.if.is_root>
		<then>
			<div id="harvey_img">
				<n.comment.>  
					<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>
				<n.comment.>
				<n.comment.>  
					<p style="width: 125x; text-align:center; border: solid black 2px; padding:20px 10px;">How to<br/>
<a href="http://forum.nyskiblog.com/Forum-Guide-Embed-a-Video-td1672058.html"><b>Embed a Video</b></a>.</p>
				<n.comment.> 				
			</div>
		</then>
	</n.if.is_root>
</n.comment.> 
My test forum.
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
Error: parse exception in custom_tweak:app_body_header - closing tag </div> doesn't match expected </n.comment.> at line 17
 in custom_tweak:app_body_header:17

Pedro - sorry I can't do this myself.

Would you install this for me?
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
Here is the existing macro. I assume that your 17 lines would replace the 11 lines between the n comment:

 <override_macro name="app_body_header" requires="node_page,servlet">
    <n.page_node.>
        <div id="forum-header">
<n.comment.>  
            <n.if.is_root>
                <then> 
                    <div id="harvey_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>
            </n.if.is_root>
</n.comment.> 
            <h1 id="forum-title" class="app-title-[n.id/]"><n.subject/></h1>
            <div id="description-box">
                <n.mailing_list_information/>
                <n.node_message_as_html/>
            </div>
            <div id="search-box" class="search-box">
                <n.search_box/>
            </div>
        </div>
    </n.page_node.>
</override_macro> 
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Pedro <Nabble>
Sorry, I missed one slash. The correct code is:
<override_macro name="app_body_header" requires="node_page,servlet">
    <n.page_node.>
        <div id="forum-header">
            
            <n.comment.>    
                <n.if.is_root>  
                    <then>  
                        <div id="harvey_img">  
                            <n.comment.>    
                                <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>  
                            </n.comment.>  
                            <n.comment.>    
                                <p style="width: 125x; text-align:center; border: solid black 2px; padding:20px 10px;">How to<br/>  
                                    <a href="http://forum.nyskiblog.com/Forum-Guide-Embed-a-Video-td1672058.html"><b>Embed a Video</b></a>.</p>  
                            </n.comment.>                
                        </div>  
                    </then>  
                </n.if.is_root>  
            </n.comment.>
            
            <h1 id="forum-title" class="app-title-[n.id/]"><n.subject/></h1>
            <div id="description-box">
                <n.mailing_list_information/>
                <n.node_message_as_html/>
            </div>
            <div id="search-box" class="search-box">
                <n.search_box/>
            </div>
        </div>
    </n.page_node.>
</override_macro>
It won't show anything. If you want to show the img, remove the comment tags like this:
<override_macro name="app_body_header" requires="node_page,servlet">
    <n.page_node.>
        <div id="forum-header">
           
                <n.if.is_root>  
                    <then>  
                        <div id="harvey_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>  
    
                            <n.comment.>    
                                <p style="width: 125x; text-align:center; border: solid black 2px; padding:20px 10px;">How to<br/>  
                                    <a href="http://forum.nyskiblog.com/Forum-Guide-Embed-a-Video-td1672058.html"><b>Embed a Video</b></a>.</p>  
                            </n.comment.>                
                        </div>  
                    </then>  
                </n.if.is_root> 
            
            <h1 id="forum-title" class="app-title-[n.id/]"><n.subject/></h1>
            <div id="description-box">
                <n.mailing_list_information/>
                <n.node_message_as_html/>
            </div>
            <div id="search-box" class="search-box">
                <n.search_box/>
            </div>
        </div>
    </n.page_node.>
</override_macro>
If you want to show the notice, remove like this:
<override_macro name="app_body_header" requires="node_page,servlet">
    <n.page_node.>
        <div id="forum-header">
           
                <n.if.is_root>  
                    <then>  
                        <div id="harvey_img">  
                            <n.comment.>    
                                <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>  
                            </n.comment.>  

                                <p style="width: 125x; text-align:center; border: solid black 2px; padding:20px 10px;">How to<br/>  
                                    <a href="http://forum.nyskiblog.com/Forum-Guide-Embed-a-Video-td1672058.html"><b>Embed a Video</b></a>.</p>  
          
                        </div>  
                    </then>  
                </n.if.is_root> 
            
            <h1 id="forum-title" class="app-title-[n.id/]"><n.subject/></h1>
            <div id="description-box">
                <n.mailing_list_information/>
                <n.node_message_as_html/>
            </div>
            <div id="search-box" class="search-box">
                <n.search_box/>
            </div>
        </div>
    </n.page_node.>
</override_macro>
My test forum.
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
This post was updated on .
I got this:



somehow the width parameter isn't engaging.
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Pedro <Nabble>
There was something strange on your css, I've removed in order to fix the message.
Let me know if you see anything different.
My test forum.
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
In reply to this post by Harvey
Wait I see the mistake. x = px
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
Looks good!  

Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
Wait what did you do to my css?  I found the mistake x should have been px.

Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Pedro <Nabble>
There was a css rule that was defining all your paragraphs. I don't know the use of this rule, so I removed it.
My test forum.
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
I think that rule was built for the directory.

I also think the inline would have overridden it IF it was px not x.

Hey here is what I have I like it:



I think i needlessly complicated this by insisting both sets of code be in there. I could probably just save the different codes somewhere else and drop them in.

I'll leave it for now.



Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: app_body_header

Harvey
Whenever I try to switch back to showing the radar I get an error in red:



No matter how hard I look, I can't see the difference between what I am doing and what you are doing above.
1234 ... 6
Loading...