Refonte du header de vb4

[Ombre]

Ce mod vous permet de modifier le header, je l'ai réalisé pour les mordus de Belle bannière, afin qu'ils puissent jouir de la totalité du header pour adapté leurs bannières.

Cette modification à deux étapes, la première permet de retirés les liens et autres infos telle que les champs pour ce connectés au forum, et de leurs déplacement dans la navbar, la deuxième étape consiste à modifier la zone du logo, afin d'avoir une images en background et d'une bannière par dessus personnalisable selon vos besoins.

Ce mode est valide aux normes w3c

Conception

* Auteur du mod : Ombre
* Version vBulletin Requise : vB 4.0.2
* Testé: oui sur 4.0.2, avec Firefox et IE.
* Copyright © 2006-2010 vBulletin-Ressources.com - Tous droits réservés Uniquement pour nos traductions / Copyright © 2006-2010 vBulletin-Ressources.com - All Rights Reserved Only for ours translations



Modification pour l'étape 1

* Dans le template header remplacez le contenu pas ceci:


<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
{vb:raw ad_location.ad_header_logo}
<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />
{vb:raw ad_location.ad_header_end}
</div>Et enregistrez les modifications de ce template.

* Dans le template navbar recherchez ce bout de code:



<!-- closing div for above_body -->Et en-dessous ajouté cela:


<div class="login_ombre">
<div id="toplinks" class="isuser">
<vb:if condition="$show['member']">
<ul class="login_ul_ombre">
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
<vb:if condition="$notifications_total">
<li class="popupmenu notifications" id="notifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
<ul class="popupbody popuphover">
{vb:raw notifications_menubits}
</ul>
</li>
<vb:else />
<li class="popupmenu nonotifications" id="nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
<ul class="popupbody popuphover">
<li>{vb:rawphrase no_new_messages}</li>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
</ul>
</li>
</vb:if>

<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
</ul>
{vb:raw template_hook.header_userinfo}
<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
<vb:else />
<ul class="nologin_ul_ombre">
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
<li>
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<form action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
<fieldset id="logindetails" class="logindetails">
<div>
<div>
<input type="text" class="textbox default-value" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" onfocus="if (this.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'; this.style.color='#828282';}"/>
<input type="password" class="textbox default-value" tabindex="102" name="vb_login_password" id="navbar_password" size="10" onfocus="this.style.color='black';" />
<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" />{vb:rawphrase remember_me}</label>
<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>
</div>
</fieldset>

<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
</li>
</ul>
</vb:if>
</div>

</div>
<br />Et enregistrez.

* Dans le template vbulletin.css ajoutez tout en bas ces class:


.login_ombre {
background: {vb:stylevar forumhead_background};
_background-image: none;
padding:0;
font:{vb:stylevar forumhead_font};
color:{vb:stylevar forumhead_color};
clear:both;
margin-top: 8px;
border: {vb:stylevar forumhead_border};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
-moz-border-radius-bottom{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
-webkit-border-bottom-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
height:25px;
line-height:25px;
}

.login_ombre a {
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 4px;
font-weight:bold;
color:{vb:stylevar toplinks_link_color};
}

.login_ul_ombre {
display:block;
float: {vb:stylevar right};
clear: {vb:stylevar left};
list-style: none;
}
.login_ul_ombre li {
display:inline;
float: {vb:stylevar right};
clear: {vb:stylevar left};
list-style: none;
padding-{vb:stylevar right}: 10px;
line-height:25px;
}
.login_ul_ombre .popupbody li {
display:block;
float: none;
clear: none;
padding:0;
margin:0;
color: #7D9BB0;
}
.nologin_ul_ombre {
display:inline;
}
.nologin_ul_ombre li {
float:right;
clear:{vb:stylevar left};
color:{vb:stylevar toplinks_link_color};
}
.bk_logo {
background-image:url({vb:stylevar imgdir_misc}/logo_02.png);
background-repeat: repeat-x;
height:150px;
padding:0px;
margin:0px;
-moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius:{vb:stylevar border_radius};
text-align:center;
}
La première étape est finie, voici ce que vous aurez si vous vous arretez là:




Modification pour l'étape 2

Cette étape va modifié comme prévus le header, et en particulier la zone ou vous allez pouvoir mettre votre bannière (logo).

* Dans le template vbulletin.css ajoutez tout en bas ces class:


.bk_logo {
background-image:url({vb:stylevar imgdir_misc}/logo_02.png);
background-repeat: repeat-x;
height:150px;
padding:0px;
margin:0px;
-moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius:{vb:stylevar border_radius};
text-align:center;
} * Dans le template header remplacez le contenu pas ceci:


<div class="bk_logo"><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}"><img src="{vb:stylevar imgdir_misc}/logo.png" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
<div> <!-- closing tag is in template navbar -->
<div>
{vb:raw ad_location.ad_header_logo}
<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
{vb:raw ad_location.ad_header_end}
</div>Et enregistrez.

* Importez l'images logo_02.png (vous la trouverez dans les pièces jointes dans l'archive image.rar) dans le dossier images/misc/ de votre style.

Normalement si vous avez suivis les indications ci-dessus comme il le faut, vous devriez voir apparaitre le changement, qui donnera ce style d'aspect:



Astuces

* !Attention!: La modification ne comprend pas la bannière (logo) donc sur la capture vous avez un espace vide, ce qui est normal, à vour de placer dans le dossier images/misc/ une bannière qui par défaut doit ce nommer logo.png, si vous désirez mettre un autre format il vous faudra modifier le code dans le header que j'ai surligné en vert, la bannière que j'ai utilisé fait 800*150 si vous désirez utilisé une bannière d'une dimension différente, modifier la partie du code CSS en orange qui coirrespond à la hauteur, pour la largeur à vous de ne pas abusé .
* Ceux qui désirent avoir un espace totu en haut du header, pour mieux bénéficié de l'arrondis sous Firefox, placez un <br /> tout au début du template header tout simplement capture ci-dessous:



Captures

* En pièces jointes, vous avez les différentes partie en démonstration, et connecté ou non.

[astros]

merci ombre toujours au top

[Allan]

La différence est sympa je trouve, merci de le partager :)

[Jose.N70]

Ca change effectivement merci pour le partage :)

[Jose.N70]

