• Liens/Textes Fenêtre

    Par Mikuru le 23 Octobre 2011 à 19:24

    Pour la couleur du texte c'est :

    .window_content {
         color: #ffffff ;
     }
    [code=php].window_content {
        color: #ffffff;
    }[/code]

    En changeant #ffffff par la couleur de ton choix

    Pour la couleur des liens c'est :

    .window a {
         color: #ffffff ;
    }
    [code=php].window a {
        color: #ffffff;
    }    [/code]

    En changeant #ffffff par la couleur de ton choix

    Et pour la couleur des liens survolés c'est :

    .window a:hover {
         color: #ffffff ;
    }
    [code=php].window a:hover {
        color: #ffffff;
    }    [/code]

    En changeant #ffffff par la couleur de ton choix


    7 commentaires

  • Lueur aux images

    Par Mikuru le 23 Octobre 2011 à 19:22

    Pour appliquer une lueur à une image il faut ajouter ceci dans ton CSS :

    img {
        box-shadow: 0 0 10px #FFFFFF;}

    Mais je te le déconseille fortement car il va mettre une lueur à TOUTES les images présentes sur la page.
    10px et #FFFFFF valeurs modifiables.


    4 commentaires

  • Transition liens menu

    Par Mikuru le 23 Octobre 2011 à 19:21

    Dans ton CSS tu insères :

    #menu a {
            -webkit-transition: color .5s ease-in;
             -moz-transition: color .5s ease-in;
             -o-transition: color .5s ease-in;
             transition: color .5s ease-in;
    }

    Le code est optimisé pour fonctionner sur un maximum de navigateur.
    5s représente le nombre de temps que mettra la transition, soit 5 secondes dans ce cas précis.
    Tu peux changer le 5 en 7, en 8, 9, 2, etc. Tant que tu n'enlèves pas le s qui suit, ça marchera.


    21 commentaires

  • Fond des sous-menus

    Par Mikuru le 23 Octobre 2011 à 19:20

    Il y a deux images de bases pour les sous menus sur Ekla.
    Celle-ci : submenu_item.png
    Et celle-là qui concerne le dernier sous-menu : submenu_item_last.png

    La partie supérieure de chaque image correspond à celle que l'on voit sans passage de la souris.
    La partie inférieure correspond donc au moment où l'on passe la souris sur le sous-menu.
    Tu ne dois en aucun cas découper ces images si tu souhaites les modifer, elle doivent se trouver sur la même image et garder le meme format que celles de base.

    Quand tu les a modifiées comme tu le souhaite, tu inséres ces codes dans ton CSS.

    .menubar_section li {
        background: url("urldel'image:submenu_item.png") no-repeat scroll 0 0 transparent;
    }
    .menubar_section li:last-child {
        background: url("urldel'image:submenu_item_last.png") no-repeat scroll 0 0 transparent;
    }

    Bien sûr, tu remplaces les url par celles qui sont concernée.


    1 commentaire

  • Flèches barre nav.

    Par Mikuru le 23 Octobre 2011 à 19:19

    L'image de base des fleches d'Ekla est celle ci : menubar_hide
    Tu dois modifier le fond avec ton logiciel sans couper l'image (Pour faire en sorte d'avoir le même fond que sur la barre de naviguation) et une fois fait, tu insères dans ton CSS :

    #menubar_hide {
        background: url("urldel'image") no-repeat;
    }

    En remplacant urldel'image par la nouvelle images des flèches que tu as faite.


    2 commentaires