• 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
  • 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
  • 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
  • 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
  • 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