Petite question où puis je modifier la couleur du texte ici :

12572

[Ombre]

Pour la couleur des texte c'est dans la class que tu as ajouter "login_ombre", tu changes ceci:


color:{vb:stylevar forumhead_color};

En cela:


color: red;

Remplace red qui est en rouge par la couleur que tu veux, pour le texte, et pareil pour la class "login_ombre a"

Tu cherches ça:


color:{vb:stylevar toplinks_link_color};

Que tu remplaces en ça:


color:red;

Pareil tu dois rempalcer la couleur Red que j'ai mis en rouge par celle que tu désires pour tes liens.

Vu la couleur de ton style je pense que tu devrais mettre une autre images de fond dans le header :)

[T H X]

très belle modification qui a certainement pris pas mal de temps dans sa conception ;)

jolie travail :)

[Jose.N70]

Merci Ombre ;)

[Spider-Man]

Bonjour et merci pour ce partage ;)

[Billyboule]

Tip top Ombre, merci à toi.

[Simon]

Merci du partage, beau tuto :)

[wheel]

excellent merci ombre

[WhiTeCoderSc]

Bonsoir,

merci pour cette modification très sympathique, mais j'ai un léger problème j'ai mit mon image 150 par 800 et voila ce que ça donne :

13106

Comment faire pour qu'elle s'adapte à toute les résolution ?

[Ombre]

Bonsoir, si tu mets une valeur fixe pour la largeur de ton image il est sur qu'elle ne va pas suivre le reste du header selon la résolution utilisé, il te faut utilisé une valeur en pourcentage plutôt.

Et spécialement selon les besoin il est plus intéressant d'utiliser une images sans background, comme le logo d'origine de vbulletin, afin de ne pas voir son commencement et sa fin ;)

[Elison]

J'avais loupé ton mode Ombre, sympa comme rendu graphique !

[WhiTeCoderSc]

Très bien merci :blush2:

[Lo']

J'avais loupé ton mode Ombre, sympa comme rendu graphique !

J'allais dire la même chose lol
Merci Ombre pour ce mode ... :delicious:

[WhiTeCoderSc]

Re bonjour byby

Dernière petite question, comment puis-je mettre mon Logo tout à gauche ? " par default il est centrer "

[Ombre]

Dans le template vbulletin.css à l'étape 2 il est demander de mettre des class, remplace ses class par ceci:


.bk_logo {
background-image:url({vb:stylevar imgdir_misc}/logo_02.png);
background-repeat: repeat-x;
height:150px;
padding:0px;
margin:0px;
-moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius:{vb:stylevar border_radius};
text-align:left;
}

[WhiTeCoderSc]

Problème régler, merci de votre aide Ombre.

[berberetata]

Tout d'abord merci pour ce super tuto :d2

Par contre j'ai un soucis parce que dans navbar j'ai pas :
<!-- closing div for above_body -->

J'ai ca moi dans mon navbar et donc j'ai pas cette ligne la :ft:

Voici mon navbar :

<!-- styles in template: headinclude -->
<div class="above_body">
<div id="navbar">

<ul id="navtabs" class="floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
{vb:raw template_hook.navtab_start}
<vb:if condition="!$vboptions['selectednavtab']">
<li class="selected"><a class="navtab" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}">{vb:rawphrase forum}</a>

<ul class="floatcontainer">
{vb:raw template_hook.navbar_start}
<vb:if condition="$show['searchbuttons']">
<vb:if condition="$show['member']">
<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:rawphrase new_posts_nav}</a>
<ul class="popupbody popuphover">
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_P ost">{vb:rawphrase new_posts_nav}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_S ocialGroupMessage">{vb:rawphrase new_group_messages_nav}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_E vent">{vb:rawphrase new_events_nav}</a></li>
{vb:raw template_hook.navbar_getnew_menu}
</ul>
</li>
<vb:else />
<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:rawphrase todays_posts}</a>
<ul class="popupbody popuphover">
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum _Post">{vb:rawphrase todays_posts}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum _SocialGroupMessage">{vb:rawphrase daily_group_message}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum _Event">{vb:rawphrase daily_events}</a></li>
{vb:raw template_hook.navbar_getdaily_menu}
</ul>
</li>
</vb:if>
</vb:if>
{vb:raw template_hook.navbar_after_getnew}
<vb:if condition="$show['pmmainlink']">
<li><a href="private.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase private_messages}</a></li>
</vb:if>
{vb:raw template_hook.navbar_after_pm}
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase faq}</a></li>
{vb:raw template_hook.navbar_after_faq}
<li><a href="calendar.php{vb:raw session.sessionurl_q}">{vb:rawphrase calendar}</a></li>
{vb:raw template_hook.navbar_after_calendar}

<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:rawphrase community}</a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<vb:if condition="$show['quick_links_groups']">
<li><a href="group.php{vb:raw session.sessionurl_q}">{vb:rawphrase social_groups}</a></li>
</vb:if>
<vb:if condition="$show['quick_links_albums']">
<li><a href="album.php{vb:raw session.sessionurl_q}">{vb:rawphrase pictures_and_albums}</a></li>
</vb:if>
<vb:if condition="$bbuserinfo['userid']">
<li><a href="profile.php?{vb:raw session.sessionurl}do=buddylist"><vb:if condition="$show['friends_and_contacts']">{vb:rawphrase contacts_and_friends}<vb:else />{vb:rawphrase contacts}</vb:if></a></li>
</vb:if>
<vb:if condition="$show['memberslist']">
<li><a href="memberlist.php{vb:raw session.sessionurl_q}">{vb:rawphrase members_list}</a></li>
</vb:if>
{vb:raw template_hook.navbar_community_menu_end}
</ul>
</li>
{vb:raw template_hook.navbar_after_community}

