vb.org Archive - Forum Display Enhancements - Follow us links in line with breadbrumb

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Forum Display Enhancements - Follow us links in line with breadbrumb (https://vborg.vbsupport.ru/showthread.php?t=313729)

I like this mod but it's altered the layout of the forum house icon and split it over a couple of lines... Can anyone suggest how to realign it? Many thanks.

It seems to have altered the way the structure is shown? Anyone any ideas please?

http://flipfloptrader.com/forumdispl...?2-Forum-Rules

This is my code from navbar

Code:

<div id="navbar" class="navbar">

        <ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">

                {vb:raw template_hook.navtab_start}

                {vb:raw navigation}

                {vb:raw template_hook.navtab_end}

        </ul>

        <vb:if condition="$vboptions['enablesearches']">

                <div id="globalsearch" class="globalsearch">

                        <form action="search.php?{vb:raw session.sessionurl}do=process" method="post" id="navbar_search" class="navbar_search">

                                <vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>

                                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />

                                <input type="hidden" name="do" value="process" />

                                <span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"/></span></span>

                                <span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search<vb:if condition="$stylevar['textdirection'] == 'rtl'">_rtl</vb:if>.<vb:if condition="is_browser('ie') AND !is_browser('ie', 7)">gif<vb:else />png</vb:if>" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span>

                        </form>

                        <ul class="navbar_advanced_search">

                                <li><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4">{vb:rawphrase advanced_search}</a></li>

                                {vb:raw template_hook.navbar_advanced_search}

                        </ul>

                </div>

        </vb:if>

</div>

</div><!-- closing div for above_body -->



<div class="body_wrapper">

<div id="breadcrumbX">

<div id="breadcrumbL">

<div id="breadcrumb" class="breadcrumb">

<ul class="floatcontainer">

</div>

                <li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>

                {vb:raw navbits.breadcrumb}

                {vb:raw navbits.lastelement}

        </ul><hr>

</div>

</div>



<div id="breadcrumbR">

<ul>

</li>

<li><a href="https://www.youtube.com/channel/UCDdkrXiyRU57k7HulZCyA5g">

<img src="/social/youtube.png">

</a>

</li>

<li><a href="http://www.instagram.com/flipfloptrader/">

<img src="/social/instagram.png">

</a>

</li>

</ul>

</div>

<br clear="all">



</div>



{vb:raw ad_location.ad_navbar_below}

{vb:raw ad_location.global_below_navbar}



<vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">

        <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">

                <input type="hidden" name="do" value="dismissnotice" />

                <input type="hidden" name="s" value="{vb:raw session.sessionurl}" />

                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />

                <input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />

                <input type="hidden" name="url" value="{vb:raw return_link}" />

                <ol>

                        {vb:raw notices}

                </ol>

        </form>

</vb:if>

Hello AutoFx,
It seems you've not correctly placed the code. After going through your code I found and unnecessary </div> here:

Code:

<ul class="floatcontainer">

</div>

Once you remove it, half the job is done. It appears you might have made some other alternation outside of this hack too. I am not able to pin point exactly where. It would be best if you reset the changes to default and do it anew, the right way this time.

Quote:

Originally Posted by Fun-Masti (Post 2584819)

Hello AutoFx,
It seems you've not correctly placed the code. After going through your code I found and unnecessary </div> here:

Code:

<ul class="floatcontainer">

</div>

Thanks, I tried redoing it and it still left the structure as is unfortunately?

Quote:

Originally Posted by AutoFx (Post 2584820)

Thanks, I tried redoing it and it still left the structure as is unfortunately?

Because the code you used is still the same old wrong one. Please use the exact code that I've provided only replacing the social profile links.

If I remove this mod it goes back to normal so would that suggest something within the code?

Quote:

Originally Posted by Fun-Masti (Post 2584821)

Because the code you used is still the same old wrong one. Please use the exact code that I've provided only replacing the social profile links.

I copied your exact code and got this; I'm aware the icons are blank, I'm just doing this for exercise purposes:

Code:

<div id="navbar" class="navbar">

        <ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">

                {vb:raw template_hook.navtab_start}

                {vb:raw navigation}

                {vb:raw template_hook.navtab_end}

        </ul>

        <vb:if condition="$vboptions['enablesearches']">

                <div id="globalsearch" class="globalsearch">

                        <form action="search.php?{vb:raw session.sessionurl}do=process" method="post" id="navbar_search" class="navbar_search">

                                <vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>

                                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />

                                <input type="hidden" name="do" value="process" />

                                <span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"/></span></span>

                                <span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search<vb:if condition="$stylevar['textdirection'] == 'rtl'">_rtl</vb:if>.<vb:if condition="is_browser('ie') AND !is_browser('ie', 7)">gif<vb:else />png</vb:if>" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span>

                        </form>

                        <ul class="navbar_advanced_search">

                                <li><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4">{vb:rawphrase advanced_search}</a></li>

                                {vb:raw template_hook.navbar_advanced_search}

                        </ul>

                </div>

        </vb:if>

</div>

</div><!-- closing div for above_body -->



<div class="body_wrapper">

<div id="breadcrumbX">

<div id="breadcrumbL">

<div id="breadcrumb" class="breadcrumb">

<ul class="floatcontainer">

                <li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>

                {vb:raw navbits.breadcrumb}

                {vb:raw navbits.lastelement}

        </ul><hr>

</div>

</div>



<div id="breadcrumbR">

<ul>

<li>

<a href="http://twitter.com/books_writers">

<img src="/images/follow/twitter.jpg">

</a>

</li>

<li><a href="https://www.facebook.com/BooksWritersCom/">

<img src="/images/follow/facebook.jpg">

</a>

</li>

<li><a href="http://plus.google.com/u/0/104621077342474730540">

<img src="/images/follow/googleplus.jpg">

</a>

</li>

<li><a href="https://www.youtube.com/user/bookswriters">

<img src="/images/follow/youtube.jpg">

</a>

</li>

<li><a href="http://books-writers.blogspot.com/">

<img src="/images/follow/blogger.jpg">

</a>

</li><li><a href="https://delicious.com/bookswriters">

<img src="/images/follow/delicious.jpg">

</a>

</li><li><a href="http://www.stumbleupon.com/stumbler/bookswriters">

<img src="/images/follow/stumbleupon.jpg">

</a>

</li><li><a href="admin@zigverve.com">

<img src="/images/follow/email.jpg">

</a>

</li><li><a href="http://bookswriters.tumblr.com/">

<img src="/images/follow/tumblr.jpg">

</a>

</li><li><a href="http://zigverve.com/forum/external.php?type=RSS2">

<img src="/images/follow/rss.jpg">

</a>

</li>

</ul>

</div>

<br clear="all">



</div>

{vb:raw ad_location.ad_navbar_below}

{vb:raw ad_location.global_below_navbar}



<vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">

        <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">

                <input type="hidden" name="do" value="dismissnotice" />

                <input type="hidden" name="s" value="{vb:raw session.sessionurl}" />

                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />

                <input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />

                <input type="hidden" name="url" value="{vb:raw return_link}" />

                <ol>

                        {vb:raw notices}

                </ol>

        </form>

</vb:if>

Please remove the code of this mod entirely, from html and css both. Let me see if I am able to replicate the problem at my end. Inform me as soon as you've done that.

Quote:

Originally Posted by Fun-Masti (Post 2584825)

Please remove the code of this mod entirely, from html and css both. Let me see if I am able to replicate the problem at my end. Inform me as soon as you've done that.

Done, thanks.

Alright, try this. In the additional.css add the following code:

Code:

/* New Crumb */

#breadcrumbx {

    margin-bottom: 5px;

    width: auto;

}

#breadcrumbR {

    float: right;

}

#breadcrumbR li {

    display: inline;

    list-style-type: none;

    margin: 0;

    padding: 0;

}

#breadcrumbR ul {

    margin: 0;

    padding: 0;

}



/* End New crumb */

While in the breadcrumb template replace the following code

Code:

<div id="breadcrumb" class="breadcrumb">

        <ul class="floatcontainer">

                <li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>

                {vb:raw navbits.breadcrumb}

                {vb:raw navbits.lastelement}

        </ul>

        <hr />

</div>

With:

Code:



<div id="breadcrumbX">

<div id="breadcrumbL">

<div id="breadcrumb" class="breadcrumb">

<ul class="floatcontainer">

                <li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>

                {vb:raw navbits.breadcrumb}

                {vb:raw navbits.lastelement}

        </ul><hr>

</div>

</div>



<div id="breadcrumbR">

<ul>

<li><a href="https://www.youtube.com/channel/UCDdkrXiyRU57k7HulZCyA5g">

<img src="/social/youtube.png">

</a>

</li>

<li><a href="http://www.instagram.com/flipfloptrader/">

<img src="/social/instagram.png">

</a>

</li>

</ul>

</div>

<br clear="all">



</div>

Follow the exact steps and you should be fine.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (7)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01113 seconds Memory Usage 1,797KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (7)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: