MyBB.support, le portail francophone de MyBB

Version complète : VB navbar pour Mybb 1.6 EN/FR
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
Pages : 1 2 3
Bonjour a tous Bienvenue sur Mybb.fr ,
voila un tutoriel pour changer la bar de navigation de votre forum Mybb avec celle de VB.

Les fichier que vous avez besoin sont attacher .
# functions.php to /inc
# class_templates.php to /inc
# 21 .png et .gif vers /images to /images
# the 3 .js vers /jscripts
# vbnavbar.php vers /inc/plugins
# vbnavbar.lang.php vers /inc/languages/french
NB:Si vous avez déjà effectuer des modification sur votre fichier Foctions.php il vous faut les effectuer pour ceci, si non transférez le contenu de Zip attacher directement vers le Root de votre Forum.
Après que vous envoi les fichiers vers votre forum.Voila les modification Nécessaire des Templates de votre Theme Remplacer leurs contenus par les suivant:

*Entête Templates/Headerpar:
Code PHP :
<div id="container">
        <
a name="top" id="top"></a>
        <
div id="header">
            <
div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}alt="{$mybb->settings['bbname']}title="{$mybb->settings['bbname']}/></a></div>
<
br />

<!-- 
breadcrumbloginpm info -->
<
table class="tborder" cellpadding="$theme[tablespace]cellspacing="$theme[borderwidth]border="0" width="100%" align="center">
<
tr>
<
td class="trow1" width="100%">

<
table cellpadding="0" cellspacing="0" border="0">
<
tr valign="bottom">

<
td>&nbsp;</td>
<
td width="100%"><navigation></td>
</
tr>
</
table>

</
td>


<if 
condition=$mybb->user['uid']> <then>

<
td class="trow1" valign="top" nowrap="nowrap">
<
div class="smalltext">{$lang->welcome_back}<br />
<
a href="{$mybb->settings['bburl']}/private.php">{$lang->welcome_pms}</a> {$lang->welcome_pms_usage}<br />
{
$lang->welcome_current_time}
</
div>
</
td>

<else />

<
td class="trow1" nowrap="nowrap" style="padding:0px">

<!-- 
login form -->

<
form action="{$mybb->settings['bburl']}/member.php" method="post">
<
input type="hidden" name="action" value="do_login" />
<
input type="hidden" name="url" value="{$mybb->settings['bburl']}/>
<
input type="hidden" name="quick_login" value="1" />
<
table cellpadding="0" cellspacing="3" border="0" class="trow1">
<
tr>
<
td class="smalltext">{$lang->username}</td>
<
td><input type="text" name="quick_username" size="8" title="{$lang->vbnavbar_username}class="textbox" value="{$lang->vbnavbar_username}onfocus="this.value=''" tabindex="1" /></td>
<
td class="smalltext"><label title="{$lang->remember_me_desc}"><input type="checkbox" class="checkbox" name="quick_remember" value="yes" tabindex="3" checked="checked" />{$lang->remember_me}</label></td>
</
tr>
<
tr>
<
td class="smalltext">{$lang->password}</td>
<
td><input type="password" name="quick_password" size="8" title="{$lang->password}value="{$lang->password}class="textbox" onfocus="this.value=''" tabindex="2" /></td>
<
td><input type="submit" class="button" name="submit" style="font-weight:normal" value="{$lang->welcome_login}tabindex="4" /></td>
</
tr>
</
table>
</
form>
<!-- / 
login form -->

</
td>

</if>

</
tr>
</
table>
<!-- / 
breadcrumbloginpm info -->