<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:rawphrase quick_links}</a>
<ul class="popupbody popuphover">
<vb:if condition="$vboptions['enablesearches']">
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum _Post">{vb:rawphrase todays_posts}</a></li>
</vb:if>
<li>
<a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread">{vb:rawphrase mark_forums_read}</a>
</li>
<vb:if condition="$show['member']">
<li>
<a href="javascript://" onclick="window.open(getBaseUrl() + 'misc.php?{vb:raw session.sessionurl}do=buddylist&amp;focus=1','buddylis t','statusbar=no,menubar=no,toolbar=no,scrollbars= yes,resizable=yes,width=250,height=300'); return false;">{vb:rawphrase open_contacts}</a>
</li>
</vb:if>
<vb:if condition="$vboptions['forumleaders']">
<li>
<a href="showgroups.php{vb:raw session.sessionurl_q}">{vb:rawphrase view_forum_leaders}</a>
</li>
</vb:if>
{vb:raw template_hook.navbar_quick_links_menu_pos1}
{vb:raw template_hook.navbar_quick_links_menu_pos2}

<vb:if condition="$show['member']">
<vb:if condition="$show['siglink']">
<li><a href="profile.php?{vb:raw session.sessionurl}do=editsignature">{vb:rawphrase edit_signature}</a></li>
</vb:if>
<li>
<a href="profile.php?{vb:raw session.sessionurl}do=editprofile">{vb:rawphrase edit_your_details}</a>
</li>
<li>
<a href="profile.php?{vb:raw session.sessionurl}do=editoptions">{vb:rawphrase edit_options}</a>
</li>
</vb:if>
{vb:raw template_hook.navbar_quick_links_menu_pos3}
<vb:if condition="$show['member']">
<li class="popup_inline_break">{vb:rawphrase miscellaneous}</li>
<li><a href="subscription.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase subscribed_threads}</a></li>
<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
</vb:if>
<vb:if condition="$show['wollink']">
<li><a href="online.php{vb:raw session.sessionurl_q}">{vb:rawphrase whos_online}</a></li>
</vb:if>
{vb:raw template_hook.navbar_quick_links_menu_pos4}
</ul>
</li>
{vb:raw template_hook.navbar_end}
</ul>

</li>
<vb:else />
<li><a class="navtab" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}">{vb:rawphrase forum}</a></li>
</vb:if>
{vb:raw template_hook.navtab_middle}
<vb:if condition="$vboptions['selectednavtab']=='usercp'">
<li class="selected"><a class="navtab" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a>
<ul class="floatcontainer">

{vb:raw template_hook.navbar_start}
<vb:if condition="$show['searchbuttons']">
<vb:if condition="$show['member']">
<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:rawphrase new_posts_nav}</a>
<ul class="popupbody popuphover">
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_P ost">{vb:rawphrase new_posts_nav}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_S ocialGroupMessage">{vb:rawphrase new_group_messages_nav}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_E vent">{vb:rawphrase new_events_nav}</a></li>
{vb:raw template_hook.navbar_getnew_menu}
</ul>
</li>
<vb:else />
<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:rawphrase todays_posts}</a>
<ul class="popupbody popuphover">
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum _Post">{vb:rawphrase todays_posts}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum _SocialGroupMessage">{vb:rawphrase daily_group_message}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum _Event">{vb:rawphrase daily_events}</a></li>
{vb:raw template_hook.navbar_getdaily_menu}
</ul>
</li>
</vb:if>
</vb:if>
{vb:raw template_hook.navbar_after_getnew}
<vb:if condition="$show['pmmainlink']">
<li><a href="private.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase private_messages}</a></li>
</vb:if>
{vb:raw template_hook.navbar_after_pm}
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase faq}</a></li>
{vb:raw template_hook.navbar_after_faq}
<li><a href="calendar.php{vb:raw session.sessionurl_q}">{vb:rawphrase calendar}</a></li>
{vb:raw template_hook.navbar_after_calendar}

<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:rawphrase community}</a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<vb:if condition="$show['quick_links_groups']">
<li><a href="group.php{vb:raw session.sessionurl_q}">{vb:rawphrase social_groups}</a></li>
</vb:if>
<vb:if condition="$show['quick_links_albums']">
<li><a href="album.php{vb:raw session.sessionurl_q}">{vb:rawphrase pictures_and_albums}</a></li>
</vb:if>
<vb:if condition="$bbuserinfo['userid']">
<li><a href="profile.php?{vb:raw session.sessionurl}do=buddylist"><vb:if condition="$show['friends_and_contacts']">{vb:rawphrase contacts_and_friends}<vb:else />{vb:rawphrase contacts}</vb:if></a></li>
</vb:if>
<vb:if condition="$show['memberslist']">
<li><a href="memberlist.php{vb:raw session.sessionurl_q}">{vb:rawphrase members_list}</a></li>
</vb:if>
{vb:raw template_hook.navbar_community_menu_end}
</ul>
</li>
{vb:raw template_hook.navbar_after_community}

<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:rawphrase quick_links}</a>
<ul class="popupbody popuphover">
<vb:if condition="$vboptions['enablesearches']">
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum _Post">{vb:rawphrase todays_posts}</a></li>
</vb:if>
<li>
<a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread">{vb:rawphrase mark_forums_read}</a>
</li>
<li>
<a href="javascript://" onclick="window.open(getBaseUrl() + 'misc.php?{vb:raw session.sessionurl}do=buddylist&amp;focus=1','buddylis t','statusbar=no,menubar=no,toolbar=no,scrollbars= yes,resizable=yes,width=250,height=300'); return false;">{vb:rawphrase open_contacts}</a>
</li>
<vb:if condition="$vboptions['forumleaders']">
<li>
<a href="showgroups.php{vb:raw session.sessionurl_q}">{vb:rawphrase view_forum_leaders}</a>
</li>
</vb:if>
{vb:raw template_hook.navbar_quick_links_menu_pos1}
{vb:raw template_hook.navbar_quick_links_menu_pos2}

<vb:if condition="$show['siglink']">
<li><a href="profile.php?{vb:raw session.sessionurl}do=editsignature">{vb:rawphrase edit_signature}</a></li>
</vb:if>
<li>
<a href="profile.php?{vb:raw session.sessionurl}do=editprofile">{vb:rawphrase edit_your_details}</a>
</li>
<li>
<a href="profile.php?{vb:raw session.sessionurl}do=editoptions">{vb:rawphrase edit_options}</a>
</li>
{vb:raw template_hook.navbar_quick_links_menu_pos3}

<li class="popup_inline_break">{vb:rawphrase miscellaneous}</li>

<li><a href="subscription.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase subscribed_threads}</a></li>
<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
<vb:if condition="$show['wollink']">
<li><a href="online.php{vb:raw session.sessionurl_q}">{vb:rawphrase whos_online}</a></li>
</vb:if>
{vb:raw template_hook.navbar_quick_links_menu_pos4}
</ul>
</li>
{vb:raw template_hook.navbar_end}
</ul>
</li>
<vb:else />
<vb:if condition="$show['member']"><li><a class="navtab" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li></vb:if>
</vb:if>
{vb:raw template_hook.navtab_end}
</ul>

<vb:if condition="$vboptions['enablesearches']">
<div id="globalsearch">
<form action="search.php?do=process" method="post" id="navbar_search">
<input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
<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" /></span></span>
<span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" /></span></span>
</form>
<ul class="navbar_advanced_search">
<li><a href="search.php{vb:raw session.sessionurl_q}">{vb:rawphrase advanced_search}</a></li>
</ul>
</div>
</vb:if>
</div>
</div>

<div class="breadcrumbcontainer">
<div id="breadcrumb">
<ul class="floatcontainer">
<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" ><img src="images/misc/navbit-home.png" alt="Home" /></a></li>
<li class="navbit popupmenu">
<a href="index.php{vb:raw session.sessionurl_q}" accesskey="1">{vb:rawphrase home}</a>
</li>
{vb:raw navbits.breadcrumb}
</ul>
<hr />
</div>
</div>

{vb:raw ad_location.global_below_navbar}

<vb:if condition="$show['notices']">
<form action="profile.php?do=dismissnotice" method="post" id="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>

Bizarre non ?
Merci pour votre aide :)

[Ombre]

Bonsoir, tu utilises la style par défaut ?

[berberetata]

Oui le style par défaut !

[Ombre]

Pour moi tu n'utilises pas le style par défaut le template à des divergences.

Essaye de palcé le code demander au dessus de ça alors:


<div class="breadcrumbcontainer">
<div id="breadcrumb">
<ul class="floatcontainer">
<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" ><img src="images/misc/navbit-home.png" alt="Home" /></a></li>
<li class="navbit popupmenu">
<a href="index.php{vb:raw session.sessionurl_q}" accesskey="1">{vb:rawphrase home}</a>
</li>
{vb:raw navbits.breadcrumb}
</ul>
<hr />
</div>
</div>

[berberetata]

OK merci je vais tester ca!
Pourtant j'utilise bien vbulletin 4.00 llol

[berberetata]

Désole pour le double post, donc j'ai testé comme tu m'as dit et j'ai continué pour finir la première étape de ton tuto et malheureusement rien n'a changé ! :(

[Ombre]

Si rien ne change c'est d'une que tu dois avoir plus d'un style et que tu dois faire tes modifications sur le style qui n'est pas celui que tu utilises par défaut.

Le style par défaut c'est celui d'origine de vbulletin, comme ici sur vb-r et tu es d'après ton profile sous vb 4.0.2.

[berberetata]

Oui désolé je mettais trompé, j'ai bien vbulletin 4.0.0 :blush2:

Bon je vais essayé autre chose alors parce que ca marche pas chez moi !

Merci pour avoir donné de ton temps en tout cas !!!

[Ombre]

De rien, mais vb 4.0.0 est totalement différent de vb 4.0.2 coté templates et autres variables... donc il faudrait l'adapter en conséquence, mais je n'en ferais rien car je ne met pas à jour mes mods pour des versions anterieurs à celle utilisé lors de sa création.

[artheboss]

Merci beaucoup :)

Juste eu du mal à centrer la ban

[gil]

Bonjour

vu ici http://www.vbulletin.org/forum/showthread.php?t=233126

http://www.gil-simages.com/images/utilisateurs_externes/49144-Sanstitre.jpg (http://www.gil-simages.com/images/utilisateurs_externes/49144-Sanstitre.jpg)

Peut etre utile

[al3x1911]

merci :-)

[al3x1911]

Et voilà le jolis résultat de mon coté www.true-power.user.fr
Merci Ombre :-)

[raja811]

merci.

comment pour modifié la place de une image grand je voudrais remplacé 3images a droite,a gauche,millieu si vous plait!!

[HiT_]

C'est toujours valable pour la 4.0.3 ?

[Ombre]

Bonjour,

Un petit salut ne tue pas tu sais, nous ne sommes pas des bots, n'ayant pas testé sous vb4.0.3 ni comparé certaines variables je ne pourrais pas te le certifié, mais je pense que ça devrait être bon, au pire c'est pas irréversible.

[Bkdenice]

Coucou,

Juste une question en plus :D
Sa marche toujours avec les Publicitées ?


//Beka

[HiT_]

Salut, désolé c'était une petite question :angel: faut pas le prendre comme ca ....

Et ok je vais test merci ;)

[Ombre]

Ta question n'est pas dérangeante, relis moi mieux, ça évitera tous mal entendu, ce que je te reproche c'est de ne pas salué les gens aux quels tu demandes de l'aide en plus, pour moi c'est un minimum, et si pour certains internet est un lieux sans savoir vivre ou on se sert c'est tout, ce n'est pas mon cas, voila tout.

@Bk, je ne sais pas, ne l'ayant pas tester avec, au pire si la pub n'apparait pas, préviens moi ça sera juste une variable à remettre.

[jean]

merci ombre :notworthy:

simple mais ca donne bien ;)

[Bkdenice]

Par contre pour changer la couleur quand la souris passe sur les liens de la barre en dessous de la navbar je change quoi la ?

[Ombre]

Bonsoir (ça tue pas)

La barre de notification je présume, si tu t'y connais un peu en CSS il te suffit d'utiliser les même class que le style par défaut sans modifications, le mod étant fait ainsi précisément je te laisse regarder de ton coté.

[fan2jeffhardy]

Bonjour,

merci pour ce mod et je ne trouve pas le template header. C'est où?

[Ombre]

Bonjour, la ou sont les autres templates, sais tu comment rechercher un template? admincp >> Styles & Templates >> Rechercher dans les templates...

[fan2jeffhardy]

Je sais recherché les templates mais "header" n'y est pas sur la recherche

[Ombre]

Tu utilises quel style? Car jsuqu'à présent j'ai jamais vu un forum sans header.

[jasoncounter]

Merci Ombre,

mais j'ai un probleme quel est les dimmension pour la banniere Merci :)

