Quantcast
Channel: MyBB Community Forums - Tutorials
Viewing all articles
Browse latest Browse all 690
↧

[Tutorial] Lets begin helping you start your tabbed menu theme project

November 25, 2016, 7:49 pm
$
0
0
Basic beginnings for your next project.... I will get you a good head start right now with a lil tutorial... Smile

[Image: 29f3rxf.png]

In global.css find:

Code:
#debug {
}

Delete everything above that...,

Replace with:

Code:
body {
    background: #e0dee9;
    color: #000;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 1.4;
    overflow-y: scroll;    
}

#main {
    max-width: 950px;
    margin: 0 auto;
    margin-top: 10px;
}

#pagecontainer-border {
    background: #81A2C4;
    max-width: 950px;
    margin: auto auto;
    margin-bottom: 10px;
    border: 1px solid #2E50B4;
    padding: 2px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px;    
}

#pagecontainer {
    max-width: 950px;
    background-color: #FFF;
    margin: 0 auto;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;    
}

#pagenavigation {
    max-width: 950px;
    height: 50px;
    margin: 0;
    padding: 0;
    background: #0066a2 url(images/thead.png) top left repeat-x;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
     border-radius: 6px 6px 0px 0px;
    text-align: center;
    overflow: hidden;
}

#pagenavigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

#pagenavigation ul li {
    display: inline;
    margin: 0px;
}

#pagenavigation ul li a {
    height:33px;
    display: block;
    float: left;
    padding: 17px 15px 0 15px;
    font: bold 12px Arial;
    color: #FFF;
    text-decoration: none;
    text-align:center;
    left: 20%;
    margin-top: 3px;
}

#pagenavigation ul li a:hover {
    color:#134264;
    background-color: #fff;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
     border-radius: 6px 6px 0px 0px;
    margin-top: 3px;
    margin-left: 2px;
    margin-right: 2px;
}

#pagenavigation ul li#active a {
}

#pagenavigation ul li.selected a {
    color:#134264;
    background-color: #fff;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
     border-radius: 6px 6px 0px 0px;
    margin-top: 3px;
}

a:link {
    color: #2E50B4;
    text-decoration: none;
}

a:visited {
    color: #2E50B4;
    text-decoration: none;
}

a:hover, a:active {
    color: #026CB1;
    text-decoration: underline;
}

#container {
    background: #fff;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
        -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;    
}

#pageheader .logo {
    padding: 10px 0;
    padding-bottom: 10px;
}

#content {
    width: auto !important;
}

#header ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header ul.menu li {
    display: inline;
}

#header ul.menu li a {
    padding-left: 20px;
}

#panel .upper a.logout {
    font-weight: bold;
    padding-right: 20px;
    margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
    padding-left: 20px;
    margin-left: 10px;
    font-weight: bold;
    height: 16px;
    width: 16px;
}

#panel .upper a.register {
    padding-right: 20px;
    margin-left: 10px;
    font-weight: bold;
    padding-bottom: 2px;
}

#panel .lower ul.panel_links a.usercp {
}

#panel .lower ul.panel_links a.modcp {
}    

#panel .lower ul.panel_links a.admincp {
}

#panel .lower ul.user_links {
    float: right;
}

#panel .lower ul.user_links li a {
    background-image: none;
}


#panel .lower ul.panel_links {
    float: left;
}

#panel .lower ul.panel_links li a {
    background-image: none;
}

#panel .upper {
    color: #000;
    padding: 7px;
    clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: #000;
}

#panel .lower {
    color: #000;
    padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #000;
}

#panel {
    background: #efefef;
    color: #000000;
    border: 1px solid #D4D4D4;
    padding: 8px;
    -moz-border-radius: 7px;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
     border-radius: 6px;
}

/* welcomeblock_admincp menu */

.welcomeblock_admincp_menuwrap {
  float: right;
  display: inline-block;
  position: relative;
}

.welcomeblock_admincp_menu {
  display: inline-block;
  padding: 0px 10px;
  position: relative;
  cursor: pointer;
  height: 10px;
  line-height: 10px;
  color: #333;
  text-decoration: none;
  border-radius: 2px;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  float: right;
}

/* welcomeblock_usercp menu */

.welcomeblock_usercp_settings h8 {
    font-size: 12px;
    font-weight: bold;
    text-transform: normal;
    padding-left: 10px;
}

