Modifier un thème

Bonjour,

Voila j'aimerais modifier le thème de mon site :
http://apfsv.harmoniesrc.com/

L'idée est de changer le tour noir par une image (une note de musique) répété.

Comment faire?
Merci

Réponses

  • GzygGzyg Member
    février 2010 modifié
    Je suppose que tu as déjà une image qui s'appelle, par exemple, note.jpg.

    Il te faut ouvrir le fichier style.css dans pluxml/theme/ton_theme repérer cette ligne :
    body {
    	background: #202020 url('img/body.gif') repeat-x left top;
    
    et la remplacer par :
    body {
    	background: url('img/note.jpg');
    
    Tu enregistres puis tu rafraichis le cache de ton navigateur et ça devrait être bon.

    J'oubliais : il faut que ton image note.jpg soit dans le dossier img de ton thème.


    à plus,

    Gzyg
  • Super, merci.

    Mais comment rendre transparent l'image de haut : layout_wrapper_outer.jpg

    Merci
  • Comment ça transparent ?


    à plus,

    Gzyg
  • Je me suis débrouillé en fait.

    mais peut on enlever le "layout_wrapper_outer.jpg" pour ne laisser que le fond de style.css ?
  • Cette ligne à commenter : rajouter /* au début et */ à la fin

    #layout_wrapper_outer {background: url('img/layout_wrapper_outer.jpg') no-repeat center top;}


    à plus,

    Gzyg
  • guigui71guigui71 Member
    février 2010 modifié
    Merci.

    Une dernière chose...
    Comment modifier la couleur pour le "Titre du site" et "Sous-titre/description du site"
    Et rajouter un logo à coté.

    Merci pour l'aide.


    Je pense qu'il faut modifier :
    /* Site title */
    #site_title {padding: 28px 12px 0;}
    #site_title a {
    color: #ececec;/*73BCD1*/
    text-decoration: none;
    }
    #site_title a:hover {color: #FFF;}
    #site_title h1 {
    font-size: 2.4em;
    margin-bottom: 6px;
    }
    #site_title h1 span {color: #C0C6CF;}
    #site_title h2 {
    color: #789;
    font-size: 1.2em;
    }
  • C'est Ok pour le titre du site (j'ai mis en blanc) mais pas moyen de changer le sous titre...

    Ce que j'ai fait :
    * Site title */
    #site_title {padding: 28px 12px 0;}
    #site_title a {
    color: #FFFFFF;/*73BCD1*/
    text-decoration: none;
    }
    #site_title a:hover {color: #FFFFFF;}
    #site_title h1 {
    font-size: 2.4em;
    margin-bottom: 6px;
    }
    #site_title h1 span {color: #FFFFFF;}
    #site_title h2 {
    color: #789;
    font-size: 1.2em;
    }
  • Et en changeant comme ceci ?
    #site_title h2 {
        color: #FFF;
        font-size: 1.2em;
    }
    
  • Génial.

    Merci.
Connectez-vous ou Inscrivez-vous pour répondre.