PDA

Voir la version complète : [skin element] : Comment faire une "banière" comme celle-ci


abdelghani68
24/04/2008, 15h16
salut

Est ce qu'une personne peut me dire comme puis je faire pour faire la "même" navbar rose ? je pense que je peux récupérer la jaune et la modifier mais comment la récupérer ?

http://www.monsterup.com/upload/1209043230.gif (http://www.monsterup.com)

Merci !

Ombre
24/04/2008, 17h31
Slt, on est pas la pour t'aider a prendre le contenus d'un site, je t'invite plutôt à t'orienter vers des menus style java ou autre, ce n'est pas très difficile a réalisé en plus , juste du code a rajouter dans le template navbar ;)

abdelghani68
24/04/2008, 20h35
je dispose du skin element que j'ai acheter chez eux donc je pense que je peux me permettre de modifier mon skin et de faire la même navbar surtout que c'est la même que la jaune

Ombre
24/04/2008, 21h14
Sur le theme que tu as acheter (element) la navbar est pas comme celle présenté sur ton screen? ton screenshot tu le sorts d'ou?

stradfred
25/04/2008, 08h00
Coucou Ombre,

Il l'as pris du forum officiel => http://www.vbstyles.com/forum/forumdisplay.php?f=72

Mais bon d'origine comme il est vendus la navabar c'est vrai elle est pas comme sa.

Donc c'est une modification perso de l'auteur pour son forum de support.

Allan
25/04/2008, 20h28
Oui, il s'agit simplement d'un ajout de couleur en dur dans le code, rien de bien difficile, le mieux, comme tu la acheté et de leur posé la question, non ?

abdelghani68
26/04/2008, 10h22
Oui surtout que je ne pense pas qu'ils refuseront mais je ne sais pas parlé anglais...

Ombre
26/04/2008, 12h38
Slt, moi non plus je ne parle pas anglais, mais ça ne m'empeche pas de trouver un system D tres répandu qui est le traducteur universel :D http://www.freetranslation.com/ tiens voila un site largement mieux que Google translation ;) Meme si ce n'est qu'un bout de code pour avoir cette modification, on ne ce sert pas sans demander chez vb-r :) Surtout que dans ce cas tu n as meme pas besoin de reprendre leur code, il te suffit de creer toi meme ceci a l'aide de ressources de codage que tu trouveras partout sur la toile, un petit fieldset, un bankground, et des lien précedé d'image a place dans la navbar :)

abdelghani68
27/04/2008, 10h48
Merci à vous, je vais donc essayer de leur demander directement sur leur site

martinloup
01/05/2008, 18h46
Voila ce ue j'ai pu te conconcter.
il faut parfois think out of Vbulletin comme des fois think out of the box: :-)
dans ton template navbar trouve ceci:
** le mieux pour ne pas te casser les dents est de passer par tin fichier index.php
avec un ctrl+f sur firefox le tout sea réglé...
tu peux modifier les images et les liens comme bo te semble
<!-- /logo -->

<!-- content table -->
<!-- open content container -->

<div align="center">
<div class="page" style="width:100%; text-align:left">
<div style="padding:0px 15px 0px 15px" align="left">
<br />

et ajoute en dessous

<style type="text/css" id="vbulletin_css">
/**
* vBulletin 3.x.x. CSS
* Style: 'Element # +'; Style ID: 201
*/
body

.nav1_border_in {
background-color: #ffdbf9;
border: 1px solid #FFFFFF;
padding: 4px;
}
</style>

<div class="nav1_border_out">
<div class="nav1_border_in">

<table cellpadding="7" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td width="100%"><span class="navbar"><img src="http://www.tonsite.com/forum/images/element/misc/members/status_online.gif" class="inlineimg" alt="" border="0" width="16" height="16" /> <a href="/index.php">Home</a> <span style="color:#f2a0f9">|</span> <img src="http://www.tonsite.com/forum/images/element/misc/members/folder.gif" class="inlineimg" alt="" border="0" width="16" height="16" /> <a href="/index.php?do=vbulletin-skins">vBulletin Skins</a> <span style="color:#f2a0f9">|</span> <img src="http://www.tonsite.com/forum/images/element/misc/members/trackback.gif" class="inlineimg" alt="" border="0" width="16" height="16" /> <a href="/demo/index.php">Demo</a> <span style="color:#f2a0f9">|</span> <img src="http://www.tonsite.com/forum/images/element/misc/members/key.gif" class="inlineimg" alt="" border="0" width="16" height="16" /> <a href="/forum/payments.php">Purchase</a> <span style="color:#f2a0f9">|</span> <img src="http://www.tonsite.com/forum/images/element/misc/members/comments.gif" class="inlineimg" alt="" border="0" width="16" height="16" /> <a href="/forum/index.php">Forum</a> <span style="color:#f2a0f9">|</span> <img src="http://www.tonsite.com/forum/images/element/misc/members/cog.gif" class="inlineimg" alt="" border="0" width="16" height="16" /> <a href="/index.php?do=support">Support</a> <span style="color:#f2a0f9">|</span> <img src="http://www.tonsite.com/forum/images/element/misc/members/markread.gif" class="inlineimg" alt="" border="0" width="16" height="16" /> <a href="http://www.tonsite.com/support/index.php?_m=knowledgebase&_a=view">Knowledgebase</a> <span style="color:#f2a0f9">|</span> <img src="http://www.tonsite.com/forum/images/element/misc/members/user_comment.gif" class="inlineimg" alt="" border="0" width="16" height="16" /> <a href="/forum/members.php">Members Area</a> <span style="color:#f2a0f9">|</span> <img src="http://www.tonsite.com/forum/images/element/misc/members/userfield_edit.gif" class="inlineimg" alt="" border="0" width="16" height="16" /> <a href="http://www.tonsite.com/support/index.php?_m=tickets&_a=submit">Contact Us</a></td>

</tr>
</table>

</div>
</div>