.welcomeblock_usercp_menuwrap {
  float: right;
  display: inline-block;
  position: relative;
}


.welcomeblock_usercp_menu {
  display: inline-block;
  padding: 0px 10px;
  position: relative;
  cursor: pointer;
  height: 10px;
  line-height: 10px;
  color: #333;
  text-decoration: none;
  border-radius: 2px;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  float: right;
}

.welcomeblock_usercp_settings {
  display: none;
  position: absolute;
  left: 0;
  min-width: 150px;
  background: #EFEFEF;
  color: #555;
  top: 20px;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  z-index: 999999;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  box-shadow: 0px 0px 1px #ddd;
 border: 1px solid #D4D4D4;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 text-align: left;
}

.welcomeblock_usercp_settings::before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: absolute;
  border-bottom: 5px solid #2C2C2C;
  top: -5px;
  left: 10px;
  float: left;
}

.welcomeblock_usercp_settings ul {
    padding: 0;
    margin: 0;
}

.welcomeblock_usercp_settings ul > li {
  list-style: none;
  padding: 0;
}

.welcomeblock_usercp_settings ul > li > a {
  text-decoration: none;
  color: #FFF;
  display: block;
  padding: 0px 10px;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
}

.welcomeblock_usercp_settings ul > li > a:hover {
    background: #FFF;
    color: #e04006;
}

.welcomeblock_usercp_settings ul > li > a > i {
    float: left;
    padding-right: 2px;
    display:inline-block;
    line-height: 10px;
}

/* welcomeblock_modcp menu */


.welcomeblock_modcp_settings h8 {
    font-size: 12px;
    font-weight: bold;
    text-transform: normal;
    padding-left: 10px;
}

.welcomeblock_modcp_menuwrap {
  float: right;
  display: inline-block;
  position: relative;
}


.welcomeblock_modcp_menu {
  display: inline-block;
  padding: 0px 10px;
  position: relative;
  cursor: pointer;
  height: 10px;
  line-height: 10px;
  color: #333;
  text-decoration: none;
  border-radius: 2px;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  float: right;
}

.welcomeblock_modcp_settings {
  display: none;
  position: absolute;
  right: auto;
  left: 0;
  min-width: 150px;
  background: #EFEFEF;
  color: #555;
  top: 20px;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  z-index: 999999;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  box-shadow: 0px 0px 1px #ddd;
 border: 1px solid #D4D4D4;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

.welcomeblock_modcp_settings::before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: absolute;
  border-bottom: 5px solid #2C2C2C;
  top: -5px;
  left: 10px;
  float: left;
}

.welcomeblock_modcp_settings ul {
    padding: 0;
    margin: 0;
}

.welcomeblock_modcp_settings ul > li {
  list-style: none;
  padding: 0;
}

.welcomeblock_modcp_settings ul > li > a {
  text-decoration: none;
  color: #FFF;
  display: block;
  padding: 0px 10px;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
}

.welcomeblock_modcp_settings ul > li > a:hover {
    background: #FFF;
    color: #e04006;
}

.welcomeblock_modcp_settings ul > li > a > i {
    float: left;
    padding-right: 2px;
    display:inline-block;
    line-height: 10px;
}

/* welcomeblock_misc menu */

.welcomeblock_misc_menuwrap {
  float: right;
  display: inline-block;
  position: relative;
}


.welcomeblock_misc_menu {
  display: inline-block;
  padding: 0px 10px;
  position: relative;
  cursor: pointer;
  height: 10px;
  line-height: 10px;
  color: #333;
  text-decoration: none;
  border-radius: 2px;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  float: right;
}

.welcomeblock_misc_settings {
  display: none;
  position: absolute;
  right: 0;
  left: auto;
  min-width: 150px;
  background: #EFEFEF;
  color: #555;
  top: 25px;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  z-index: 999999;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  box-shadow: 0px 0px 1px #ddd;
 border: 1px solid #D4D4D4;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

.welcomeblock_misc_settings::before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: absolute;
  border-bottom: 5px solid #2C2C2C;
  top: -5px;
  right: 10px;
  float: right;
}

.welcomeblock_misc_settings ul {
    padding: 0;
    margin: 0;
}

.welcomeblock_misc_settings ul > li {
  list-style: none;
  padding: 0;
}

.welcomeblock_misc_settings ul > li > a {
  text-decoration: none;
  color: #FFF;
  display: block;
  padding: 0px 10px;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
}

.welcomeblock_misc_settings ul > li > a:hover {
    color: #e04006;
}

.welcomeblock_misc_settings ul > li > a > i {
    float: right;
    display:inline-block;
    line-height: 10px;
}

#search input.textbox {
    border-color: #A5A5A5;
    margin: -3px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 20px;
    display: inline-block;
    width: 200px;
}
.search_icon {
    background: none;
    cursor: pointer;
    margin-left: -24px;
    padding: 0;
    border: 0;
    display: inline-block;
    color: #747474;
}
#search {
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    display: block;
}

#search input.button {
    border-color: #132883;
}

#footer {
    padding-top: 15px;
    clear: both;
}

#footer ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer ul.menu li {
    margin: 0 5px;
    display: inline;
}

#footer .upper {
    background: #efefef;
    color: #000000;
    border: 1px solid #D4D4D4;
    padding: 10px;
    font-size: 12px;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
     border-radius: 6px;
}

#footer a:link {
    color: #026CB1;
    text-decoration: none;
}

#footer a:visited {
    color: #026CB1;
    text-decoration: none;
}

#footer a:hover, a:active {
    color: #000;
    text-decoration: underline;
}

#footer .upper .language {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .language select {
    border-color: #ccc;
}

#footer .upper .theme {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .theme select {
    border-color: #ccc;
}

#footer .upper ul.bottom_links {
    float: left;
    margin: 4px 0 0 0;
}

#footer .lower {
    color: #666;
    padding: 6px 6px 12px 6px;
    overflow: hidden;
    font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
    color:  #026CB1;
}

#footer .lower a:hover {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}


#footer .lower a:active {
    color: #026CB1;
    text-decoration: underline;
}

#footer .lower #current_time {
    float: right;
    color: #888;
}

#backtop {
    position: fixed;
    bottom: 50px;
    right: 10px;
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    z-index: 100;
    font-size: 32px;
}

Edit headerinclude

replace all with:
Code:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1806"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1806"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1807"></script>


<!-- FontAwesome -->

<!--<link rel="stylesheet" href="{$mybb->asset_url}/fontawesome/css/font-awesome.min.css">-->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

{$stylesheets}

<!-- Topmenu select -->
<script type="text/javascript">
$(document).ready(function(){
    $("#pagenavigation ul li a").each(function () {
           if (location.href.indexOf(this.href) > -1)
           {
                $(this).parent().attr("class", "selected");
                return false;
           }
     });
});
</script>

<!-- Welcomeblock_usercp menu -->
<script>
$(document).ready(function() {    
$('.welcomeblock_usercp_menu').on('click', function(){
        $('.welcomeblock_usercp_settings').slideToggle('100');
        return false;
    });
    $('html, body').on('click',function(){
        $('.welcomeblock_usercp_settings').slideUp('100');
    });
    $(".welcomeblock_usercp_settings").click(function(e){
        e.stopPropagation();
    });
});
</script>

<!-- Welcomeblock_modcp menu -->
<script>
$(document).ready(function() {    
$('.welcomeblock_modcp_menu').on('click', function(){
        $('.welcomeblock_modcp_settings').slideToggle('100');
        return false;
    });
    $('html, body').on('click',function(){
        $('.welcomeblock_modcp_settings').slideUp('100');
    });
    $(".welcomeblock_modcp_settings").click(function(e){
        e.stopPropagation();
    });
});
</script>

<!-- Welcomeblock_misc menu -->
<script>
$(document).ready(function() {    
$('.welcomeblock_misc_menu').on('click', function(){
        $('.welcomeblock_misc_settings').slideToggle('100');
        return false;
    });
    $('html, body').on('click',function(){
        $('.welcomeblock_misc_settings').slideUp('100');
    });
    $(".welcomeblock_misc_settings").click(function(e){
        e.stopPropagation();
    });
});
</script>

<script type="text/javascript">

$(document).ready(function($) {
   $(".tab_content").hide();
   $("ul.tabs li:first").addClass("active").show();
   $(".tab_content:first").show();
   $("ul.tabs li").click(function() {
       $("ul.tabs li").removeClass("active");
       $(this).addClass("active");
       $(".tab_content").hide();
       var activeTab = $(this).find("a").attr("href");
       $(activeTab).fadeIn();
       return false;
   });
});
</script>

