XF 1.x breadcrum

Hey,

Is it possible stretched the breadcrumb across the page so it looks equal
 

Attachments

  • Untitled.png
    Untitled.png
    110.7 KB · Views: 13

Russ

Pixel Exit Staff
You'd need to edit page_container and move the breadcrumb outside the main content area. I won't be back until tomorrow to give any code.
 

Russ

Pixel Exit Staff
Stepped back real quick... 2 part edit:

PAGE_CONTAINER, find and remove this:


Code:
            <xen:if is="@xb_bcmoveout">   
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />
            <div class="breadBoxTop {xen:if $topctrl, withTopCtrl}">
            <xen:if is="{$topctrl} AND [email protected]_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
            <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
            </div>
            </xen:if>
            </xen:if>

It's right below:

Code:
<!-- main content area -->

Then
paste this:

Code:
<div class="pageContent breadBoxTop">
<div class="breadcrumb">
            <xen:if is="@xb_bcmoveout">   
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />
            <div class="pageWidth {xen:if $topctrl, withTopCtrl}">
            <xen:if is="{$topctrl} AND [email protected]_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
            <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
            </div>
            </xen:if>
            </xen:if>
</div>
</div>

Right above:

Code:
<div id="content" class="{$contentTemplate}">

Next in breadcrumb:

Change:
Code:
<fieldset class="breadcrumb">[code]

to just:

[code]<fieldset>

Lastly you need to make sure: Style Properties: Breadcrumb -> Shift Top Breadcrumb is checked.

Also you may need to set a margin: 0px on: Style Properties: Breadcrumb -> Top Breadcrumb (left column).

Won't be back until tomorrow for further support, best of luck (y)
 
Sorry i rechecked and then added above, but still got an issue this is my code in full

Code:
<!DOCTYPE html><xen:set var="$isResponsive" value="{xen:if '@enableResponsive AND !{$noResponsive}', 1, 0}" />
<html id="XenForo" lang="{$visitorLanguage.language_code}" dir="{$visitorLanguage.text_direction}" class="Public NoJs XenBase {xen:if {$visitor.user_id}, 'LoggedIn', 'LoggedOut'} {xen:if {$sidebar}, 'Sidebar', 'NoSidebar'} {xen:if @xb_boxed_layout, 'xbBoxedStyle'} {xen:if @xb_widen, 'xbWideStyle'} {xen:if @xb_leftSidebar, 'LeftSidebar', 'RightSidebar'} {xen:if $hasAutoDeferred, RunDeferred} {xen:if $isResponsive, Responsive, NoResponsive}" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<xen:hook name="page_container_head">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <xen:if is="{$isResponsive}">
        <meta name="viewport" content="width=device-width, initial-scale=1" />
    </xen:if>
    <xen:if is="{$requestPaths.fullBasePath}">
        <base href="{$requestPaths.fullBasePath}" />
        <script><xen:comment>/* Chrome bug and for Google cache */</xen:comment>
            var _b = document.getElementsByTagName('base')[0], _bH = "{xen:jsescape $requestPaths.fullBasePath}";
            if (_b && _b.href != _bH) _b.href = _bH;
        </script>
    </xen:if>

    <title><xen:if is="{$title}">{xen:raw $title} | {$xenOptions.boardTitle}<xen:else />{$xenOptions.boardTitle}</xen:if></title>
    
    
    <noscript><style>.JsOnly, .jsOnly { display: none !important; }</style></noscript>
    <link rel="stylesheet" href="css.php?css=xenforo,form,public&amp;style={xen:urlencode $_styleId}&amp;dir={$visitorLanguage.text_direction}&amp;d={$visitorStyle.last_modified_date}" />
    <!--XenForo_Require:CSS-->

    <xen:require css="xb.css" />
    <xen:if is="@xb_web_font">
        @xb_web_font_link
    </xen:if>
    <xen:if is="@xb_fontAwesome">
        <link rel="stylesheet" href="{$requestPaths.fullBasePath}@xb_fontAwesomeLink">
    </xen:if>
    <xen:if is="@xb_fontAwesome_useCDN">
        @xb_fontAwesome_CDN
    </xen:if>
    
    {xen:helper ignoredCss, {$visitor.ignoredUsers}}
    
    <xen:include template="google_analytics" />
    <xen:include template="page_container_js_head" />
    
    <link rel="apple-touch-icon" href="{xen:helper fullurl, @ogLogoPath, 1}" />
    <link rel="alternate" type="application/rss+xml" title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}" href="{xen:link forums/-/index.rss}" />
    <xen:if is="{$pageDescription.content} AND !{$pageDescription.skipmeta} AND !{$head.description}"><meta name="description" content="{xen:string wordTrim, {xen:helper stripHtml, {xen:raw $pageDescription.content}}, 200}" /></xen:if>
    <xen:if is="{$head}"><xen:foreach loop="$head" value="$headElement">{xen:raw $headElement}</xen:foreach></xen:if>
</xen:hook>
</head>

<body{xen:if {$bodyClasses}, ' class="{$bodyClasses}"'}>
<xen:hook name="body">
<xen:if is="@xb_offcanvas_menu OR @xb_offcanvas_sidebar">
<div class="xbOffCanvasContainer">
</xen:if>

<xen:if is="@xb_user_bar AND [email protected]_user_panel_header">
    <xen:if is="{$visitor.user_id}">
        <xen:include template="moderator_bar" />
    <xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
        <xen:include template="login_bar" />
    </xen:if>
    <xen:else />
    <xen:if is="{$visitor.is_moderator} || {$visitor.is_admin}">
        <xen:include template="moderator_bar" />
    <xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
        <xen:include template="login_bar" />
    </xen:if>
</xen:if>

<xen:if is="@xb_top_bar_enable"><xen:include template="xb_top_bar" /></xen:if>

<div class="xbBodyhelper"></div>

<xen:if is="@xb_boxed_layout"><div class="xbBoxed"></xen:if>
<div id="headerMover">
<header>
    <xen:include template="header" />
    <xen:edithint template="navigation" />
    <xen:edithint template="search_bar" />
</header>
<div class="pageContent breadBoxTop">
<fieldset>           <xen:if is="@xb_bcmoveout">   
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />
            <div class="pageWidth {xen:if $topctrl, withTopCtrl}">
            <xen:if is="{$topctrl} AND [email protected]_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
            <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
            </div>
            </xen:if>
            </xen:if>
</div>
</div>

<div id="content" class="{$contentTemplate}">
    <div class="<xen:if is="@xb_widen">pageContent<xen:else />pageWidth</xen:if>">
        <div class="<xen:if is="@xb_widen">pageWidth<xen:else />pageContent</xen:if>">
            <xen:if is="{xen:property xb_content_helper}"><div class="xbContenthelper"></div></xen:if>
            
            <xen:include template="ad_top_content" />
            
            <!-- main content area -->
            
            
            <xen:hook name="page_container_content_top" />
            <xen:if is="{$sidebar}">
            <xen:if is="@xb_stickySidebar"><div class="xbContentWrapper"></xen:if>
                <div class="mainContainer">
                    <div class="mainContent"></xen:if>
                        
                        <xen:include template="ad_above_top_breadcrumb" />
                        
                        <xen:hook name="page_container_breadcrumb_top">
                        <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
                        <xen:else />
                        <xen:if is="[email protected]_bcmoveout">   
                        <div class="breadBoxTop {xen:if $topctrl, withTopCtrl}">
                            <xen:if is="{$topctrl} AND [email protected]_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
                            <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
                        </div>
                        </xen:if>
                        </xen:if>
                        </xen:hook>
                        
                        <xen:include template="ad_below_top_breadcrumb" />
                    
                        <!--[if lt IE 8]>
                            <p class="importantMessage">{xen:phrase you_are_using_out_of_date_browser_upgrade}</p>
                        <![endif]-->

                        <xen:hook name="page_container_notices">
                        <xen:include template="notices" />                       
                        </xen:hook>
                        
                        <xen:hook name="page_container_content_title_bar">
                        <xen:if is="@xb_noH1 && {$contentTemplate} == 'forum_list'">
                        <xen:else />
                        <xen:if is="!{$noH1}">                       
                            <!-- h1 title, description -->
                            <div class="titleBar">
                                {xen:raw $beforeH1}
                                <h1><xen:if
                                    is="{$h1}">{xen:raw $h1}<xen:elseif
                                    is="{$title}" />{xen:raw $title}<xen:else
                                    />{$xenOptions.boardTitle}</xen:if>
                                    <xen:if is="{$topctrl} AND @xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
                                    </h1>
                                
                                <xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
                            </div>
                        <xen:else />
                        <xen:if is="{$topctrl} AND @xb_calltoaction"><div class="topCtrl xbTopCtrl">{xen:raw $topctrl}</div></xen:if>
                        </xen:if>
                        </xen:if>
                        </xen:hook>
                        
                        <xen:include template="ad_above_content" />
                        
                        <!-- main template -->
                        {xen:raw $contents}
                        
                        <xen:include template="ad_below_content" />
                        
                        <xen:if is="!{$visitor.user_id} && !{$hideLoginBar}">
                            <!-- login form, to be moved to the upper drop-down -->
                            <xen:include template="login_bar_form" />
                        </xen:if>
                        
                        <xen:if is="@xb_bcbottomshift">
                        <xen:hook name="page_container_breadcrumb_bottom">
                        <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
                        <xen:else />           
                        <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
                        </xen:if>
                        </xen:hook>
                        </xen:if>
                        
                    <xen:if is="{$sidebar}"></div>
                                        
                </div>
                
                <!-- sidebar -->
                <aside>
                    <div class="sidebar">
                        <xen:hook name="page_container_sidebar">
                        <xen:include template="ad_sidebar_top" />
                        <xen:if is="!{$noVisitorPanel}"><xen:include template="sidebar_visitor_panel" /></xen:if>
                        {xen:raw $sidebar}
                        <xen:include template="ad_sidebar_bottom" />
                        </xen:hook>
                    </div>
                </aside>
                
            <xen:if is="@xb_stickySidebar"></div></xen:if>
                
            </xen:if>
            
            <xen:if is="@xb_offcanvas_sidebar AND @xb_offcanvas_sidebar_button"><a  onclick="return false;" href="#" class="button xbOffCanvasSidebarToggle" />{xen:phrase show} {xen:phrase style_property_sidebar_master}</a></xen:if>
                        
            <xen:if is="[email protected]_bcbottomshift">
            <xen:hook name="page_container_breadcrumb_bottom">
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />           
            <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
            </xen:if>
            </xen:hook>
            </xen:if>
            
            <xen:if is="@xb_scroll_buttons OR @xb_scroll_down_on">
                <xen:include template="xb_scroll_buttons" />
            </xen:if>
            
            <xen:include template="ad_below_bottom_breadcrumb" />
        </div>
    </div>
    <xen:if is="@xb_welcome_bar AND !{$visitor.user_id}">
        <xen:include template="xb_welcome_bar" />
    </xen:if>
</div>

</div>

<footer>
    <xen:include template="footer" />
</footer>

<xen:if is="@xb_boxed_layout"></div></xen:if>

<xen:if is="@xb_mobile_bar"><xen:include template="xb_mobile_bar" /></xen:if>

<xen:if is="@xb_offcanvas_menu OR @xb_offcanvas_sidebar">
<div class="xbOffCanvasContent xbOffCanvasMask"></div>
<xen:include template="xb_offcanvas_menu" />
</div>
</xen:if>

<xen:include template="page_container_js_body" />

<!--XenBase Current Version : @xb_parent_version -->
<!--Style Version : @xb_style_version -->

<xen:if is="{$isIndexPage} AND {$canSearch}">
<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "{xen:jsescape {xen:link canonical:index}}",
    "potentialAction": {
        "@type": "SearchAction",
        "target": "{xen:jsescape {xen:link canonical:search/search}}{xen:if $xenOptions.useFriendlyUrls, '?', '&'}keywords={search_keywords}",
        "query-input": "required name=search_keywords"
    }
}
</script>
</xen:if>

</xen:hook>
</body>
</html>
 

Russ

Pixel Exit Staff
The tag <fieldset> isn't apart of my code I told you to copy and move. Check my instructions again, not sure where you got the fieldset. The fieldset instructions was to edit the breadcrumb template and remove the class on the fieldset.
 

Russ

Pixel Exit Staff
You're messing up at this step:

Screenshot_5.png


Look at the code I'm giving you compared to what you have in your page_container. You removed the <div class="breadcrumb"> and replaced it with a random <fieldset>.

The first set of edits are inside page_container, you need to remove the class="breadcrumb" inside the BREADCRUMB template, NOT page_container.
 

Russ

Pixel Exit Staff
You'll need to remove this in page_container:

Code:
            <xen:if is="[email protected]_bcbottomshift">
            <xen:hook name="page_container_breadcrumb_bottom">
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />           
            <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
            </xen:if>
            </xen:hook>
            </xen:if>

Then paste this:

Code:
<div class="pageContent breadBoxBottom">
<div class="breadcrumb">
            <xen:if is="[email protected]_bcbottomshift">
            <xen:hook name="page_container_breadcrumb_bottom">
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />           
            <div class=""><xen:include template="breadcrumb" /></div>
            </xen:if>
            </xen:hook>
            </xen:if>
</div>
</div>

Above:

Code:
<footer>
 
awesome, i am almost done sir just a couple more edits to complete my mission, i would like to move the breadcrum above taplinks Mark Forums Read

then remove the black background from the navlinks so it goes with the light background and then change the text to dark
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.