PDA

Afficher la version complète : Modification d'un Style



axelpsg
10/03/2009, 18h09
Bonjours a tous,

Voila je suis en train de refaire le forum de ma team PS3.
Cependant j'ai telecharger un theme nommée Web 2.0.
Je le trouve super ...
Cependant j'ai quelque petit problème de modification.

A l'origine le theme est Jaune et noir.
Moi j'ai modifier les bouton et les barre pour les rendre noir et bleu.

Mais il reste encore des bouton et des texte jaune et sa va pas du tout.

C'ets la que je fait appelle a vous, comme faire pour que tout apparaisse de la couleur que je veux, sachant que je ne sais vraiment pas comment modifier des template...


http://img7.imageshack.us/img7/9621/sanstitre1awt.jpg

Voila si vous avez d'autre question je suis la =)

Merci a tous

Ombre
10/03/2009, 20h04
Bonsoir, les modifications ne devraient pas être compliquer, il sagit juste de couleur à modifié, pour commencer, le changement de couleurs des liens doient ce faire dans le Css principale de ton style, de façon a ce qu'il soit visible sur tout ton forum, après si je voyais ton forum de près cela irais plus vite, au pire tu peux prnedre exemple pour les bouton ok qui n'en sont pas j'ai l'impression sur ton style, sur le style par defaut ?

axelpsg
10/03/2009, 22h12
Voici l'adresse du site :

C'est juste une version de teste il n'y a personne encore dessus car je compte faire la surprise a ma team après.

Http://team-pff.fr/v3

Ombre
10/03/2009, 22h40
Bonsoir, pour changer la couleur de tes liens dans la partie entourré dans otn screenshot, dirige toi sur ton admincp et dans le CSs principale de ton style, puis recherche la partie "Contrôles des menus contextuels" et change les valeurs de s liens normaux, visités,et survolés.

Pour changer la couleurs des "bouton" qui sont en faite des inputs, donc dirige toi toujours dans ton CSs principale du style que tu utilises, et modifié les codes couleurs de la partie "Boutons"

Dans ton cas le css est celui ci:

background-color: #faab04;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
color: #414141;
font-family: Tahoma;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #d59204;
border-right-color: #d59204;
border-bottom-color: #d59204;
border-left-color: #d59204;


c'est cette ligne là la plus importante:
background-color: #faab04; à modifié en premier, mais il y auras d'autres ligne à modifiées pour mettre la couleur que tu désires :)

axelpsg
11/03/2009, 06h55
A bas en voila quelqu'un de bien :)

Merci beaucoup, je ferais sa tout a l'heure.

Et j'ai aussi une autre question que je n'ai jamais reussis a repondre, c'est comment ajouter des lien dans le menu en haut ?

A oui derniere question, dans la colonne deniere message, je voudrais pouvoir changer la couleur pour la rendre plus foncé, comment faire ?

Merci beaucoup ombre et merci aussi Vbulletin-ressource


Edit : Sur le bouton que l'on survole (moi sur mon image il y a ecris go) Comment changer juste la couleur du texte car il faudrait que ce soit blanc et pas noir =)

.

Ombre
11/03/2009, 07h12
Pour ajouter un lien dans ta navbar, si c'est bien cela que tu veux, dirige toi dans tes templates et dans le template navbar en particulier, il se peu selon le style que les liens soit placé dans le template header sur certains style, à toi de vérifié, cherche le code suivant:


<td class="vbmenu_control"><a rel="help" href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>Et en dessous place ton lien entre deux balise td ayant là même class, exemple:


<td class="vbmenu_control"><a href="nouvelle_url.html">Nouveau lien</a></td>cela dépend de l'endroits ou tu veux modifié la couleur de font de la zone "derniers message", mais pour ce qui est du forumhome (index de otn forum) dans le template forumhome_forumbit_level2_post recherche le bout de code suivant:


<td class="alt2" >$forum[lastpostinfo]</td>Et change la class alt2 par celle que tu désire, tu peux aussi envisagé une nouvelle class ou bien ajouté juste un style, exemple en ajoutent un style précis pour le background, dans mon exemple j'ai mis du rouge en couleur de fond:


<td style="background-color:red;">$forum[lastpostinfo]</td> par contre il te faudra probablement en utilisent le style ajouté des class pour la police, etc... exemple pour le style par défaut:


<td style="background-color:red; font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal;">$forum[lastpostinfo]</td>à toi de personnalisé selon tes désires.

axelpsg
11/03/2009, 17h28
Je ne trouve pas ce template : forumhome_forumbit_level2_post

Simon
11/03/2009, 17h33
Regarde bien dans l'éditeur de style, il y est obligatoirement.
<hs>Ton site utilise vBulletin 3.8.1 or, ton profil indique 3.6.8. Pense à le mettre à jour</hs>

axelpsg
11/03/2009, 17h43
Bas je trouve pas :/

Tu a l'oeil :P

Ombre
11/03/2009, 17h43
Je ne sais pas de quelle façon tu recherches les templates, je te donne une solution simple et rapide, dirige toi dans ton admincp >> Styles & Templates >> Recherche dans les templates >> Rechercher le texte et dans ce cadre tu peux soit rechercher le nom d'un template en entier, ou en utilisent le nom de ce template partiellement, mais avec ce moteur de recherche tu peux aussi rechercher des bouts de codes.

Normalement si tu recherche dans cette partie avec le mot clés "forum" tu trouveras le template cité ci-dessus.

axelpsg
11/03/2009, 20h48
C'est bon j'ai trouver et ton truc c'est parfait avec sa :


td style="background-color:red; font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"&gt;$forum[lastpostinfo]

J'aimerais juste savoir comment faire pour mettre un code de couleur
Exemple : #00FFFFFF

Voila
sinon un grand grand merci a toi ombre, tu gère la fougère :P

Simon
11/03/2009, 20h52
Vive les traducteurs automatiques :D

<td style="background-color:red; font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; color: #00FFFFFF;">$forum[lastpostinfo]

axelpsg
11/03/2009, 21h07
A c'est bon, j'ai juste enlever sa en plus : background-color:gray;

Par contre quand on voie sa : http://team-pff.fr/v3

On voie que c'est plus le meme style entre les 2 colone qui l'entoure, comme faire pour que se soit tout identique ??

Ombre
11/03/2009, 21h20
Bonsoir, j'ai pas tout compris, le soucis est ou, car j'ai regarder et j'ai rien vu qui me tapê à l oeil, fais une capture pointent sur le problème stp.

background-color:gray; <<< ça ne serait pas plutôt grey en couleur?

EDIT: ah j'ai vu le soucis :)

Ombre
11/03/2009, 21h23
Tu as mis quoi comme class exactement?

Tu as opté pour l'ajout de style dans le code html ou l'ajout d'une class?

le soucis vient à première vu en tout cas du fait qu'il n'y est pas de border de définies, donc ou tu les as pas mises, ou elle sont de la même couleur que le background-color, voici les bordures de la class du style:


border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffffff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #d7d7d4;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ffffff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d7d7d4;

axelpsg
11/03/2009, 21h44
OUais voila il n'y a pas de bordure ^^$

Moi j'ai juste modifier mon template en mettant :

<td style="font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal color: #dddddd nowrap="nowrap" width="25%">$forum[lastpostinfo]</td>

Ombre
11/03/2009, 23h35
Deux choses, il n'y a plus de bordure, vu que la class par défaut n'est plus attribué pour les derniers messages, ce qui me semble logique.

Puis ne mets pas n'importe quoi dans le style ou plutôt n'importe comment, dans ton code ci dessus il manque des caractères, il faut savoir qu'une class commence par l'attribut, donc color par exemple, puis vient les deux point ":" enfin la valeurs, qui est terminée par un point virgule ";" et si les class du style créer sont au complète par rapport a ce que tu désires, alors on ferme la balise style par des guillemets " voici le code corrigé en dessous, à toi de modifiées les couleurs si nécessaire.


<td style="font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal color: #dddddd; border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff; border-right-width: 1px; border-right-style: solid; border-right-color: #d7d7d4; border-left-width: 1px; border-left-style: solid; border-left-color: #ffffff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d7d7d4;" nowrap="nowrap" width="25%">$forum[lastpostinfo]</td>

axelpsg
12/03/2009, 08h17
Merci beaucoup, j'ai essayer de le modifier comme je pouvais enfaite.

Edit : Super sa marche avec les bordure et tout, tu déchires =D

Merci encore ...

Edit 2 : Voila j'ai un autre problème et comme j'ai ouvert une discutions je ne veux pas en ouvrir plein.

Alors, j'ai installer Vbadvanced, j'ai Uploader les fichier, j'ai lancer l'installation...
Apres j'ai cru comprendre qu'il y avais une modification de template a faire, mais je ne l'ai aps compris :/
Pour le moment voila ce que j'obtient : http://www.team-pff.fr/cmps_index.php

.

Ombre
12/03/2009, 16h53
Bonsoir, ouvre une autre discussion dans le forum de vbavanced stp ;)

Bonne continuation.

EDIt: le webdesigner Deus est un "Dieu" dans son domaine, bon choix que tu as fais en choisissant un de ses styles :)

axelpsg
12/03/2009, 18h05
Ouais c'est vrai un pro, mais bon, passage a VB oblige, changement de theme