• Codes CSS/HTML

     

    [CSS]                                                                                [HTML]

    Fond + 400ko                                                             Encadré simple

    Header + 400ko                                                           Texte défilant

    Elargir les lien au survol                                                 Scrollbar

    Surlignage

    Déplacer les modules

    Image de la fenêtre

  • .window{border:3px solid orange;
        color:  white;
        background;white  
    .window {colororange;}
    .window a:hover {colororange;
    }
    .window_content {background:url('http://ekladata.com/99eKr9EmtVrfHFVzBudbWYlKu9s.png');
        margin10px;
        box-shadow3px 4px 8px orange;
        border-radius10px;
        padding:5px;
        colororange;
        font-family:Georgia;
    }
    .window_titlecolorwhite;
        padding2px;
        padding-top4px;
        text-aligncenter;
        font-familybook antiqua;
        font-size23px;
        text-shadow1px 1px 3px orange}

    .window_handle_content
                  backgroundurl("");
                  margin0px;
                  padding0px;
                  border-bottomnone;
                  border-radius12px 12px 12px 12px}
    .window_handle_left
                  background:none;
                  margin0px;
                  padding0px;
    .window_handle_right
                  background:none;
                  margin0px;
                  padding0px;}
    .window_content_wrapper1
                  background:none;
                  margin0px;
                  padding0px;
    .window_content_wrapper2
                  background:none;
                  margin0px;
                  padding0px;
    .window_bottom_wrapper1
                  background:none;
        height13px;
                  margin0px;
                  padding0px;
    .window_bottom_wrapper2
                  background:none;
                  margin0px;
                  padding0px;
    .window_bottom_wrapper2
                  background:none;
                  margin0px;
                  padding0px;
    .window_bottom
                  background:none;
                  margin0px;
                  padding0px;
                  height0px}
    .window_tabs {    background:orange;
    margin-bottom:-10px;}
    .window_tabs span {background:orange;
    color:black;
    box-shadow:inset 0px 0px 8px orange;
    border:1px solid orange
    margin-left:15px}

     

    Changez orange par la couleur que vous voulez (moi c'est #e72b7b ).

    Changez black et white  (qui sont les couleurs secondaires, moi je l'ais ai laissé).

    Changez border :3px  solid et border (les bordures)


    votre commentaire
  • Voilà, à quoi sert  le code !

    Vous pouvez écrire du texte, mettre des images, et faire d'autres choses !

     

    tumblr_mf52oyA4Z71rc3xako1_500.png (500×428)

     

    Le code HTML :

    <divApple-converted-space"> 200px; width: 625px; background-color: #xxxxxx; text-align: center; border-width: 2px; border-color:#c48a10; border-style: groove; padding: 5px;">

    <p><spanApple-converted-space"> #e0e0e0;"><strong>TEXTE</strong></span></p>

    <p><span><strong>&nbsp;</strong></span></p>

    <ul>

    <li><span><strong><span><strong>

    </ul>

    </div>

     

     

    200 est la hauteur, il faut la modifier.

    625 est la largeur, il faut aussi modifier.

    #xxxxxx est la couleur du fond, avec #xxxxxx le fond est transparent.

    #c48a10 est la couleur du cadre, on peut modifier.

    #e0e0e0 est la couleur du texte, on la modifie.

    TEXTE est là où il faut écrire votre texte (on peut aussi mettre des images)


    votre commentaire
  • Voilà un code pour faire ça :

     

    Voilà à quoi sert le code !

    Donc le code :

    <marquee scrollamount=X scrolldelay=X>TON TEXTE</marquee>

     

    Remplacez TON TEXTE par le texte que vous voulez faire défiler

    X : Vitesse su texte (plus c'est grand, plus ca va vite)

    X : Temps en 2 affichages

     

     Je conseille de ne pas remplir ce X, je n'y touche pas.

     

     


    votre commentaire
  • Pour faire ça :

    HEY !BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA, on peut y mettre tout ce qu'on veutBLA BLA BLA BLA BLA BLA BLA

     

    Maintenant le code HTML :

    <fieldset><legend>TITRE</legend>CONTENU</fieldset>

     

    Changer TITRE par le titre du contenu (moi c'était HEY !) et remplacez CONTENU par le texte qu'il y aura à l'intérieur.


    votre commentaire
  • En premiers faites clique droit -> Code source de la page

    Et faites Ctrl + F et taper le titre du module que vous voulez déplacez

     

    </div>

    <span id="module_menu_titre_140392094

    Recherche

    </span>

     

    Maintenant collez ce code : La partie surligner en orange est ce que vous allez avoir besoin pour le codes

    #module_menu0000000 {position: absolute; 
              top: Xpx;
              left: Xpx;
    }

     

    Remplacez les 0000000 par le nombre surligner en orange

    ''top: Xpx'' par un nombre en px, qui indique à combien de px le module seras du haut de la page

    ''left: Xpx'' par un nombre encore en px, qui indique à combien de px seras le module de la gauche de la page.


    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique