Thread: New BreadCrumb
View Single Post
  #1  
Old 22nd February 2014, 11:16
BamBam0077 BamBam0077 is offline
Banned
  
Join Date: Jul 2013
P2P
Posts: 410
Post New BreadCrumb
Here is a new breadcrumb menu

Click the image to open in full size.

Remember to always backup any file you edit!!

! edit your forum.php lines 212 - 221

remove this:
Code:
//=== mini menu
$mini_menu = '<a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php?action=subscriptions">My Subscriptions</a> |
    <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php?action=search">Search</a> |
    <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php?action=view_unread_posts">Unread Posts</a> |
    <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php?action=new_replies">New Replies</a> |
    <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php?action=view_my_posts">My Posts</a> |
    <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php?action=mark_all_as_read">Mark All As Read</a> ' . ($CURUSER['class'] === UC_MAX ? '| <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php?action=member_post_history">Member Post History</a>' : '');
$location_bar = '<h1><a class="altlink" href="index.php">'.$INSTALLER09['site_name'].'</a>  <img src="pic/forums/arrow_next.gif" alt="&#9658;" />
                        <a class="altlink" href="forums.php">Forums</a></h1>
                        <span style="text-align: center;">'.$mini_menu.'</span><br />'.(isset($_GET['m']) ? '<h1>All forums up to date.</h1>' : '<br />');
Then add:
Code:
$mini_menu = '';

// BreadCrumb Menu By BamBam0077
$location_bar = '<div id="breadmenubar">
                 <div class="breadBoxTop">
                 <nav>
                 <fieldset class="breadcrumb">
                 <div id="movebread">
                 <span class="crumbs">
                 <span class="crust selectedTabCrumb">
                 <a href="index.php" class="crumb"><span itemprop="title">'.$INSTALLER09['site_name'].'</span></a>
                 <span class="arrow"><span></span></span>
                 </span>             
                 </span>
                 </fieldset>
                 </div></nav></div></div>';
! edit your view_forum.php lines 155 - 159 [ thats in your forums folder ]

Remove This:
Code:
$location_bar = '<h1><a class="altlink" href="index.php">' . $INSTALLER09['site_name'] . '</a>  <img src="' . $INSTALLER09['pic_base_url'] . 'arrow_next.gif" alt="&#9658;" title="&#9658;" /> 
            <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php">Forums</a> ' . $parent_forum_name . ' <img src="' . $INSTALLER09['pic_base_url'] . 'arrow_next.gif" alt="&#9658;" title="&#9658;" />
            <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php?action=view_forum&amp;forum_id=' . $forum_id . '">' . $forum_name . $child . '</a></h1>
            ' . $mini_menu . '
            <br /><br />';
Then Add:
Code:
// BreadCrumb Menu By BamBam0077    
$location_bar = '<div id="breadmenubar">
                 <div class="breadBoxTop">
                 <nav>
                 <fieldset class="breadcrumb">
                 <div id="movebread">
                 <span class="crumbs">
                 <span class="crust selectedTabCrumb">
                 <a href="index.php" class="crumb"><span itemprop="title">'.$INSTALLER09['site_name'].'</span></a>
                 <span class="arrow"><span></span></span>
                 </span>
                 <span class="crust selectedTabCrumb">
                 <a href="forums.php" class="crumb"><span itemprop="title">Forums</span></a>
                 <span class="arrow"><span></span></span>
                 </span> 
                <!-- # <span class="crust selectedTabCrumb"> # -->
                <!-- # <span itemprop="title">' .htmlsafechars($parent_forum_arr['parent_forum_name'], ENT_QUOTES). '</span> # -->
                <!-- # <span class="arrow"><span></span></span> # -->
                <!-- # </span> # -->                 
                 <span class="crust selectedTabCrumb">
                 <a href="forums.php?action=view_forum&amp;forum_id=' . $forum_id . '" class="crumb"><span itemprop="title">' . $forum_name . '</span></a>
                 <span class="arrow"><span></span></span>
                 </span>                 
                 </span>
                 </fieldset>
                 </div></nav></div></div>';
! edit your view_topic.php line 253 - 259 [ also in your forums folder ]

Remove This:
Code:
$location_bar = '<a name="top"></a>' . $status_image . ' <a class="altlink" href="index.php">' . $INSTALLER09['site_name'] . '</a>  <img src="' . $INSTALLER09['pic_base_url'] . 'arrow_next.gif" alt="&#9658;" title="&#9658;" /> 
            <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php">Forums</a> ' . $parent_forum_name . ' 
            <img src="' . $INSTALLER09['pic_base_url'] . 'arrow_next.gif" alt="&#9658;" title="&#9658;" /> 
            <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php?action=view_forum&amp;forum_id=' . $forum_id . '">' . $forum_name . $child . '</a>
            <img src="' . $INSTALLER09['pic_base_url'] . 'arrow_next.gif" alt="&#9658;" title="&#9658;" /> 
            <a class="altlink" href="' . $INSTALLER09['baseurl'] . '/forums.php?action=view_topic&amp;topic_id=' . $topic_id . '">' . $topic_name . '</a> ' . $status_image . '<br />' . $forum_desc . '
            <span style="text-align: center;">' . $mini_menu . (($topic_owner == $CURUSER['id'] && $arr['poll_id'] == 0 || $CURUSER['class'] >= UC_STAFF && $arr['poll_id'] == 0) ? '  |<a href="' . $INSTALLER09['baseurl'] . '/forums.php?action=poll&amp;action_2=poll_add&amp;topic_id=' . $topic_id . '" class="altlink">&nbsp;Add Poll</a>' : '') . '</span><br /><br />';