<script type="text/javascript">

    lang.unknown_error = "{$lang->unknown_error}";

    lang.select2_match = "{$lang->select2_match}";
    lang.select2_matches = "{$lang->select2_matches}";
    lang.select2_nomatches = "{$lang->select2_nomatches}";
    lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";
    lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";
    lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";
    lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";
    lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";
    lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";
    lang.select2_loadmore = "{$lang->select2_loadmore}";
    lang.select2_searching = "{$lang->select2_searching}";

    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var rootpath = "{$mybb->settings['bburl']}";
    var imagepath = "{$theme['imgdir']}";
      var yes_confirm = "{$lang->yes}";
    var no_confirm = "{$lang->no}";
    var MyBBEditor = null;
    var spinner_image = "{$theme['imgdir']}/spinner.gif";
    var spinner = "<img src='" + spinner_image +"' alt='' />";
    var modal_zindex = 9999;

</script>

Edit header:

replace all with:

Code:
<a name="top" id="top"></a>
<div id="main">{$quicksearch}
<div id="pageheader">
  <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>                
</div>
<div id="pagecontainer-border">
<div id="pagecontainer">
<div id="pagenavigation">
  <ul>
    <li><a href="{$mybb->settings['homeurl']}"><i class="fa fa-home topmenu-home">&nbsp;</i>{$mybb->settings['homename']}</a></li>
    <li><a href="{$mybb->settings['bburl']}/portal.php"><i class="fa fa-bell topmenu-portal">&nbsp;</i>Portal</a></li>
    <li id="active"><a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-comments topmenu-forum">&nbsp;</i>{$mybb->settings['bbname']}</a></li>
    <li><a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search topmenu-search">&nbsp;</i>{$lang->toplinks_search}</a></li>
    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-users topmenu-memberlist">&nbsp;</i>{$lang->toplinks_memberlist}</a></li>
    <li><a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar topmenu-calendar">&nbsp;</i>{$lang->toplinks_calendar}</a></li>
    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-question-circle topmenu-help">&nbsp;</i>{$lang->toplinks_help}</a></li>
  </ul>
</div>
<div id="container">
        <div id="header">                         
            <div class="wrapper">
            </div>
            <div id="panel">
                <div class="upper">
                    <div class="wrapper">
                           <span style="float: right;">{$lang->welcome_current_time}</span>
                        {$welcomeblock}
                    <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
                <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
            </div>
        </div>
        <br />
        <div id="content">
            <div class="wrapper">
                {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                {$awaitingusers}
                <navigation>
                <br />

Edit header_welcomeblock_guest

Replace all with:
Code:
<!-- Continuation of div(class="upper") as opened in the header template -->
<!-- welcomeblock avatar -->
<a class="welcomeblock_avatar" href="{$mybb->settings['bburl']}/usercp.php?action=avatar"> <img src="{$mybb->user['avatar']}" height="25px" width="25px" /></a>
<script>
$(document).ready(function() {
//create a default avatar for those without one.
if($('.welcomeblock_avatar img', this).attr('src') == ''){
$('.welcomeblock_avatar img').attr('src', "{$mybb->asset_url}/images/default_avatar.png");
}
});
</script>
<span class="welcome">{$lang->welcome_guest} <a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true, zIndex: (typeof modal_zindex !== 'undefined' ? modal_zindex : 9999) }); return false;" class="login"><i class="fa fa-sign-in panel-login"></i>{$lang->welcome_login}</a> <a href="{$mybb->settings['bburl']}/member.php?action=register" class="register"><i class="fa fa-user-plus panel-register"></i>{$lang->welcome_register}</a></span>
                    </div>
                </div>
                <div class="modal" id="quick_login" style="display: none;">
                    <form method="post" action="{$mybb->settings['bburl']}/member.php">
                        <input name="action" type="hidden" value="do_login" />
                        <input name="url" type="hidden" value="" />
                        <input name="quick_login" type="hidden" value="1" />
                        <table width="100%" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" border="0" class="tborder">
                            <tr>
                                <td class="thead" colspan="2"><strong>{$lang->login}</strong></td>
                            </tr>
                            <tr>
                                <td class="trow1" width="25%"><strong>{$login_username}</strong></td>
                                <td class="trow1"><input name="quick_username" id="quick_login_username" type="text" value="" class="textbox initial_focus" /></td>
                            </tr>
                            <tr>
                                <td class="trow2"><strong>{$lang->password}</strong></td>
                                <td class="trow2">
                                    <input name="quick_password" id="quick_login_password" type="password" value="" class="textbox" /> <a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="lost_password">{$lang->lost_password}</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="trow1">&nbsp;</td>
                                <td class="trow1 remember_me">
                                    <input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="checkbox" checked="checked" />
                                    <label for="quick_login_remember">{$lang->remember_me}</label>
                                </td>
                            </tr>
                            <tr>
                                <td class="trow2" colspan="2">
                                    <div align="center"><input name="submit" type="submit" class="button" value="{$lang->login}" /></div>
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
                <script type="text/javascript">
                    $("#quick_login input[name='url']").val($(location).attr('href'));
                </script>

