La couleur du fond du forum

[soliana]

Je voulais changer la couleur du fond de mon forum mais c'est que Administration qui a changer pas la couleur du theme MylPotter

[audax]

Sujet déplacé..ça n'a rien à voir avec un problème d'installation, mais plutôt de graphisme...

Essayez svp, de poster dans les bons forums..

Le fond de myl potter est une image, et non une couleur.. (il suffit de cliquer avec le bouton droit de votre souris sur le fond et de faire propriétés, il vous indque la nature de l'image..
donc impossible de le changer via le panneau d'administration..

si vous voulez changer l'image de fond, vous allez
sur votre compte
personnaliser les images de ce thème et vous changez l'image de fond..

mais si vous voulez placer une couleur, il faut dans ce cas faire la modification avec le fichier css, utile même pour l'image de fond.. et ça présente beaucoup mieux que de passer par le panneau d'administration..

tutoriel ici
http://vosforums.vosforums.com/viewtopic.php?t=806

Mais si vous voulez modifier l'aspect d'un thème, je vous conseille de le modifier avec le fichier css..
il vous offre la possiblité de personnaliser tout le thème entier que ce soit en couleur ou en image.
De plus, si la modification que vous avez fait ne vous plait pas, vous pouvez supprimer le fichier css et votre thème redevient comme avant, (l'original) et en créer un autre.. juqu'à ce que vous obtenez ce que vous cherchez..

c'est peut-être compliqué au début, mais en lisant bien le tuto et à force de le relire, vous verrez, vous allez comprendre à quoi sert tel et tel code..
vous pouvez même créer plusieurs fichiers css, les stocker sur votre disque dur, et en charger un qd vous voulez, vous pouvez dans ce cas, obtenir un thème différent pour chaque occasion de l'année..

[soliana]

Le fond de myl potter est une image, et non une couleur.. (il suffit de cliquer avec le bouton droit de votre souris sur le fond et de faire propriétés, il vous indque la nature de l'image..
donc impossible de le changer via le panneau d'administration..

si vous voulez changer l'image de fond, vous allez
sur votre compte
personnaliser les images de ce thème et vous changez l'image de fond..

Désoler de ne pas avoir poster au bon endroit

J’ai déjà changer image de fond mais elle est que en haut du site et j'ai eu du mal a trouver le bon forma pour quel passe ça serais plus simple si étais indiquer sur la Personnaliser les images endroit et le poids pour les mettre plus facilement.

Et le fond noir qui est derrière ?

je voudrais changer la couleur de ça



mais j'ai rien compris

[davidou]

c'est ce que Audax vous explique..
faites le avec le fichier css..
dans son tuto, il explique ou se trouve l'emplacement de l'image de fond.
dans personaliser les images du thème, le poids et la taille est limité
tandis qu'avec le fichier css, vous n'avez pas à vous soucier du poids..
dans son tuto il met à disposition le fichier css de mylpotter
ici.

http://vosforums.vosforums.com/viewtopi ... sc&start=0

vous faites comme il dit dans le tuto ici.
http://vosforums.vosforums.com/viewtopic.php?t=806

l'emplacement de l'image de fond se trouve dans le code ici;

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FDD35F;
scrollbar-shadow-color: #B5906B;
scrollbar-3dlight-color: #FDD5AB;
scrollbar-arrow-color: #FDD35F;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #FDD35F;
background-image : url(images/background1.jpg);
background-repeat : no-repeat;
background-attachment : fixed;
}

à la palce de la ligne rouge, vous mettez l'url de votre image et faites des essais avec le fichier css

Audax a passé 2 semaines à faire un tuto explicatif sur le css.
lisez le.. et vous verrez, c'est pas compliqué.
tout les forums ont un fichier css que c'est ici ou ailleurs, et avbec le fichier css, comme dit Audax, c'est plus simple de modifier un thème

[soliana]

/* General text */
.gen { font-size : 12px;}
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall {color : #FFFFFF!important; }
a.gen,a.genmed,a.gensmall { color: #FFFFFF!important; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #FFFFFF!important; text-decoration: underline; }
.gen2{ font-size : 12px; color : #FFFFFF!important; font-family: Arial, Helvetica, sans-serif;}
a.gen2:hover2{ color: #FFFFFF!important; text-decoration: underline; }
.gen3{ font-size : 10px; color : #FFFFFF!important; font-family: Arial, Helvetica, sans-serif;}
a.gen3:hover2{ color: #FFFFFF!important; text-decoration: underline; }
.gen4{ font-weight: bold; font-size : 12px; color : #FFFFFF!important; font-family: Arial, Helvetica, sans-serif;}
a.gen4:hover2{ color: #FFFFFF!important; text-decoration: underline; }
a.gen4{ color: #FFFFFF!important; text-decoration: none; }
.gen5{ font-weight: bold; font-size : 12px; color : #FFFFFF!important; font-family: Arial, Helvetica, sans-serif;}
a.gen5:hover2{ color: #FFFFFF!important; text-decoration: underline; }
a.gen5{ color: #FFFFFF!important; text-decoration: none; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #FFFFFF!important;}
a.nav { text-decoration: none; color : #FFFFFF!important; }
a.nav:hover { text-decoration: underline; }

/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF!important; letter-spacing: -1px;}
a.copyright { color: #FFFFFF!important; text-decoration: none;}
a.copyright:hover { color: #FFFFFF!important; text-decoration: underline;}

Voila se que j'ai modifier pour qu’il apparais en blanc mais ça na pas marcher

Autre petite précision.
Qd vous chargez votre fichier css via http://www.vosforums.com/ dans personnalisez les thèmes de ce forum, comme indiquez ci dessus, si la modification ne ce fait pas de suite, cliquez sur les liens "en haut" et "en bas" (l'endroit de l'emplacement de la publicité) à gauche du mot css, pour que les modifications soient prises en compte.

c'est bon j'ai fait ca et sa marche mais c'est pas tout ta fait se que je voulais

[davidou]

avez vous bien placé tout le fichier css..? et vous l'avez renommez par .css? je pose la question au cas ou...

il faut placer tout le fichier css de Mylpotter, et surtout comme le montre audax, il faut laisser un espace entre les codes de couleur et le !important;

pas comme ça

.gen,.genmed,.gensmall {color : #FFFFFF!important; }

mais comme ça;

.gen,.genmed,.gensmall {color : #FFFFFF !important; }

et surtout, il faut activer la pub, qd vous êtes sur votre compte, à côté du thème il y a en bas et en haut, il faut cliquez dessus pour actver le css, et après vous mettez la bannière là ou vous voulez..

et le css doit être entier..
il doit commencer par
.mainmenu

et se terminer par
@import etc...

[soliana]

Voila se qui est en marron entourer en rouge devrait être blanc
Et ce qui est en blanc entourer en rouge devrait être marron
Pouvez vous me dire la ou je me suis tromper merci

[davidou]

dans cette partie du code vous avez les liens qui sont en dehors du forum (j'ai pris les codes de audax sur son tuto, à vous de changer la couleur que vous voulez)

Code: Tout sélectionner

/* General text */
.gen { font-size : 13px !important;}
.genmed { font-size : 13px !important;  }
.gensmall { font-size : 13px !important; }
.gen,.genmed,.gensmall {color : #ff6600 !important;  }
a.gen,a.genmed,a.gensmall { color: #ff6600 !important; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #7B5B3B; text-decoration: underline; }
.gen2{ font-size : 13px !important; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen2:hover2{ color: #7B5B3B; text-decoration: underline; }
.gen3{ font-size : 13px !important; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen3:hover2{ color: #7B5B3B; text-decoration: underline; }
.gen4{  font-weight: bold; font-size : 12px; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen4:hover2{ color: #000000; text-decoration: underline; }
a.gen4{ color: #000000; text-decoration: none; }
.gen5{  font-weight: bold; font-size : 12px; color : #FDD35F; font-family: Arial, Helvetica, sans-serif;}
a.gen5:hover2{ color: #FDD35F; text-decoration: underline; }
a.gen5{ color: #FDD35F; text-decoration: none; }

et ici, les liens qui sont en bas du forum..

Code: Tout sélectionner

/* Copyright and bottom info */
.copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright      { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

et pour les titres de forums et catégories

ragardez avec ce code..

Code: Tout sélectionner

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle      { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink    { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }

essayez couleur par couleur.. faites une modifications une après l'autre pour la couleur..
si vous faites couleur par couleur, vous allez trouvez les bons emplacement de couleur des liens et titres.

[audax]

Voila se qui est en marron entourer en rouge devrait être blanc
Et ce qui est en blanc entourer en rouge devrait être marron
Pouvez vous me dire la ou je me suis tromper merci

bjr. comme dit davidou, ce sont bien les codes qu'il vous montrent qui permettent de modifier la couleur des titres de forum, catégories..


apperrement, je vois en cliquant sur votre forum, que vous avez déjà bien commencée..
Mais qd j'aurai un moment, je le détaillerais un peu plus le tuto..

mais si vous regardez bien les titres des codes, l'emplacement coorespond à ce que vous devez changer..
par exemple si vous prenez ce code;

Code: Tout sélectionner

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink    { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }

vous verrez que le titre de ce code est forum title, ce qui veut dire les titres de forums.. et tout les morceaux de codes ont un nom qui vous permette de savoir à quoi correspond ce bout de code..

[soliana]

Merci je commence à avoir une belle présentation déjà
Par contre j'ai eu beau chercher hier je n'ai pas encore trouver
*Forum RPG Les Enfants De La Terre* Index du Forum
Et il faut encore trouver le bar qui est sur le coter
J’espère les trouver aujourd’hui je garde l’espoir

.mainmenu {police-taille : 11px ; couleur : #7B5B3B}
a.mainmenu {texte-décoration : aucun ; couleur : # 7B5B3B ; }
a.mainmenu :texte-décoration de hover{: soulignez ; couleur : # 7B5B3B ; }
/ * modèle général de page. La barre de rouleau couleurs seulement évidentes dans IE5.5+ */
corps {
fond-couleur : # 000000 ;
scrollbar-visage-couleur : # 000000 ;
scrollbar-accentuer-couleur : # FDD35F ;
scrollbar-ombre-couleur : # B5906B ;
scrollbar-3dlight-color : # FDD5AB ;
scrollbar-flèche-couleur : # FDD35F ;
scrollbar-voie-couleur : # 000000 ;
scrollbar-darkshadow-couleur : # FDD35F ;
fond-image : url(http ://img443.imageshack.us/img443/3714/shelters12806zr.jpg) ;
fond-répétez : aucun-répétez ;
fond-attachement : fixe ;
}
/ * familles générales de police pour * commun d'étiquettes/
police, Th, td, p {
police-famille : Arial, Helvetica, sans-empattement ;}
a :lien, a :actif, a :visité {couleur : # 7B5B3B ; }
a :vol plané {texte-décoration : soulignez ; couleur : # 7B5B3B ; }
heure {taille : 0px ; frontière : #7B5B3B plein 0px ; frontière-dessus-largeur : 1px ;}
.admincolor {
couleur : # 322212 ;
}
a.admincolor :vol plané {
couleur :# 000000 ;
texte-décoration : soulignez ;
}
.modcolor {
couleur : # 6B3E13 ;
}
a.modcolor :vol plané {
couleur :# 6B3E13 ;
texte-décoration : soulignez ;
}
/ * c'est la ligne et le fond de frontière couleur autour du * entier de page/
.bodyline {frontière : solide de 0px #98AAB1 ; }
/ * c'est le contour autour du forum principal * de tables/
.forumline {frontière : solide de 0px #98AAB1 ; }
/ * couleurs et milieux principaux de cellules de table */
td.row1 {
fond-image : url(images/cellpic1.GIF) ;
}
td.row2 {
fond-image : url(images/cellpic1.GIF) ;
}
td.row3 {
fond-image : url(images/cellpic1.GIF) ;
}
td.hectogramme {
taille : 21px ;
largeur : 55px ;
fond-image : url(images/f_hg.GIF) ;
fond-répétez : aucun-répétez ;
}
td.hm{
taille : 21px ;
fond-image : url(images/f_hm.GIF) ;
}
td.hd{
taille : 21px ;
largeur : 55px ;
fond-image : url(images/f_hd.GIF) ;
fond-répétez : aucun-répétez ;
}
td.bg {
taille : 21px ;
largeur : 55px ;
fond-image : url(images/f_bg.GIF) ;
fond-répétez : aucun-répétez ;
}
td.bm{
taille : 21px ;
fond-image : url(images/f_bm.GIF) ;
}
td.bd{
taille : 21px ;
largeur : 55px ;
fond-image : url(images/f_bd.GIF) ;
fond-répétez : aucun-répétez ;
}
td.mg{
fond-image : url(images/f_mg.GIF) ;
}
td.md{
fond-image : url(images/f_md.GIF) ;
}
/*
C'est pour la cellule de table au-dessus du Matières, poteau et derniers poteaux sur l'index.page de php
Par défaut c'est l'effacement dehors gradiated le fond argenté.
Cependant, vous pourriez remplacer ceci avec a détail de carte binaire pour chaque forum
*/
td.rowpic {
fond-couleur : # 000000 ;
fond-image : url(images/cellpic1.GIF) ;
fond-répétez : répétition ;
}
/ * cellules d'en-tête - le bleu et l'argent * de milieux de gradient/
Th {
couleur : # 000000 ;
police-taille : 12px ;
police-poids : "bold" ;
taille : 28px ;
fond-image : url(images/cellpic1.GIF) ;
}
td.chat, td.cabestan, td.catSides, td.catLeft, td.catRight, td.catBottom{
fond-image : url(images/cellpic1.GIF) ;
taille : 28px ;
}
td.bas{
fond-couleur : # 000000 ;
taille : 28px ;
fond-image : url(images/cellpic3.GIF) ;
}
td.bas2{
fond-couleur : # 000000 ;
fond-image : url(images/cellpic4.GIF) ;
}
td.bas3{
fond-couleur : # 000000 ;
taille : 28px ;
fond-image : url(images/cellpic4.GIF) ;
}
td.catBottom2{
fond-image : url(images/cellpic1.GIF) ;
fond-répétez : répétition ;
}
/*
Réglage des frontières intérieures gentilles additionnelles pour les cellules principales de table.
Les noms indiquent quels côtés la frontière soyez dessus.
Ne vous inquiétez pas si vous ne comprenez pas ceci, ignorez-juste le
*/
td.chat, td.cabestan, td.catBottom {
taille : 28px ;
frontière-largeur : 0px 0px 0px 0px ;
}
Th.thHead, Th.thSides, Th.thTop, Th.thLeft, Th.thRight, Th.thBottom, Th.thCornerL, Th.thCornerR {
couleur : # 000000 ; police-poids : "bold" ; frontière : # 000000 ; frontière-modèle : plein ; taille : 28px ; }

td.row3Right, td.spaceRow {
fond-image : url(images/cellpic1.GIF) ; frontière : # FFFFFF ; frontière-modèle : plein ; }
Th.thHead, td.cabestan {police-taille : 12px ; frontière-largeur : 0px 0px 0px 0px ; }
Th.thSides, td.catSides, td.spaceRow { frontière-largeur : 0px 0px 0px 0px ; }
Th.thRight, td.catRight, td.row3Right { frontière-largeur : 0px 0px 0px 0px ; }
Th.thLeft, td.catLeft {frontière-largeur : 0px 0px 0px 0px ; }
Th.thBottom, td.catBottom {frontière-largeur : 0px 0px 0px 0px ; }
Th.thTop {frontière-largeur : 0px 0px 0px 0px ; }
Th.thCornerL {frontière-largeur : 0px 0px 0px 0px ; }
Th.thCornerR {frontière-largeur : 0px 0px 0px 0px ; }
/ * le plus grand texte utilisé dans la page d'index titre et titre toptic etc... */
.maintitle, h1, h2 {
police-poids : "bold" ; police-taille : 20px ; police-famille : Arial, Helvetica, sans-empattement ;
texte-décoration : aucun ; ligne-taille : 120% ; couleur : # FDD35F !important ;
}
.titre {
police-poids : "bold" ; police-taille : 32px ; police-famille : Arial, Helvetica, sans-empattement ;
texte-décoration : aucun ; ligne-taille : 120% ; couleur : # FDD35F !important ;
}
.titlebas {
police-taille : 11px ; police-famille : Arial, Helvetica, sans-empattement ;
texte-décoration : aucun ; ligne-taille : 120% ; couleur : # FDD35F !important ;
}
/ * * général des textes/
.GEN {police-taille : 12px ;}
.genmed {police-taille : 11px ; }
.gensmall {police-taille : 10px ; }
.GEN.genmed.gensmall {couleur : #7B5B3B !important ; }
a.GEN, a.genmed, a.gensmall {couleur : # FDD35F !important ; texte-décoration : aucun ; }
a.GEN :vol plané, a.genmed :vol plané, a.gensmall :vol plané {couleur : #7B5B3B !important ; texte-décoration : soulignez ; }
.police-taille de gen2{: 12px ; couleur : #000000 !important ; police-famille : Arial, Helvetica, sans-empattement ;}
a.gen2 :couleur de hover2{: #7B5B3B !important ; texte-décoration : soulignez ; }
.police-taille de gen3{: 10px ; couleur : #000000 !important ; police-famille : Arial, Helvetica, sans-empattement ;}
a.gen3 :couleur de hover2{: #7B5B3B !important ; texte-décoration : soulignez ; }
.police-poids de gen4{: "bold" ; police-taille : 12px ; couleur : #000000 !important ; police-famille : Arial, Helvetica, sans-empattement ;}
a.gen4 :couleur de hover2{: #7B5B3B !important ; texte-décoration : soulignez ; }
a.couleur de gen4{: #7B5B3B !important ; texte-décoration : aucun ; }
.police-poids de gen5{: "bold" ; police-taille : 12px ; couleur : #000000 !important ; police-famille : Arial, Helvetica, sans-empattement ;}
a.gen5 :couleur de hover2{: #7B5B3B !important ; texte-décoration : soulignez ; }
a.couleur de gen5{: #7B5B3B !important ; texte-décoration : aucun ; }
/ * * de titres de catégorie de forum/
.cattitle {police-poids : "bold" ; police-taille : 12px ; interlettrage : 1px ; couleur : #000000}
a.cattitle {texte-décoration : aucun ; couleur : # 000000 ; }
a.cattitle :texte-décoration de hover{: soulignez ; couleur : # 7B5B3B ; }
.cattitle2 {police-poids : "bold" ; police-taille : 11px ; interlettrage : 1px ; couleur : #000000}
a.cattitle2 {texte-décoration : aucun ; couleur : # 7B5B3B ; }
a.cattitle2 :texte-décoration de hover{: soulignez ; couleur : # 7B5B3B ; }
/ * titre de forum : Texte et lien aux forum utilisé dans : index.* de php/
.forumlink {police-poids : "bold" ; police-taille : 12px ; couleur : # FDD35F !important ;}
a.forumlink {texte-décoration : aucun ; couleur : # 000000 ; }
a.forumlink :texte-décoration de hover{: soulignez ; }
.erreur {police-poids : "bold" ; police-taille : 12px ; couleur : # 7B5B3B ; }
a.erreur {texte-décoration : aucun ; couleur : # 7B5B3B ; }
a.erreur :texte-décoration de hover{: soulignez ; }
/ * utilisé pour le texte de navigation, (page 1.2.3 etc..) et la barre de navigation quand dans * de forum/
.nav {police-poids : "bold" ; police-taille : 11px ; couleur : # FDD35F !important ;}
a.nav {texte-décoration : aucun ; couleur : # FDD35F !important ; }
a.nav :vol plané {texte-décoration : soulignez ; }
/ * titres pour les matières : a pu indiquer * vu de couleur de lien trop/
.topictitle {police-poids : "bold" ; police-taille : 11px ; couleur : # 000000 ; }
a.topictitle :lien {texte-décoration : aucun ; couleur : # 000000 ; }
a.topictitle :visité {texte-décoration : aucun ; couleur : # 7B5B3B ; }
a.topictitle :vol plané {texte-décoration : soulignez ; couleur : # 7B5B3B ; }
/ * nom d'affiche dans le viewmsg.php et viewtopic.php et tout autre * d'endroits/
.nom {police-taille : 11px ; couleur : # 7B5B3B ;}
/ * endroit, nombre de poteaux, date etc.. de poteau */
.postdetails {police-taille : 10px ; couleur : # 7B5B3B ; }
/ * la teneur des poteaux (corps de texte) */
.postbody {police-taille : 12px ; couleur : # 000000 ; fond-image : url(images/cellpic1.GIF) ;}
a.postlink :lien {texte-décoration : aucun ; couleur : # 000000 ; }
a.postlink :visité {texte-décoration : aucun ; couleur : # 7B5B3B ; }
a.postlink :vol plané {texte-décoration : soulignez ; couleur : # 7B5B3B}
/ * * de blocs de citation et de code/
.codez {
police-famille : Arial, Helvetica, sans-empattement ;
police-taille : 11px ;
couleur : # 000000 ;
fond-couleur : # FFFFFF ;
frontière : # 444444 ;
frontière-modèle : plein ;
frontière-gauche-largeur : 1px ;
frontière-dessus-largeur : 1px ;
frontière-droit-largeur : 1px ;
frontière-fond-largeur : 1px
}
.citation {
police-famille : Arial, Helvetica, sans-empattement ;
police-taille : 11px ;
couleur : # 000000 ;
ligne-taille : 125% ;
fond-couleur : # FDD35F ;
frontière : # 444444 ;
frontière-modèle : plein ;
frontière-gauche-largeur : 1px ;
frontière-dessus-largeur : 1px ;
frontière-droit-largeur : 1px ;
frontière-fond-largeur : 1px ;
}
/ * * d'information de copyright et du fond/
.copyright {police-taille : 10px ; police-famille : Arial, Helvetica, sans-empattement ; couleur : # FDD35F !important ; interlettrage : -1px ;}
a.copyright {couleur : # FDD35F !important ; texte-décoration : aucun ;}
a.copyright :vol plané {couleur : # FDD35F !important ; texte-décoration : soulignez ;}
/ * * d'éléments de forme/
l'entrée, textarea, choisissent {
police : 11px normal Arial, helvetica, sans-empattement ;
couleur : # 000000 ;
frontière-couleur : #896307 # FCDC8E # FCDC8E # FCDC8E ;
fond-couleur : # FDD35F ;
scrollbar-visage-couleur : # FDD35F ;
scrollbar-accentuer-couleur : #FDD35F;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FDD35F;
scrollbar-darkshadow-color: #000000;
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FDD35F;
color : #000000;
}
input {
text-indent : 2px;
color : #000000;
background-image : url(images/cellpic1.gif);
}
input2 {
text-indent : 2px;
color : #000000;
}
/* The buttons used for bbCode styling in message post */
input.button {
background-color : #FDD35F;
color : #000000;
font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
background-color : #FDD35F;
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color : #FDD35F;
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know
*/
.helpline { background-color: #FDD35F; border-style: none; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/MylPotter/local.css");

J’ai tout traduis avec l’espoir de mieux comprendre et sa ma permis de trouver comment changer les couleur de la bar mais impossible de trouver index du forum

[audax]

bjr.
ceci va vous aider.. (par contre pour le titre du forum, soit l'index cliquable avec le titre, vous pouvez modifier sa couleur dans le titre de votre forum soit dans votre compte.. comme ceci..

<font color=votre couleur en ne mettant que des chiffres ou lettre>forum rpg les enfants de la terre</font>

avec ce code vous allez pouvoir donner une autre couleur à tout les liens du forum, c'est à dire tout les liens cliquable..

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #ff0000 !important; }
a:hover { text-decoration: underline; color : #DD6900; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

ce qui donne ceci



maintenant, si vous ne changez pas ce code ci dessus, vous pouvez chnager les couleurs morceaux par morceaux..

suivre ce qui est indiqué..

avec ce code vous allez pouvoir changer la couleur des catégories et des titres de forum principaux (couleur violet pour catégories et rouge pour forums)

/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : [color=violet]#ff00ff !important;}
a.cattitle { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #ff0000 !important; }
a.forumlink { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }

ce qui donne ceci;




avec ce code vous allez pouvoir changer les description des forums et toute les phrases du form non cliquable
et également la couleur de voir les nouveaux messages, voir les messages sans réponses.. c'est à dire les petits liens.. couleur verte pour liens cliquables et rouges phrases non cliquables..

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #ff0000 !important; }
a.gen,a.genmed,a.gensmall { color : #32cd32 !important; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }

ce qui donne ceci



avec ce code vous allez pouvoir changer la couleur des ttres des topics dans les forums..

/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #ff0000 !important; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }

ce qui donne ceci.




ce qui est également interessant, comme vous avez le thème Mylpotter, si vous rajoutez par exemple ce code

Code: Tout sélectionner

font-size: 14px;

juste avant le code de la couleur, vous allez pouvoir donner une autre taille au texte.. (j'ai mis 14, mais vous pouvez placer ce que vous voulez..

comme ceci;

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited {font-size: 14px; color : #ff0000 !important; }
a:hover { text-decoration: underline; color : #DD6900; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

et si vous mettez ceci font-weight: bold; avant le font-zise, vous pouvez obtenir le texte en gras

comme ceci..

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited {font-weight: bold; font-size: 14px; color : #ff0000 !important; }
a:hover { text-decoration: underline; color : #DD6900; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

et ces petits bouts de code, vous pouvez les placer là, où vous avez des modifications de couleur à apporter..

autre chose, certains code de thèmes ont plus ou moins de ligne..

par exemple le code de igloo pour modifier des phrases non cliquables et les petits liens, le code est celui ci;

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #ff0000 !important; }
a.gen,a.genmed,a.gensmall { color : #32cd32 !important; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }

et pour MylPotter c'est celui ci

/* General text */
.gen { font-size : 12px;}
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall {color : #7B5B3B; }
a.gen,a.genmed,a.gensmall { color: #7B5B3B; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #7B5B3B; text-decoration: underline; }
.gen2{ font-size : 12px; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen2:hover2{ color: #7B5B3B; text-decoration: underline; }
.gen3{ font-size : 10px; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen3:hover2{ color: #7B5B3B; text-decoration: underline; }
.gen4{ font-weight: bold; font-size : 12px; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen4:hover2{ color: #000000; text-decoration: underline; }
a.gen4{ color: #000000; text-decoration: none; }
.gen5{ font-weight: bold; font-size : 12px; color : #FDD35F; font-family: Arial, Helvetica, sans-serif;}
a.gen5:hover2{ color: #FDD35F; text-decoration: underline; }
a.gen5{ color: #FDD35F; text-decoration: none; }

mais la couleur à changer reste toujours dans la même phrase, par exemple pour Igloo
c'est ces phrases du code;

.gen,.genmed,.gensmall { color : #ff0000 !important; }
a.gen,a.genmed,a.gensmall { color : #32cd32 !important; text-decoration: none; }

et pour mylpotter;
c'est les mêmes phrases à changer que vous retrouvez dans le code..
soit celle ci..

/* General text */
.gen { font-size : 12px;}
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall {color : #ff0000 !important; }
a.gen,a.genmed,a.gensmall { color: #32cd32 !important; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #7B5B3B; text-decoration: underline; }
.gen2{ font-size : 12px; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen2:hover2{ color: #7B5B3B; text-decoration: underline; }
.gen3{ font-size : 10px; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen3:hover2{ color: #7B5B3B; text-decoration: underline; }
.gen4{ font-weight: bold; font-size : 12px; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen4:hover2{ color: #000000; text-decoration: underline; }
a.gen4{ color: #000000; text-decoration: none; }
.gen5{ font-weight: bold; font-size : 12px; color : #FDD35F; font-family: Arial, Helvetica, sans-serif;}
a.gen5:hover2{ color: #FDD35F; text-decoration: underline; }
a.gen5{ color: #FDD35F; text-decoration: none; }

en cherchant un peu plus, on peu modifier d'autres couleurs qui sont présentées dans le tuto..

voilà, j'espère que ça va vous aider..

[audax]

Une autre petite astuce que vous pouvez faire avec le css.
vous avez surement déjà remarquez sur des sites, qd on passe la souris sur le lien, au passage de la souris, le lien grossi..

pour cette astuce.

il suffit de prendre ce code qui se prouve dans le css
soit celui ci..

/* General font families for common tags */
font,th,td,p {
font-family: Arial, Helvetica, sans-serif;}
a:link,a:active,a:visited { color : #7B5B3B; }
a:hover { text-decoration: underline; color : #7B5B3B; }
hr { height: 0px; border: solid #7B5B3B 0px; border-top-width: 1px;}

et vous placez la petite taille de lettre font-size: 12px; dans la phrase qui commence a:link
et la grande taille de lettre dans la phrase qui commence par font-size: 14px; dans la phrase qui commence par a:hover

soit comme ceci..

/* General font families for common tags */
font,th,td,p {
font-family: Arial, Helvetica, sans-serif;}
a:link,a:active,a:visited { font-size: 12px !important; color : #FB5B3B; }
a:hover { text-decoration: underline; font-size: 14px !important; color : #FB5B3B; }
hr { height: 0px; border: solid #7B5B3B 0px; border-top-width: 1px;}

voir l'effet sur ce forum en passant la souris sur les liens

sur ce forum test, j'ai placé les liens d'une autre couleur, alors de ce fait, le code devient comme ceci

/* General font families for common tags */
font,th,td,p {
font-family: Arial, Helvetica, sans-serif;}
a:link,a:active,a:visited { font-size: 12px; color : #996600 !important; }
a:hover { text-decoration: underline; font-size: 14px; color : #FF4500 !important; }
hr { height: 0px; border: solid #7B5B3B 0px; border-top-width: 1px;}