Then Add:
Code:
// BreadCrumb Menu By BamBam0077        
$location_bar = '<div id="breadmenubar">
                 <div class="breadBoxTop">
                 <nav>
                 <fieldset class="breadcrumb">
                 <div id="movebread">
                 <span class="crumbs">
                 <span class="crust selectedTabCrumb">
                 <a href="index.php" class="crumb"><span itemprop="title">'.$INSTALLER09['site_name'].'</span></a>
                 <span class="arrow"><span></span></span>
                 </span>
                 <span class="crust selectedTabCrumb">
                 <a href="forums.php" class="crumb"><span itemprop="title">Forums</span></a>
                 <span class="arrow"><span></span></span>
                 </span>             
                 <span class="crust selectedTabCrumb">
                 <a href="forums.php?action=view_forum&amp;forum_id=' . $forum_id . '" class="crumb"><span itemprop="title">' . $forum_name . '</span></a>
                 <span class="arrow"><span></span></span>
                 </span>                 
                 <span class="crust selectedTabCrumb">
                 <a href="forums.php?action=view_topic&amp;topic_id=' . $topic_id . '" class="crumb"><span itemprop="title">' . $topic_name . '</span></a>
                 <span class="arrow"><span></span></span>
                 </span>
                 </fieldset>                 
                 </span>
                 </div></nav></div></div>';
             
// Mod Ended
CSS:
Code:
/* NEW BREADCRUMB MENU */

.breadBoxTop {

padding: 10px 0;
overflow: hidden;
zoom: 1;
clear: both;}

#movebread{
margin-top: 1px;}

.breadBoxTop .topCtrl{

margin-left: 5px;
float: right;
line-height: 24px;}

.breadcrumb{
font-size: 11px;
border: solid #000000 0.5px;
background-color: #1F1F1F; 
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
zoom: 1;
max-width: 100%;
height: auto;}

.breadcrumb .crust {

display: block;
float: left;
position: relative;
zoom: 1;
max-width: 50%;}

.breadcrumb .crust a.crumb {

cursor: pointer;
text-decoration: none;
background-color: #1F1F1F;
padding: 0 10px 0 18px;
margin-bottom: -1px;
outline: 0 none;
 -moz-outline-style: 0 none;
display: block;
_border-bottom: none;
line-height: 24px;
color: #00aeff;
box-shadow: 0px 0px 1px 0px;}

.breadcrumb .crust a.crumb > span {
        
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100%;}

.breadcrumb .crust a.crumb {
        
font-weight: bold;
border: solid #000000 1px;
padding-left: 20px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topleft: 4px;
 -khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -moz-border-radius-bottomleft: 4px;
 -khtml-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;}

.breadcrumb .crust:first-child a.crumb {
    
font-weight: bold;
border: solid #000000 1px;
padding-left: 10px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topleft: 4px;
 -khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -moz-border-radius-bottomleft: 4px;
 -khtml-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;}
    
.breadcrumb .crust:last-child a.crumb {
        
font-weight: bold;
border: 0.1px solid #000;}

.breadcrumb .crust .arrow {

border: 13px solid transparent;
border-right: none;
border-left-color: #00aeff;
 -moz-border-right-colors: #a5cae4;
display: block;
position: absolute;
right: -12px;
top: 0px;
z-index: 50;
width: 0px;
height: 0px;}

.breadcrumb .crust .arrow span {

border: 12px solid transparent;
border-right: 1px none #1F1F1F;
border-left-color: #1F1F1F;
 -moz-border-right-colors: #f0f7fc;
display: block;
position: absolute;
left: -13px;
top: -12px;
z-index: 51;
white-space: nowrap;
overflow: hidden;
text-indent: 9999px;
width: 0px;
height: 0px;}

.breadcrumb .crust:hover a.crumb {

background-color: #1F1F1F;}

#breadmenubar {

 margin-top: -15px;}    

/* END NEW BREADCRUMB MENU */

#movehead {

 margin-top: -10px;}
 
#view_forum_move {

 margin-top: -3px;}
To be fully honest with you this was a total b*tch for me to get working fully but I finally got it. If your not happy with it you can fully tweak to suit your site!
Reply With Quote