Edit header_welcomeblock_member

replace all with:
Code:
<!-- Continuation of div(class="upper") as opened in the header template -->
<!-- welcomeblock avatar -->
<a class="welcomeblock_avatar" href="{$mybb->settings['bburl']}/usercp.php?action=avatar"> <img src="{$mybb->user['avatar']}" height="25px" width="25px" /></a>
<script>
$(document).ready(function() {
//create a default avatar for those without one.
if($('.welcomeblock_avatar img', this).attr('src') == ''){
$('.welcomeblock_avatar img').attr('src', "images/default_avatar.png");
}
});
</script>
    <span class="welcome">{$lang->welcome_back} <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" class="logout"><i class="fa fa-sign-out panel-logout"></i>{$lang->welcome_logout}</a></span>
    </div>
</div>
<div class="lower">
    <div class="wrapper">
         <ul class="menu panel_links">
        {$modcplink}
        {$admincplink}                
<!-- welcomeblock_usercp menu -->
<div class="welcomeblock_usercp_menuwrap">
    <a class="welcomeblock_usercp_menu" href="#"><i class="fa fa-cog panel-usercp"></i> UserCP</a>
<div class="welcomeblock_usercp_settings">
    <ul>
        <h8>Menu:</h8>
        <li><a href="{$mybb->settings['bburl']}/usercp.php"><i class="fa fa-home"></i> User CP Home</a></li>
        <h8>Messenger:</h8>
        <li><a href="{$mybb->settings['bburl']}/private.php?action=send"><i class="fa fa-reply"></i> Compose</a></li>
        <li><a href="{$mybb->settings['bburl']}/private.php?fid={$folder_id}" class="usercp_nav_item {$class}"><i class="fa fa-folder-open"></i> Inbox</a></li>
        <li><a href="{$mybb->settings['bburl']}/private.php?fid={$folder_id}" class="usercp_nav_item {$class}"><i class="fa fa-folder"></i> Sent Items</a></li>
        <li><a href="{$mybb->settings['bburl']}/private.php?fid={$folder_id}" class="usercp_nav_item {$class}" ><i class="fa fa-folder"></i> Drafts</a></li>
        <li><a href="{$mybb->settings['bburl']}/private.php?fid={$folder_id}" class="usercp_nav_item {$class}"><i class="fa fa-trash-o"></i> Trash Can</a></li>
        <li><a href="{$mybb->settings['bburl']}/private.php?action=tracking"><i class="fa fa-flag"></i> Tracking</a></li>
        <li><a href="{$mybb->settings['bburl']}/private.php?action=folders"><i class="fa fa-folder"></i> Edit Folders</a></li>
        <h8>Your Profile:</h8>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=profile"><i class="fa fa-user"></i> Edit Profile</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=changename"><i class="fa fa-circle"></i> Change Username</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=password"><i class="fa fa-key"></i> Change Password</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=email"><i class="fa fa-envelope"></i> Change Email</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=avatar"><i class="fa fa-picture-o"></i> Change Avatar</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=editsig"><i class="fa fa-pencil"></i> Change Signature</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=options"><i class="fa fa-cogs"></i> Edit Options</a></li>
        <h8>Miscellaneous:</h8>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=usergroups"><i class="fa fa-users"></i> Group Memberships</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=editlists"><i class="fa fa-heart"></i> Buddy/Ignore List</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=attachments"><i class="fa fa-paperclip"></i> Manage Attachments</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=drafts"><i class="fa fa-pencil"></i> Saved Drafts</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=subscriptions"><i class="fa fa-bookmark"></i> Subscribed Threads</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=forumsubscriptions"><i class="fa fa-list"></i> Forum Subscriptions</a></li>
        <li><a href="{$profile_link}"><i class="fa fa-user"></i> View Profile</a></li>
    </ul>