EDIT: j'ai trouver c'etait dans astuce j'arrete le whisquie ^^

[darius]

petite question je n ai pas encore mis de banniere mais ca me fait cela c est normal ?

[Ombre]

Bonjour, il manque l'image correspondent à ta bannière, c'est donc normal, tu dis ne pas l'avoir mise encore pourquoi la retiré de ton serveur?.

[darius]

salut ombre ben j ai les quatres logo vbulletin mais je n ai pas encore fini ma banniere enfaite

[darius]

re salut j ai essayé avec un logo ca marche nickel

merci en tout cas c est super cool

[alois3]

merci pour cette astuce j'ai pris juste la deuxième modification car j'utilise un thème , mais génial c'est comme je voulais merci ombre :yahoo:

[shrek]

15034

Problem avec version 4.0.5
Ligne blanche en-dessous logo

[Ombre]

Second message ou tu te trompes, la version vb 4.0.5 n'engendre pas de problème avec ce mod, il faut lire les sujet:


!Attention!: La modification ne comprend pas la bannière (logo) donc sur la capture vous avez un espace vide, ce qui est normal, à vour de placer dans le dossier images/misc/ une bannière qui par défaut doit ce nommer logo.png, si vous désirez mettre un autre format il vous faudra modifier le code dans le header que j'ai surligné en vert, la bannière que j'ai utilisé fait 800*150 si vous désirez utilisé une bannière d'une dimension différente, modifier la partie du code CSS en orange qui correspond à la hauteur, pour la largeur à vous de ne pas abusé .

Donc je présume que ta bannière est moins haute que celle mise par défaut, donc il faut réduire le height de la class bk_logo en fonction de la bannière utilisé, je pense.

[shrek]

je modifier la partie du code CSS

.bk_logo {
background-image:url({vb:stylevar imgdir_misc}/logo_02.png);
background-repeat: repeat-x;
height:150px;
avec
height:105px;

me ...

[shrek]

Le problème est petite ligne bleue sur votre image ci-dessous logo.png qui ne semble pas

[Ombre]

LE changement de valeur n'a rien changer, ou pas comme il faut? fais une capture afin que je puisse m'en rendre compte.

[shrek]

15035

Le problème est petite ligne bleue sur votre image ci-dessous logo.png qui ne semble pas

[Ombre]

Ajoute ceci dans le template additional.css:


.navbar {
margin-top:0;
}

[shrek]

mmercie Ombre
ca marche nickel

[Ombre]

Je sais lol, je donne pas mes infos au pifomètre :D

Bonne continuation.

[pepsi-tom]

hello

merci de l'astuce et du partage ombre

[DexX]

Merci de l'astuce, j'apprécie :)

[marrak]

bonsoir
merci pour le tutoriel.tres pratique
j'ai un petit probleme
voir svp la photo
http://img11.hostingpics.net/thumbs/mini_97499255.jpg (http://www.hostingpics.net/viewer.php?id=97499255.jpg)

j'ai le tout en verical
merci de repondre

[Ombre]

Bonjour, met ton forum en Français ou au pire en Anglais lors de ta capture, car ta langue ne m'aide pas à savoir ce qui est à la verticale, tu utilise un style personnalisé, c'est probablement la cause, sachant que ce mode se base sur un style par défaut, comme d'ailleurs tout mes mods.

[toutgratos]

bonjour a tous, comment retirer l'écriture au milieu de la bannière merci "" forum edité par vbulletin""

15232

[Ombre]

Bonsoir,

Tu as retiré l'image du header via la variable 'titleimage' ou retiré de ton espace web sans modifier le code de base, dans le header retire ceci si tu n'utilise pas de logo (bannière):


<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>Si tu veux retiré que la mention, ce qui serait dommage car une image serait manquante au code, il faut retiré ceci seulement:


{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}

[toutgratos]

merci ombre c'est réglé

[marrak]

Bonjour, met ton forum en Français ou au pire en Anglais lors de ta capture, car ta langue ne m'aide pas à savoir ce qui est à la verticale, tu utilise un style personnalisé, c'est probablement la cause, sachant que ce mode se base sur un style par défaut, comme d'ailleurs tout mes mods.
merci pour votre réponse
les mots suivants ne sont pas sur la meme verticale :


Log Out (http://www.laqvb.co.cc/login.php?do=logout&logouthash=1282421393-78baf30b4bd7e3d78e97bb15b855906e39d7f76a)
Settings (http://www.laqvb.co.cc/usercp.php)
My Profile (http://www.laqvb.co.cc/member.php?1-abdel)
Notifications (http://www.laqvb.co.cc/usercp.php)
Welcome



http://img11.hostingpics.net/thumbs/mini_98441555.jpg (http://www.hostingpics.net/viewer.php?id=98441555.jpg)
merci

[Ombre]

Je pense que tu n'as pas appliquer les class CSS, tu as bien ajoutés les class proposées dans le template vbulletin.css?

[marrak]

Je pense que tu n'as pas appliquer les class CSS, tu as bien ajoutés les class proposées dans le template vbulletin.css?
merci ca marche

[Ombre]

dirige toi sur cette option:


15238


puis sur cette partie indique le nom du template à recherché:


15239


Et tu devrais avoir en résultat dans la liste, le template visé par ta recherche, donc double cliques dessus et applique tout en bas les ajouts demandés en class CSS:


15240

[marrak]

merci infiniment

[marrak]

est ce qu'on peut supprimer la phrase " quoi de neuf ? " juste a coté de forum
merci pour votre aide

[Ombre]

Tu veux parler de l'onglet je présume, oui il existe un hack ici http://www.vbulletin-ressources.com/forum/showthread.php?t=17823 par contre on sort un peu du sujet.

[marrak]

merci c'est impecable meme avec la version 4.0.3

[toutgratos]

bonjour, est ce qu'il est possible d'intégrer une bannière flash? merci

[Simon]

bonjour, est ce qu'il est possible d'intégrer une bannière flash? merciBonjour,

Bien sûr :) Dans le template header, remplace:
<a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a>Par le code d'affichage de ta bannière (cf http://azur.ironie.org/128-code-html-pour-flash pour le faire dans les règles de l'art).

Petit exemple du template complet (la longueur & largeur sont bien sûr à changer en fonction de ta bannière):
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
{vb:raw ad_location.ad_header_logo}
<div><div><object type="application/x-shockwave-flash" data="http://chemin-vers-le-fichier" width="975" height="184"></object></div></div>
<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />
{vb:raw ad_location.ad_header_end}
</div>

[toutgratos]

re bonsoir, c'est super merci Simon mais comment l'adapter a toutes les résolutions merci a vous.

[Ombre]

Bonjour, adapté une bannière flash en largeur par exemple sur un style fluid, tout simplement avec des 100%, bien que selon la résolution de base de l'animation swf et bien que le vectoriel soit pratique contre les pixelisation, cela n'empêchera pas les déformation si le ratio LxH n'est pas respecter.

[toutgratos]

bonsoir ombre tu parle a novice lol si tu pouvais me dire ou mettre ce 100 % ca serai sympa.

[toutgratos]

ok c'est bon c'est réglé merci a tous

[neoclust]

Bonsoir je viens de mettre ce hack mais ça a dû rendre mon forum très large, comment faire pour remedier à ça ?

[Ombre]

Bonsoir, ce mod à était réalisé sur une base de style par défaut, et sous vb 4.0.2, si il ne marche pas sous ta version ou sur ton style personnalisé, je ne pourrais rien y faire.

A première vu je ne vois pas pourquoi sinon cela engendrerais un changement sur la largeur de ton style, j'ai survolé ce mod, et je ne vois pas pourquoi, bien qu'il date, je ne le mettrais pas à jour par contre.

[delta]

Merci Ombre
Je teste juste pour la modif de la barre de notification ! :d2

Edit: première partie marche nickel,
juste un petit detail (je ne fait pas la deuxieme partie) comment centrer le logo sur le header -qui par défaut est à gauche- ou l'étirer sur toute la longueur

[Xtr3mD34th]

Excellent mod, je vais certainement m'en servir ! :p

[Xtr3mD34th]

Alors voilà, j'ai fait la manipulation, tout marche nickel. Ou presque... :/
Rien de bien grave mais tout de même un poil dérangeant je dois dire : il y a un espace vide entre la bannière et la barre de navigation...
Est-ce que vous auriez une idée de où ça peut venir ? Un saut à la ligne qui aurait été comptabilisé dans une des templates modifiée ?

En attendant il ne me reste plus qu'à les revérifier en espérant trouver l'origine du souci... :/
Merci d'avance pour votre aide ^^

[Ombre]

Bonsoir, ce mod commence à daté, il se peut qu'il y est des défaut sur les dernière version, il faudrait que je vois ton forum et je te dirais comment résoudre ça, pas besoin de compte, juste l'url.

[Xtr3mD34th]

Edit :

C'est bon j'ai réglé le souci en rajoutant " margin-bottom: -10px; " dans vbulletin.css juste en dessous du "margin: 0px;"
Merci tout de même et désolé du dérangement x)

[Ombre]

Je viens de regarder, et cet espace est voulu, regarde sur mes captures :).

[Xtr3mD34th]

http://img218.imageshack.us/img218/4361/espacea.jpg

Le rectangle rouge indique là où j'avais un espacement de 10px, ça c'était pas voulu je pense xD
En tout cas c'est réglé ^^

[Ombre]

Je ne serais te dire, ne l'ayant pas vu, si c'est réglé tant mieux.

[Glade]

Bonsoir Ombre,
J'ai un problème, bête mais très dérangeant, la voilà : http://i67.servimg.com/u/f67/12/17/11/60/25-03-10.png

[Ombre]

Et ce problème est précisément?

Je ne sais pas quelle étape tu as effectué.

[Glade]

Problème régler avec les post au dessus, Merci :)

[Sawyer2]

bonjour !

merci Ombre pour la modification c'est cool

mais comment je change le font en blanc

http://img4.hostingpics.net/pics/528323img1.png

l'image origine en PNG mais le bleu est toujours a font


merci d'avance

[Ombre]

Bonsoir, tu es sure que ce n'est pas une image en fond?

[Sawyer2]

bonsoir

oui je suis sur

elle est en PNG

http://www.dzdown.fi5.us/forum/images/misc/logo.png

[Ombre]

Tu peux me donner l'url de ton forum que je regarde ça, que l'url.

[atmed]

Bonsoir, si tu mets une valeur fixe pour la largeur de ton image il est sur qu'elle ne va pas suivre le reste du header selon la résolution utilisé, il te faut utilisé une valeur en pourcentage plutôt.

Et spécialement selon les besoin il est plus intéressant d'utiliser une images sans background, comme le logo d'origine de vbulletin, afin de ne pas voir son commencement et sa fin ;)


je voulais jesute savoir comment utiliser une valeur en pourcentage

merci bcp

[Ombre]

Bonsoir, tu peux définir, une valeur en % pour quoi exactement?

[atmed]

bonjour tous,

je veux définir une valeur en % pour le logo ( la baniere)

et merci bcp

[Ombre]

Tu reprends une réponse pour un membre et cela n'est pas proposé par le mod, car le résultat serait plus que médiocre, sachant qu'une image qui est étiré selon la largeur de son conteneur, perd de ça netteté, soit elle est contracté, sois étiré, ce n'est vraiment pas une bonne solution, mais si tu veux tenter, voila ce qu'il faut mettre:


<img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" width="80%" />

Change la valeur en rouge par celle désiré, mais cela ne suffira pas, car il y a d'autre modificaction à apporté entre autre à la class logo-image ou il faut retiré le float.

[Bencici]

Malgré une recherche dans mes dossiers et n'ayant toujours pas fait encore de modifications au niveau des templates je ne trouve pas les fichiers à modifier idem pour ce topic (http://www.vbulletin-ressources.com/forum/showthread.php?t=18205)
:blush2:

Merci d'avance Ombre http://www.vbulletin-ressources.com/forum/images/icons/love.gif

[S@ll]

salut ombre merci pour ce module!

J'aimerais savoir s'il marche avec la version 4.1.2?

[Ombre]

Je n'ai pas tester, mais il y a de forte chance, par contre je ne le mettrais pas à jour si cela est nécessaire.

[JB]

Bonsoir Ombre, sais-tu comment mettre cette partie sans bannière en transparent afin que l'on voit le background ? http://www.vbulletin-ressources.com/forum/attachment.php?attachmentid=12551&stc=1&thumb=1&d=1300657209