<
table cellpadding="5" cellspacing="0" border="0" width="100%" class="tvbnav" align="center">
<
tr>
<
td class="tcat" align="center">{$welcomeblock}</td>
<
td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_index.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/index.php"><strong>{$lang->vbnavbar_index}</strong></a></td>
<
td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_search.png" alt="" title="" class="vbottom" /><a href="{$mybb->settings['bburl']}/search.php" id="search" onclick="return openMenu(this)" class="popup_button">{$lang->toplinks_search} <img src="{$theme['imgdir']}/vbnb_popdown.gif" border="0" /></a></td>
<
td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_member.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/memberlist.php"><strong>{$lang->toplinks_memberlist}</strong></a></td>
<
td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_calendar.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/calendar.php"><strong>{$lang->toplinks_calendar}</strong></a></td>
<
td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_help.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/misc.php?action=help"><strong>{$lang->toplinks_help}</strong></a></td>
{
$admincplink}
{
$modcplink}
<if 
condition=$mybb->user['uid']> <then>
<
td class="tcat" align="center"> <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><strong>{$lang->welcome_logout}</strong></a></td><else /></if>
</
tr></table>

<
hr class="hidden" />
</
div>
<
hr class="hidden" />
<
br class="clear" />
<
div id="content">
        {
$pm_notice}
        {
$bannedwarning}
        {
$bbclosedwarning}
        {
$unreadreports}
        {
$pending_joinrequests}
<!-- 
header quick search form -->
<
div class="menupop" id="search-popup">
<
table cellpadding="4" cellspacing="1" border="0" class="tvbnavsearch">
<
tr>
<
td class="tcat">{$lang->toplinks_search}</td>
</
tr>
<
tr>
<
td class="row">

<
form method="post" action="{$mybb->settings['bburl']}/search.php">
<
input type="hidden" name="action" value="do_search" />
<
input type="hidden" name="postthread" value="1" />
<
input type="hidden" name="forums" value="all" />
<
input type="hidden" name="showresults" value="threads" />
<
input type="text" name="keywords" value="" />
{
$gobutton}
</
form>
</
td>
</
tr>
<
tr>
<
td class="menu_row"><a href="{$mybb->settings['bburl']}/search.php">{$lang->vbnavbar_advanced_search}</a></td>
</
tr>
</
table>
</
div>

<!-- / 
header quick search form -->
<
br /> 
Puis
*Entête Templates/header_welcomeblock_guestpar:
Code PHP :
<img src="{$theme['imgdir']}/vbnb_register.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/member.php?action=register"><strong>{$lang->welcome_register}</strong></a
Ainsi
*Entête Templates/header_welcomeblock_memberpar:
Code PHP :
<img src="{$theme['imgdir']}/vbnb_usercp.png" alt="" title="" class="vbottom" /><a href="{$mybb->settings['bburl']}/usercp.php" id="usercp" onclick="return openMenu(this)" class="popup_button">{$lang->vbnavbar_user_cp} <img src="images/vbnb_popdown.gif" border="0" /></a>

<!-- 
user cp tools menu -->
<
div class="menupop" id="usercp-popup">
<
table cellpadding="4" cellspacing="1" border="0" class="tvbnavcp">

<
tr><td class="tcat"><strong>{$lang->vbnavbar_quick_links}</strong></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/vbnb_newposts.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/search.php?action=getnew" title="{$lang->welcome_newposts}">{$lang->welcome_newposts}</a></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/vbnb_daily.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/search.php?action=getdaily" title="{$lang->welcome_todaysposts}">{$lang->welcome_todaysposts}</a></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/vbnb_all.png" alt="" title="" class="vbottom" /> <a href="misc.php?action=markread&my_post_key={$mybb->post_code}title="{$lang->vbnavbar_mark_read}">{$lang->vbnavbar_mark_read}</a></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/vbnb_buddy.png" alt="" title="" class="vbottom" /> <a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);" title="{$lang->welcome_open_buddy_list}">{$lang->welcome_open_buddy_list}</a></td></tr>

<
tr><td class="tcat"><a href="{$mybb->settings['bburl']}/usercp.php" title="{$lang->vbnavbar_user_cp_full}"><strong>{$lang->vbnavbar_user_cp_full}</strong></a></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/vbnb_sig.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/usercp.php?action=editsig" title="{$lang->vbnavbar_edit_sig}">{$lang->vbnavbar_edit_sig}</a></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/vbnb_avatar.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/usercp.php?action=avatar" title="{$lang->vbnavbar_change_avatar}">{$lang->vbnavbar_change_avatar}</a></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/usercp/profile.gif" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/usercp.php?action=profile" title="{$lang->vbnavbar_edit_profile}">{$lang->vbnavbar_edit_profile}</a></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/usercp/options.gif" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/usercp.php?action=options" title="{$lang->vbnavbar_edit_options}">{$lang->vbnavbar_edit_options}</a></td></tr>