</div>
   </ul>
        <ul class="menu user_links">
<!-- welcomeblock_misc menu -->
<ul class="welcomeblock_misc_menuwrap">
    <a class="welcomeblock_misc_menu" href="#"> Activity<i class="fa fa-cog panel-activity"></i></a>
<div class="welcomeblock_misc_settings">
    <ul>
        <li><a href="{$mybb->settings['bburl']}/private.php"><i class="fa fa-envelope"></i>Inbox</a></li>
        <li><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', null, true); return false;"><i class="fa fa-users"></i> Buddy List</a></li>
        <li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a></li>
        <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a></li>
        <li><a href="{$mybb->settings['bburl']}/private.php">{$lang->welcome_pms}</a>&nbsp;&nbsp;&nbsp;
            <i class="fa fa-envelope panel-alert">&nbsp;</i>{$lang->welcome_pms_usage}<i class="fa fa-envelope panel-not-alert">&nbsp;</i></li>
        
        <li><a href="search.php?action=finduserthreads&uid={$mybb->user['uid']}">View my threads</a></li>
<li><a href="search.php?action=finduser&uid={$mybb->user['uid']}">View my posts</a></li>

        <li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><i class="fa fa-power-off"></i> Logout</a></li>
    </ul>
</div>
</div>        
    </ul>
    <br class="clear" />
    </div>

Edit header_welcomeblock_member_admin

replace all with:

Code:
<!-- welcomeblock_admincp menu -->

<div class="welcomeblock_admincp_menuwrap">
<a class="welcomeblock_admincp_menu" href="{$mybb->settings['bburl']}/{$admin_dir}/index.php"><i class="fa fa-cog panel-admincp"></i> {$lang->welcome_admin}</a>
</div>

Edit header_welcomeblock_member_moderator

replace all with:
Code:
<!-- welcomeblock_modcp menu -->

<div class="welcomeblock_modcp_menuwrap">
<a class="welcomeblock_modcp_menu" href="#"><i class="fa fa-cog panel-modcp"></i> ModCP</a>
<div class="welcomeblock_modcp_settings">
    <ul>
        <h8>Menu:</h8>
        <li><a href="{$mybb->settings['bburl']}/modcp.php"><i class="fa fa-home"></i> ModCP Home</a></li>
        <h8> Forums &amp; Posts:</h8>
        <li><a href="{$mybb->settings['bburl']}/modcp.php?action=announcements"><i class="fa fa-bell"></i> Announcements</a></li>
        <li><a href="{$mybb->settings['bburl']}/modcp.php?action=modqueue"><i class="fa fa-book"></i> Moderation Queue</a></li>
        <li><a href="{$mybb->settings['bburl']}/modcp.php?action=reports"><i class=" fa fa-exclamation-triangle"></i> Report Center</a></li>
        <li><a href="{$mybb->settings['bburl']}/modcp.php?action=modlogs"><i class="fa fa-laptop"></i> Moderator Logs</a></li>
        <h8> Users: </h8>
        <li><a href="{$mybb->settings['bburl']}/modcp.php?action=finduser"><i class="fa fa-user"></i> Profile Editor</a></li>
        <li><a href="{$mybb->settings['bburl']}/modcp.php?action=banning"><i class="fa fa-lock"></i> Banning</a></li>
        <li><a href="{$mybb->settings['bburl']}/modcp.php?action=warninglogs"><i class="fa fa-eye"></i> Warning Logs</a></li>
        <li><a href="{$mybb->settings['bburl']}/modcp.php?action=ipsearch"><i class="fa fa-search"></i> IP Search</a></li>
    </ul>
</div>
</div>


edit footer:

replace all with:

Code:
<script type="text/javascript">
$(function($) {
$("#backtop").hide();
  $(window).scroll(function () {
    if ($(this).scrollTop() > 400) {
      $('#backtop').fadeIn(200);
    } else {
      $('#backtop').fadeOut(200);
    }
  });
  $('.go-top').click(function () {
    $('html,body').animate({
      scrollTop: 0
    }, 1000);
    return false;
  });
});
</script>
<debugstuff>
    </div>
</div>
<div id="footer">
    <div class="upper">
        <div class="wrapper">
            {$lang_select}
            {$theme_select}
            <ul class="menu bottom_links">
                {$contact_us}  |
                <li><a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a></li>  |
                <li><a href="#top">{$lang->bottomlinks_returntop}</a></li>  |
                <li><a href="<archive_url>">{$lang->bottomlinks_litemode}</a></li>  |
                <li><a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></li>
            </ul>
        </div>
    </div>
</div>
</div></div>

</div>

    <div class="lower">
        <div class="wrapper">
            <span id="current_time"><!--{$lang->welcome_current_time}--></span>
            <span id="copyright">
                
                <!-- MyBB is free software developed and maintained by a volunteer community.
                    It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,
                    to show your support for MyBB.  If you choose to remove or modify the copyright below,
                    you may be refused support on the MyBB Community Forums.
                    This is free software, support us and we'll support you. -->
                
                {$lang->powered_by} <a href="http://www.mybb.com" target="_blank">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="http://www.mybb.com" target="_blank">MyBB Group</a>.
                <br />
                <!-- Begin Theme Credits -->
                
                Theme by: <a href="http://community.mybb.com/user-6029.html" target="_blank">Vintagedaddyo</a>
                Theme by: <a href="#" target="_blank">You Too</a>
                <!-- End Theme Credits -->
                
                <!-- End powered by -->
            </span>


<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
{$auto_dst_detection}
</div>
        
    <div id='backtop'>
    <a class='go-top' href='#top' title='Back to Top'><i class="fa fa-arrow-up backtop">&nbsp;</i>
</div>
*make sure to add your credit in the provided link...., and if you want to be respectful and appreciate my tutorial..., you could keep my credit there as well seeing as we are all doing this together for tutorial purposes Wink
↧
Search
Viewing all articles
Browse latest Browse all 690

Trending Articles

RAMAYAMPET Mandal Sarpanch | Upa-Sarpanch | Ward member Mobile Numbers Medak...

May 24, 2017, 2:00 am

लड़कियां सेक्स के दौरान क्यों करती है उह! आह!लड़कियां सेक्स के दौरान क्यों करती...

May 19, 2016, 1:54 am

Neem Baba Extra Questions Answer Class 6 English Poorvi

February 1, 2025, 5:19 am

Throw Back: 4×4 — Sikilitele (Ft Castro) Prod by JQ

March 5, 2015, 8:24 am

Rajasthan Board 10th Result 2016 Roll No wise & Name Wise

August 20, 2016, 5:13 pm

Lowe faces four theft charges

November 14, 2017, 6:52 pm

Practice Sheet of Right form of verbs for HSC Students

September 22, 2019, 11:40 pm

Mafia, Murder & Mayhem In The Motor City: Detroit Mob Hit Timeline (1937-2007)

December 7, 2016, 3:57 pm

The 10 Tennessee Cities With The Largest Black Population For 2021

December 21, 2020, 10:12 am

Materials Around Us Class 6 Worksheet Science Chapter 6

October 3, 2024, 5:20 am

デスクトップ ヒープの枯渇

January 18, 2018, 8:31 pm

Best Suvichar in Hindi |बेस्ट सुविचार |शुभ विचार हिंदी में

March 7, 2020, 11:19 pm

Kanulanu Thaake Lyrics and translation | Manam (2014)

May 9, 2014, 5:45 am

Korean Sex Porn Videos: XXX Videos & Free Porn Movies

May 30, 2025, 9:29 pm

Teen Shot In Miami Drive-By Dies From Injuries

August 8, 2011, 1:16 pm

Download: IQ Muzatasha feat Shy D & Pmj – Ulesi NiFertilizer Yamavuto

March 22, 2018, 7:23 pm

Mahakal Attitude Status

February 29, 2020, 9:52 am

Property developer set up cannabis factory to help pay off debts...

August 3, 2015, 2:29 am

♡

July 11, 2015, 6:15 am

KB: How to troubleshoot issues when adding a Hyper-V host in System Center...

August 14, 2012, 10:05 am
Search