• Tuto rapide

    Décortiquons le codage du design en libre service Marbre Noir

    Guide pour comprendre le tutoriel

    #Bloc {Codage....('L'url de l'image à remplacer');}

    L'explication du #Bloc

    [Image originale si disponible]

    ------

    Les images sont de format PNG, JPG et GIF habituellement

    ------

    <style>
    body, textarea, button, div, td, ul, li, p, a {color: white !important; }

    La couleur du texte du texte de ta page
    #logo2012 > a {opacity: 0!important;}
    #logo2012 {background:url('http://img15.hostingpics.net/pics/472085logo.png') !important;}

    Le Logo OhMyDollz

    #blochaut, #blochaut_vip {background:url('http://img11.hostingpics.net/pics/136224haut.png') !important;}

    Le bloc avec ton avatar, $$$, Fee'z, etc. 
    #deco {display: none;}
    #blochautlogout {background:url('http://img11.hostingpics.net/pics/321681logout.png') !important;}

    Seulement visible pour les non connectés

    #barrejaune {background:url('http://www.ohmydollz.com/img/big/57898.png') !important; width: 365px;}

    C'est l'arrière plan de "Chercher une doll"
    #fiche_info {background:url('http://www.ohmydollz.com/img/big/57898.png') !important;}

    C'est l'arrière plan des info' (Pseudo, métier, niveau, etc.)

    #fiche_loft {border-color: #818181; }

    La couleur du contour du loft

    #contenu2012 { background-color: transparent !important;} C'est les espaces entre les blocs qui est blanc, mais mis transparent

    #offres {background:url('http://img15.hostingpics.net/pics/872859offre.png') !important;}

    Le bloc des offres du moment

    #pub_flash {margin-top:40px;}

    #gauche_note {background:url('http://img15.hostingpics.net/pics/348278Votes.png') !important;}

    Le bloc des votes

    #gauche_comz {background:url('http://img15.hostingpics.net/pics/607833Com.png') !important;}

    Le bloc des commentaires


    #laissercom {background:url('http://img15.hostingpics.net/pics/605424PostCom.png') !important;}

    Le champ de texte quand on écrit un com


    .bullecom{ background:url(http://img15.hostingpics.net/pics/330770Bulle.png) no-repeat;}

    La bulle de commentaire

    #gauche_amiz {background:url('http://img11.hostingpics.net/pics/147323amiz.png') !important;}

    Le bloc amis

    #gauche_bonte {background:url('http://img15.hostingpics.net/pics/934054Bonte.png') !important;}

    Bloc bonté


    #gauche_bonte_contenu p {margin-left:30px;}
    #gauche_cadeau {left: 70px; margin-top: -10px;}

    #blocgauche_online {background:url('http://img11.hostingpics.net/pics/783102online.png') !important;}

    Bloc Doll en ligne

    #qsj_view_haut {margin-top:15px; background:url('http://img15.hostingpics.net/pics/941083QsjHaut.png') !important;}

    Haut du Qsj

    #qsj_view_milieu {background:url('http://img15.hostingpics.net/pics/616303QsjMilieu.png') !important;}

    Le fond de ton Qsj où il y aura du texte

    #qsj_view_bas {background:url('http://img15.hostingpics.net/pics/763716QsjBas.png') !important;}

    Le bas de ton Qsj

    #fiche_espsm {background:url('http://img11.hostingpics.net/pics/973349esp.png') !important;}

    Le bloc En savoir plus sur moi

    #footer2012 {margin-top:15px; padding-top: 80px; height:80px; background:url('http://img11.hostingpics.net/pics/904622Footer.png') !important;}

    C'est le bas de la page (Feerik Games, Mon compte, Les règles, etc.)

    #fiche_info, #fiche_share, #message_haut, #message_milieu, #message_bas, #cadeaux_haut, #cadeaux_milieu, #cadeaux_bas {background:url('http://www.ohmydollz.com/img/big/57898.png') !important;}

    (C'est l'arrière plan du message quand on vote pour toi ou quand on veut offrir un cadeau)

    </style>


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :