Esprit Orgue Chef
Messages : 4567 Date d'inscription : 14/03/2010 Age : 30 Localisation : Kaido - Ligue pokémon - Salle Psy
Carte de Dresseur Point de vie: (50/50)
| Sujet: Changement du style du forum Lun 9 Juil 2012 - 19:32 | |
| Bonjour à toutes, bonjour à tous, Depuis un certain temps, je modifie le forum pour que tout le monde puisse le modifier à sa guise et jusqu'à présent, voici ce que j'ai trouvé, vous pouvez modifier les couleurs et les images, ne touchez pas au pixel sauf pour redimentionner votre bannière: - Code:
-
/*Changement de l'image de fond (gris)*/ body{ background-image:url("http://fc09.deviantart.net/fs49/f/2009/183/4/d/Team_Rocket_Logo_by_acer_v.jpg"); }
/*Changement du fond du forum (bleu) et de la bordure du fond*/ .bodyline{ background:red; border:3px groove white; border-radius:5px;}
/*Changement des écritures, mettez la même couleur pour tout, les hovers, vous pouvez mettre une couleur plus foncé, c'est au passage du clic*/ .gen{ color:#ffffff;}
.gen b, .gen input{ color:black;}
a.nav{ color:#ffffff;}
div.gen a{ color:#ffffff;}
div.gen a:hover{ color:#ffffff;}
a.gensmall{ color:#ffffff;}
a.gensmall:hover{ color:#ffffff;}
.thHead{ color:#ffffff;}
/*Fond des Catégories*/ td.catHead{ background: darkred;}
td.catLeft{ background: darkred;}
.forumline th{ background: darkred;}
/*Changement de la barre*/ #menu{ background:darkred; border: 3px groove white; border-radius: 5px; width:492px; height:32px;}
#menu dt { color:white;}
#menu dt a{ color:white;}
/*Changement de la bannière, width correspond à la largeur et height à la hauteur, si votre image coupe, donnez ces dimensions. ;)*/ #i_logo{ background-image:url("http://www.pixenli.com/images/1336412938003430500.png"); background-repeat:no-repeat; width:504px; height:304px;} La sauvegarde de votre fichier devrait se faire automatiquement, mais au cas où allez-y régulièrement. Au cas où, sauvegardez le autre part, comme votre bloc note Twinoid, vous pouvez aussi le poster à la suite, si vous souhaitez en faire profiter les autres. ^^ Édit: Ajout d'un Sélecteur de Style, uniquement dispo avec le style par défaut du forum pour l'instant. |
|
Togekiss
Messages : 80 Date d'inscription : 11/05/2011 Age : 24 Localisation : Sous l'océaaaaan
| Sujet: Re: Changement du style du forum Jeu 12 Juil 2012 - 14:29 | |
| Si ça vous intéresse... ;) - Version rose:
body{ background:#e35859 ; }
.bodyline{ background:#e97361; border:3px groove white; border-radius:5px;}
.gen{ color:#000000;} .gen b, .gen input{ color:#000000;} a.nav{ color:#000000;} div.gen a{ color:#f000000;} div.gen a:hover{ color:#000000;} a.gensmall{ color:#000000;} a.gensmall:hover{ color:#000000;} .thHead{ color:#000000;}
td.catHead{ background:#e35859 ;} td.catLeft{ background:#e35859;}
#menu{ background:#e35859; border: 3px groove white; border-radius: 5px; width:492px; height:32px;}
#menu dt { color:white;}
#i_logo{ background-image:url("http://www.pixenli.com/images/1342095346005219200.png"); background-repeat:no-repeat; width:635px; height:397px;}
- Aperçu:
- Version bleue:
body{ background:#080843 ; }
.bodyline{ background:#6573a8; border:3px groove white; border-radius:5px;}
.gen{ color:#ffffff;} .gen b, .gen input{ color:#ffffff;} a.nav{ color:#ffffff;} div.gen a{ color:#ffffff;} div.gen a:hover{ color:#ffffff;} a.gensmall{ color:#ffffff;} a.gensmall:hover{ color:#ffffff;} .thHead{ color:#000000;}
td.catHead{ background:#080843;} td.catLeft{ background:#080843;}
#menu{ background:#6573a8; border: 3px groove white; border-radius: 5px; width:492px; height:32px;}
#menu dt { color:white;}
#i_logo{ background-image:url("http://www.pixenli.com/images/1342095346005219200.png"); background-repeat:no-repeat; width:635px; height:397px;}
- Aperçu:
Dernière édition par Océane le Jeu 12 Juil 2012 - 14:43, édité 1 fois (Raison : Ajout version bleue) |
|
LeTahitien
Messages : 1014 Date d'inscription : 04/09/2010 Age : 29
| Sujet: Re: Changement du style du forum Lun 6 Aoû 2012 - 15:12 | |
| Pas mal du tout Océane ! :) |
|
Contenu sponsorisé
| Sujet: Re: Changement du style du forum | |
| |
|