Modifiez votre site avec Pluxml et LaGraphiste

* Ces feuilles de styles sont divisées en deux sections: La première contient les couleurs des éléments et la seconde leurs positions.



Tous les thèmes sont fluide, sauf le modèle 2 et 6.


Pour qu'ils soient fluide il suffit, à partir de leurs feuilles de style, de changer la valeur de largeur (top, contenu et footer) actuellement à 750px pour 75% ou 100%





I - Pour tout ces thèmes

Télécharger le Thème Cleanlook et installez le sur votre site fait avec Pluxml
Un fois ce thème installé, copiez le contenu de la feuille de style de votre choix et coller le tout dans le fichier style.css. (à partir de l'interface admin de pluxml, cliquez sur Paramètres / Options d'affichages / Éditer les fichiers du thème / Choix du fichier à éditer : style.css )

Vous serez alors prêt pour remplacer les couleurs et y ajouter vos images

n.b. : Les thèmes 1 colonne sont parfait pour le Webmobile


II - Pour les thèmes 3 et 4

Répétez l'étape précédente.
Dans les pages php du thème, couper/coller le div id="sidebar" et placez le juste en dessous du div id="page".


III - Pour les thèmes 5 et 6

Répétez les étapes précédentes.
Mettre le titre (h2 class="title") et le post-info (class="post-info") à l'intérieur div id="post".


IV - Pour le thème 6

Répétez les étapes précédentes.
Pour simuler les 3 colonnes de même hauteurs
À partir de la feuille de style , ajoutez une image dans le background du DIV #page avec l'attribut «repeat-y» (comme ceci : #page {background :url("LIEN IMAGE"); background-repeat : repeat-y; }).
Assurez-vous que l'image à une largeur de 750 px, que la première colonnes à 150 px, celle du centre 400 px et celle de droite 200 px.





Choix de couleurs de bases


Cliquez dans ces boites pour choisir vos couleurs de base:




Aide mémoire CSS


background :
background-color : #NUMERO_COULEUR ;
background : url("URL_IMAGE") ;
background-repeat : repeat x / y / no-repeat ;
background-attachment: scroll / fixed ;
background-position : top / center / bottom / left / right ;
color: #NUMERO_COULEUR ;
width : px / % / auto ;
height : px / % / auto ;
margin : px / % / auto ;
(0, 1, 2, 3 = 0 haut, 1 droite, 2 bas et 3 gauche)
padding : px / % / auto ;
(0, 1, 2, 3 = 0 haut, 1 droite, 2 bas et 3 gauche)
font :
font-style: normal / italic ;
font-variant: normal / small-caps ;
font-weight: normal / bold / bolder / lighter ;
font-size: pt / em / % / small / medium / large ;
line-height: pt / em / % ;
font-family: NOM_DE_POLICE ;
text-align : left / right / center / justify ;
text-decoration : none / underline / overline / line-through / blink ;
text-transform : none / capitalize / uppercase / lowercase ;
list-style : none / disc / circle / square / decimal / upper-roman / url("URL_IMAGE") ;
display : bloc / inline / list-item / none ;
float : none / left / right ;