Merci :angel:

[Ombre]

Si tu veux avoir une couleur de fond avec une opacité réduite, oui, il suffit de créer ton image, de la couleur voulu, en diminuant l'opacité pour un taux de transparence désiré, puis de la mettre en fond (image de 1px par 1px suffit)

La class visé c'est celle là de mémoire:


.bk_logo { background-image:url({vb:stylevar imgdir_misc}/logo_02.png); background-repeat: repeat-x; height:150px; padding:0px; margin:0px; -moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius}; -moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius}; -webkit-border-top-{vb:stylevar left}-radius:{vb:stylevar border_radius}; -webkit-border-top-{vb:stylevar right}-radius:{vb:stylevar border_radius}; text-align:center; }




A toi de changer le nom de l'image en background.

[JB]

Bonsoir Ombre, j'ai un léger soucis avec cette refonte, en effet tu vois la flèche tournée vers le bas à droite de l'option notification ? Et bien la flèche et un peu décaler et se retrouve derrière notification.

http://screensnapr.com/-/uploads/HSYTyu.png

Comment puis-je la décaler vers la droite ? Pour info' quand le forum est en Anglais la flèche est à sa place.

Merci.

PS : Excuses moi j'au oublié le merci pour l'aide juste au dessus.

[Ombre]

Bonsoir, je n'ai pas d'installer ce mod, il faudrait que je vois ça sur ton forum avec un compte membre simple.

[JB]

Bonjour, ben on retombes toujours sur le même problème tu me dit que tu n'arrives pas à te connecter à cause de l'interdiction des proxys.

[Ombre]

Ah c'est toi, je ne prête pas trop attention au pseudo lors de support, oui ton système est loin d'être parfait, vu que je n'utilise pas de proxy, ce qui signifi que le hack que tu utilies, ferme les portes au proxy de mon FAI (free), résultat, tu ne recevra pas d'aide de ma pars, mais vu ma mémoire, et si tu redemande de l'aide je risque de te proposé la même chose à chaque fois :D.

[bastien60]

J'ai un problème ombre je sais pas trop comment faire, la bannière et petite mais après avoir faits toutes les manipulation j'ai toujours la barre de connection tous en haut à droite et celle qui à été ajouté donc sa en fait deux et j'ai un problème avec le rendu.
pour voir: http://teamspeak-cg3.com/

[Ombre]

Bonsoir, tu es sure d'avoir appliqué toutes les modifications comme demandé?

[bastien60]

Oui j'ai tous fais comme indiquer.

[Ombre]

Moi je crois pas, tu n'as pas effectuer ceci:

* Dans le template header remplacez le contenu pas ceci:


<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
{vb:raw ad_location.ad_header_logo}
<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />
{vb:raw ad_location.ad_header_end}
</div>Et enregistrez les modifications de ce template.

Car la barre qui apparait, en double ce trouve dans le header, et le fait de remplacer le contenu par ceci, efface le code d'origine du toplinks.

[bastien60]

Justement je comprend pas le "remplacez le contenu pas ceci"

[Ombre]

Pour faire simple, tu supprimes tout ce qu'il y a dans le template et tu mets ceci (le code ci-dessus).

[bastien60]

J'ai fait ce que tu m'as dit mais, sa fonctionne mais il y as toujours un problème avec la bannière et je sais pas comment le décrire regarde par toi même: http://craftproject.fr

[Ombre]

Bonsoir, essaye de mettre une bannière plus petite en hauteur qui ne dépasse pas les 150px par exemple pour que je puisse voir, il ce peut que certaines class aient changer entre temps.

[bastien60]

C'est bon j'ai mis une qui ne dépasse pas 150 px de hauteur

[Ombre]

Il y a quand même un soucis, dans la class bk_logo, recherche et remplace le height: 200px; par un height: 150px; et dans la class navbar remplace le margin-top: 10px; par un magin-top: 0;

[Fozzy]

Salut, super et merci pour ce tuto, Ombre ! Magnifique !

Par contre j'ai 2 questions. Hey, allez. Ca ne serait pas drôle, sinon.


Ajoute ceci dans le template additional.css:


.navbar {
margin-top:0;
}
Alors ça c'est super, vu que j'ai eu le même problème et que moi aussi ça m'a réglé le décalage.


Bonsoir,

Tu as retiré l'image du header via la variable 'titleimage' ou retiré de ton espace web sans modifier le code de base, dans le header retire ceci si tu n'utilise pas de logo (bannière):


<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>Si tu veux retiré que la mention, ce qui serait dommage car une image serait manquante au code, il faut retiré ceci seulement:


{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}
Là par contre je n'ai pas compris.

Personnellement je n'ai pas encore mis ma propre bannière, mais logiquement on doit remplacer ton logo_02.png par notre propre bannière, c'est bien ça ?

Parce que je n'ai pas supprimé intentionnellement de "titleimage" et j'ai quand même le souci :

http://uppix.net/e/4/1/c7f0731d5ae825b7968a399f78b3f.jpg

(nom viré parce que j'aime pas que ça circule)



Et 2e question, comment peut-on arriver à ce rendu plutôt ? :

http://uppix.net/5/6/d/613edb31f4be09d63351c2c189f30.jpg


On a trois quarts de barre qui ne servent à rien, autant s'en servir plutôt que d'en créer une autre, me dis-je :p Et comment ensuite puis-je mettre "Bonjour" et "Notification" juste au-dessus du champ de recherche ?

Merci !

[Ombre]

Re,

Non l'image nommée "logo_02.png" sert à mettre un fond à la zone du logo, toi tu dois remplacé l'image du logo par défaut par la tienne tout simplement, le membre qui posait cette question, avait de mémoire retiré l'image, et ne désirait plus voir apparaitre le contenu de la balise ALT qui est visible sur ta première capture "Éditer par vbulletin", de ce fait le bout de code retiré supprime cette mention, qui n'apparait que si l'image n'est pas ou plus accessible.

Sur ta deuxième capture, je ne vois pas en quoi tu gagnerais de la place verticalement, le logo étant assez haut, tu auras forcément une perdition, ce mod date mais avait était réalisé pour pouvoir mettre un logo assez grand, et ne plus être gêner par la partie connexion (toplinks), attend mettre un logo assez large pour éviter cet effet d'espace perdu.

[Fozzy]

Et bien mon logo par défaut a disparu dans l'opération, alors, justement (le logo jaune que tu vois).
Edit : ah bah oui, dans ton code il est devenu "logo.png", donc c'est bon.

Le gain de place pour le 2e screen n'est pas forcément l'intérêt, c'est surtout que je préfère utiliser la place actuelle et remplir (sans la bourrer, en plus) un cadre quasi vide, plutôt que d'en créer une 3e (la barre principale, la barre "nouveaux messages" etc, et en voilà une nouvelle de créée par le déplacement des infos utilisateur).


Je ne comprends pas non plus pourquoi la fin de l'étape 1 et le début de l'étape 2 sont identiques :



.bk_logo { background-image:url({vb:stylevar imgdir_misc}/logo_02.png); background-repeat: repeat-x; height:150px; padding:0px; margin:0px; -moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius}; -moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius}; -webkit-border-top-{vb:stylevar left}-radius:{vb:stylevar border_radius}; -webkit-border-top-{vb:stylevar right}-radius:{vb:stylevar border_radius}; text-align:center; }