<
tr><td class="tcat"><strong>{$lang->vbnavbar_misc}</strong></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/vbnb_pm.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/private.php" title="{$lang->vbnavbar_view}">{$lang->welcome_pms}</a></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/usercp/subscriptions.gif" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/usercp.php?action=subscriptions" title="{$lang->vbnavbar_view}{$lang->vbnavbar_sub_threads}">{$lang->vbnavbar_sub_threads}</a></td></tr>
<
tr><td class="menu_row"><img src="{$theme['imgdir']}/usercp/viewprofile.gif" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/member.php?action=profile&amp;uid={$mybb->user['uid']}title="{$lang->vbnavbar_view}{$lang->vbnavbar_profile}">{$lang->vbnavbar_view}{$lang->vbnavbar_profile}</a></td></tr

</
table>
</
div
puis
*Entête Templates/header_welcomeblock_member_adminpar:
Code PHP :
<td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_admincp.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/{$config['admin_dir']}/index.php"><strong>{$lang->welcome_admin}</strong></a></td
ansi celui la
*Entête Templates/header_welcomeblock_member_moderatorpar:
Code PHP :
<td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_modcp.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/modcp.php"><strong>{$lang->welcome_modcp}</strong></a></td

*Templates dissociés/headerincludepar:
Code PHP :
<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->settings['bburl']}/jscripts/prototype.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/vbnb_menu.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/vbnb_menu2.js"></script>
<!--[if lte IE 6]>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/vbnb_supersleight-min.js"></script>
<![endif]-->
{$stylesheets}
<script type="text/javascript">
<!--
    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 imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg} 
*Navigation Templates / navpar:
Code PHP :
<div class="navigation">
<
img class="vbottom" src="{$theme[imgdir]}/vbnb_navstart.gif" />{$nav}{$activesep}{$activebit}
</
div
et
*Navigation Templates / nav_seppar:
Code PHP :
&raquo
*Navigation Templates / nav_sep_activepar:
Code PHP :
<br /><img class="vbottom" src="{$theme[imgdir]}/vbnb_navend.gif" /> 
Maintenant en va Crié une feuille de style.CSS pour votre theme :

Allez vers : Thèmes==>Cliquez sur Votre thème==>Ajouter une feuille de style .
  • Nom du fichier : vbnavbar.css
  • Liées à : Globalement
  • Écrire mon propre contenu
et Voila votre propre contenu a rajouter :
Code PHP :
/* Popup Menus */

.popup_button {
color#FFFFFF;
text-alignright;
font-weightbold;
padding3px;
margin-top3px;
margin-bottom3px;
margin-left3px;
}

a.popup_button:link,
a.popup_button:visited,
a.popup_button:active,
a.popup_button:hover {
text-decorationnone;
color#000000;
}

.
popup_menu {
positionabsolute;
border1px solid #000;
background#ccc;
}

.
popup_menu ul
{
margin:0px;
padding:0px;
list-
style-type:none;
}

.
popup_menu li
{
background#fff;
margin1px;
padding0;

}

.
popup_menu ul li a
{
displayblock;
padding3px;
color#000;
text-decorationnone;
}

html .popup_menu ul li a {
displayblock;
width100%;
}

.
popup_menu a:hover {
background#C7DBEE;
text-decorationnone;
color#000;
}

.
menupop {
background#FFFFFF;
color#000000;
border1px solid #0B198C;
display:none;
}

/* Navbar Menu */

.tvbnav {
background#81A2C4;
width100%;
marginauto auto;
border-top0px;
border-left1px solid #0F5C8E;
border-right1px solid #0F5C8E;
border-bottom1px solid #0F5C8E;
}

/* Navbar CP and Search */
.tvbnavcp{
background: ;
text-alignleft;
}

.
tvbnavsearch{
background: ;    
}

td.left{
text-align:left;
}

/* CSS Styling */
.vbottom{
vertical-align:bottom;
border0px;


Enfin il ne vous reste qu'activer VBNavBar Plugin:
ACP==>Plugins===>VBNavBar Plugin (1.0) ==>Activer

Exemple: [Image: vbnavbar16_usercp.png]

Demo sites:



Sorce: MYBB.COM
EDIT 2016 : [Un message aussi vieux que la présence humaine sur Terre]
avez vous bien suivie les étapes.
c possible de nous poster lien de votre forum.
Trés bonne astuce merci haytoch Wink
Merci a vous aussi Smile

je fait pas grand chose
Merci Haytoch Smile
bonjour et merci pour ce superbe menu

Comment fait ton pour ajouter de nouveau lien dans le menu
De rien Smile
Pour rajouter un Nouveaux lien pour le menu Horizontale Dans le Templete Header chercher ceci:
Code PHP :
<tr>
<
td class="tcat" align="center">{$welcomeblock}</td>
<
td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_index.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/index.php"><strong>{$lang->vbnavbar_index}</strong></a></td>
<
td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_search.png" alt="" title="" class="vbottom" /><a href="{$mybb->settings['bburl']}/search.php" id="search" onclick="return openMenu(this)" class="popup_button">{$lang->toplinks_search} <img src="{$theme['imgdir']}/vbnb_popdown.gif" border="0" /></a></td>
<
td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_member.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/memberlist.php"><strong>{$lang->toplinks_memberlist}</strong></a></td>
<
td class="tcat" align="center"><img src="{$theme['imgdir']}/vbnb_calendar.png" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/calendar.php"><strong>{$lang->toplinks_calendar}</strong></a></td

Et ajouter une autre balise <td>
Comme ca :
Citation :<td class="tcat" align="center"><img src="{$theme['imgdir']}/Nom de l'image qui s'affiche a coté .png" alt="" title="" class="vbottom" /> <a href="Ici le lien que vous vouler"><strong>{$lang->toplinks_memberlist}</strong></a></td>

et vous pouvez ajouter le nombre de lien que vous voulez ,
Bonne chance Haytoch
merci haytoch sa fonctionne
De rien Smile
je vient de voir un bug..
Quand je clique sur, user cp----Wiew profile, la page est actualisé mes rien ne ce passe, je reste sur la même page
ok svp un utilisateur test c possible ?
invite
123456
Merci je fait voir il semble que aucun lien attacher à ceci :
<a href="{$profile_link}" >...........................</a>
et remplacer par :

Code PHP :
<tr><td class="menu_row"><img src="{$theme['imgdir']}/usercp/viewprofile.gif" alt="" title="" class="vbottom" /> <a href="{$mybb->settings['bburl']}/member.php?action=profile&amp;uid={$mybb->user['uid']}title="{$lang->vbnavbar_view}{$lang->vbnavbar_profile}">{$lang->vbnavbar_view}{$lang->vbnavbar_profile}</a></td></tr

dans le template : Header===>header_Member template
Merci Beaucoup a vous , maintenant c régler . (le sujet est à jour ) Smile

PS: j'ai lancer le bug sur le tutoriel d'origine . merci encours a vous Bruno36
merci sa fonctionne
Salut, quand j'ai crée une Feuille machin, je vais dans Plugin, et ça m'affiche pas celui que tu dis. Lien : http://AdoGame.com/forum/
Avez vous sure que les étapes sont tous appliquer ?? sur tout " Templates dissociés/headerinclude"

Ainsi la Feuille CSS ( il faut que le nom soit "vbnavbar.css" n'oubliez pas ".css c important )
car je voie dans votre forum tout les modification de header_template sont bonne .

donc je pense que le problème et dans le fichier de CSS rajouter , Donc soyez sure que vous l'ajouter pour le vrais theme .
Bonjour!

j'ai voulue l'installer sur le forum d'un pote et le probleme certain texte ne s'affiche pas pourtant j'ai bien envoyer le fichier lang
quelles texte ?
le nom du thème utiliser svp ?
Pages : 1 2 3
 Utilitaire de traduction fourni par Regentronique