• Ce code est très recherché, et je vous le donne aujourd'hui ^^

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    //IMPORTANT// : Il faut ABSOLUMENT décocher TOUTES les propriétés de "boutons", sinon les codes ne marcheront pas.

    input[type=button],input[type=submit], button {
        background:#COULEUR ;
        color : #COULEUR;
        font-family: "POLICE DU TEXTE";
        border: NOMBREpx style #COULEUR;
        border-radius: NOMBREpx;
      font-size: NOMBREpx; }
     

     

    Et au survol, il suffit de rajouter des :hover

    input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover  {
       background:#COULEUR ;
        color : #COULEUR;
        font-family: "POLICE DU TEXTE";
        border: NOMBREpx style #COULEUR;
        border-radius: NOMBREpx;
      font-size: NOMBREpx; 
    }

    champs rouges : champs à modifier selon ce qui est marqué.

    background : la couleur du fond du bouton. Comme pour le texte, il faut la remplacer par un code hexadécimal.

     color : la couleur du texte du bouton. Il faut la remplacer par un code hexadécimal. Vous pouvez le trouver grâce au Color Picker Pro dans le menu.

    font-family : la police. Il faut que vous choissiez une police proposée par eklablog : Arial, Arial Black, Comic sans ms, Courrier New, Georgia, Impact, Lucina Console, Lucina Sans Unicode, Palatino Linotype, Tahoma, Times New Roman, Trebuchet MS, Verdana, MS Sans Serif, MS Serif.
    Sinon, vous pouvez mettre une police que vous avez installé vous même. Si vous voulez faire, mais que vous ne savez pas comment, go ici !

    border : les bordures du bouton. Dans le champ "NOMBREpx", il faut mettre l'épaisseur de la bordure.
    Dans le champ "STYLE", il faut mettre l'une de ces propositions :
    Si vous voulez, vous pouvez également changer le style de la bordure, c'est à dire que :
    solid est la bordure classique
    dotted est la bordure en pointillés
    dashed est la bordure en tirets
    double est la bordure double
    Dans le champ "COULEUR", c'est comme "color" et "background". Il faut un code hexadécimal.

    border-radius : les arrondis du bouton. Plus la valeur est élevée, plus les boutons seront arrondis.

    font-size : la taille de la police. Il vous faut un chiffre ou un nombre que vous allez placer juste avant le px selon la taille que vous souhaitez.

     


    votre commentaire
  • Pour en mettre sur les fenêtres, les titres....

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    Lire la suite...


    votre commentaire
  • Voici comment mettre un favicon sur ton blog. Le favicon est la petite icône qui représente ton blog. Par exemple, là, avant ce code, tu as le crayon d'Eklablog.

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    DONC. Ce n'est pas bien compliqué.
    Il faut commencer par créer une image en carré (pas la peine de redimensionner en je ne sais quelle taille, ça se fait tout seul), moi perso je fais en 500x500 pour être sûre que la qualité soit bonne, et tu fais ce que tu veux dedans. La préférable est un image transparente mais ce n'est pas du tout grave si il y a les bords, c'est simplement une question d’esthétique.

    Ensuite vous allez uploader cette image dans Contenu > Gérer les fichiers. Puis vous allez copier l'URL.

    Enfin, dans un module quelconque, vous allez mettre ce code :

     <!-- favicon -->

    <script type="text/javascript">// <![CDATA[

    var ico=document.getElementById ('favicon');

    ico.href='URL DE VOTRE IMAGE';

    // ]] ></script>

    <!-- favicon -->

     

    Et voilà !


    15 commentaires
  • Alors déjà, si vous ne voyez pas de quoi je veux dire, je parle de ce genre de menu qu'on peut scroller.

    Comment mettre un menu à scroller ?

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :
    Installer une police et l'utiliser

    Voici le code :

     #menu1
    {height:NOMBREpx;
    overflow:auto;}

     height : ça permet de déterminer la hauteur du menu, et par conséquent, à partir de quand il va scroller.

    overflow:auto : c'est cette propriété qui va permettre au menu de se faire scroller.


     

    Prenons le code :
    #menu1
    {height:300px;
    overflow:auto;}

    Menu sans le code.
    Pour pouvoir vous montrer, je vais insérer ce qui se nomme un "lorem ipsum" qui sert uniquement à visualiser des textes.

    Nam quibusdam, quos audio sapientes habitos in Graecia, placuisse opinor mirabilia quaedam (sed nihil est quod illi non persequantur argutiis): partim fugiendas esse nimias amicitias, ne necesse sit unum sollicitum esse pro pluribus; satis superque esse sibi suarum cuique rerum, alienis nimis implicari molestum esse; commodissimum esse quam laxissimas habenas habere amicitiae, quas vel adducas, cum velis, vel remittas; caput enim esse ad beate vivendum securitatem, qua frui non possit animus, si tamquam parturiat unus pro pluribus.
    Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.
    Isdem diebus Apollinaris Domitiani gener, paulo ante agens palatii Caesaris curam, ad Mesopotamiam missus a socero per militares numeros immodice scrutabatur, an quaedam altiora meditantis iam Galli secreta susceperint scripta, qui conpertis Antiochiae gestis per minorem Armeniam lapsus Constantinopolim petit exindeque per protectores retractus artissime tenebatur.

    Menu avec le code.
    Pour pouvoir vous montrer, je vais insérer ce qui se nomme un "lorem ipsum" qui sert uniquement à visualiser des textes.

    Nam quibusdam, quos audio sapientes habitos in Graecia, placuisse opinor mirabilia quaedam (sed nihil est quod illi non persequantur argutiis): partim fugiendas esse nimias amicitias, ne necesse sit unum sollicitum esse pro pluribus; satis superque esse sibi suarum cuique rerum, alienis nimis implicari molestum esse; commodissimum esse quam laxissimas habenas habere amicitiae, quas vel adducas, cum velis, vel remittas; caput enim esse ad beate vivendum securitatem, qua frui non possit animus, si tamquam parturiat unus pro pluribus.
    Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.
    Isdem diebus Apollinaris Domitiani gener, paulo ante agens palatii Caesaris curam, ad Mesopotamiam missus a socero per militares numeros immodice scrutabatur, an quaedam altiora meditantis iam Galli secreta susceperint scripta, qui conpertis Antiochiae gestis per minorem Armeniam lapsus Constantinopolim petit exindeque per protectores retractus artissime tenebatur.

     


    votre commentaire
  • Voici mes codes pour modifier la scrollbar. Pour ceux qui ne savent pas, la scrollbar est "l'ascenseur" sur le côté de la page vous permettant de descendre.
    Modifier la scrollbar

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :
    Installer une police et l'utiliser

    Lire la suite...


    votre commentaire