On doit le mettre deux fois ce paragraphe ?

[Ombre]

Comme précisé dans la description du mod ici:


Cette modification à deux étapes, la première permet de retirés les liens et autres infos telle que les champs pour ce connectés au forum, et de leurs déplacement dans la navbar, la deuxième étape consiste à modifier la zone du logo, afin d'avoir une images en background et d'une bannière par dessus personnalisable selon vos besoins.

Donc tu peux effectué l'un ou l'autre étape afin d'avoir tel ou tel résultat, la première étape, consiste au déplacement de la partie login (toplinks) et la deuxième à la zone du logo, donc, oui une class est identique si tu fais les deux, mais ça ne gène en rien, c'est juste pour que chaque étape soit autonome.

[Fozzy]

Ok, merci :)
Et pour le déplacement de barre ?

[Ombre]

Quel problème de barre?

J'ai pas trop saisi ta question, tu veux voir les infos de connexion sur la barre des onglets?

Si oui lis cette demande de support: http://www.vbulletin-ressources.com/forum/showthread.php?t=26402.

[Fozzy]

C'est bien ça merci.

[Fozzy]

Un double-post pour une nouvelle question :

http://uppix.net/4/8/8/1b9bcef450b7ba612a6daef4c92c9.jpg

Est-il possible comme pour la version de base, d'avoir la zone de notification (MP/message de profil) actuellement à 1 qui change de couleur ?
Parce que mes utilisateurs ont déjà du mal à voir qu'ils ont un MP avec la skin default qui le fait, avec sa disparition c'est même pas la peine :p

Merci :)

[Ombre]

Je n'ai pas ré installer ce mod depuis fort longtemps, essaye donc ceci, ajoute à la fin du template additional.css ceci:


.toplinks .notifications a.popupctrl:hover, .toplinks .notifications a.popupctrl:active {
color: red;
}

[Fozzy]

C'est sans effet :/

http://uppix.net/3/4/f/01cbf2f8fd919464230459859fb69.jpg


Au cas où, j'ai tout viré (à cause du bug étrange de styles d'hier) et les spoilers ont sauté et les titres, réapparu. Donc pas de bug, ça coince simplement quelque part.

[Ombre]

Comme ça je ne serais t'aider plus, je ne peux actuellement pas installer ce mod, tu as le lien de ton forum avec un compte membre provisoire ayant un mp que je regarde ça?

[Fozzy]

Pas de problème :) Là je dois filer mais je te MP ça demain ou mardi et on voit ça, merci :yahoo:

[Fozzy]

Me revoilà :p MP envoyé !

[Ombre]

Je viens de regarder sur ton forum et cette class devrait fonctionné:


.notifications a.popupctrl:link, .notifications a.popupctrl:visited, .toplinks a:link, .toplinks a:visited {
color: red;
}

Essaye à nouveau, et si ça ne marche toujours pas, il faudrait que je puisse regarder dans tes templates, mais je suis septique, je connais assez bien les class CSS vbulletin.

Et pour info, le background de ton style "Travail", c'est dommage que tu lui as mis une zone rectangulaire noir en dessous de la navbar, ça fait pas terrible et pas judicieux.

[Fozzy]

Je t'ai prévenu que c'était et moche, et en plein chantier :p Ca sera plus harmonieux quand tout le bleu et le blanc auront été modifiés, après je prendrai du recul et ferai les retouches nécessaires.
La zone rectangulaire en question n'est que le fond de la page, et un artifice pour cacher la coupure verticale provoquée par la jonction des deux images de côté, car elles n'étaient pas assez longues pour me permettre de les fondre l'une dans l'autre malheureusement.

Néanmoins comme ta critique est acide ^^ si tu as des suggestions, je prends.


Et ta correction marche parfaitement cette fois, merci ! :) On peut faire apparaitre un encadré aussi, comme la skin de base ?

[Ombre]

Oui il est possible de mettre des entourages avec bordure mais actuellement j'ai pas le temps pour ça et surtout l'envie pour un mod peut utiliser, et que j'avais fait à la demande spécifique d'un membre exceptionnellement.

Sinon pour en revenir à ton backgroudn, je n'ai pas saisi tes explications, mais ce n’est pas important je disais ça comme ça, car c'est la première chose que j'ai vu en arrivant sur ton style en travaux.

[Fozzy]

La barre noire sert à cacher la misère, voilà ^^ Ok, tant pis pour la bordure. D'façon là c'est mon problème avec ImpEx (http://www.vbulletin-ressources.com/forum/showthread.php?t=27673) qui me préoccupe le plus.

Encore merci.

[Avengers]

Bonjour,

Cette modification fonctionne aussi sur les versions 4.1.x ? (4.1.10 en l'occurence)

Merci

[Ombre]

Bonjour,

Je ne pense pas, le template header à évolué depuis, il faudrait que le mod soit mis à jour je pense, mais actuellement je n'ai pas le temps de le faire et ni l'envie car il n'est pas indispensable, j'ai proposer lors de mes support des méthodes moins radicale.

Si la demande pour cette mise à jour est demandé par plusieurs membre, je le mettrais à jour plus tard.