• Header cliquable

    Par Mizura le 20 Janvier 2012 à 23:59

    Voici un code qui permet de revenir à l'accueil juste en cliquant sur le header.

    Code CSS#titre_header a {
                              display: block;
                              width: Xpx;
                              height: Xpx;}


     


    Il vaut mieux ne pas écrire de titre. Dans "apparence => modifier le thème => Header => titre", mettez la position du titre à (0;0) si vous voulez un titre un pti coup de photofiltre sur l'image du header
    width = largeur Remplacez le X par la largeur de votre header
    height = hauteur Remplacez le X par la hauteur de votre header


    9 commentaires

  • Barre des notifications

    Par Mizura le 20 Janvier 2012 à 23:52

    "Un petit merci fait toujours plaisir"

    Voilà un petit code qui sera bien utile pour compléter votre thème et très facile à mettre :


    pour changer l'image de fond:     Remplacez IMAGE par l'url de votre image en laissant  les guillemets ! 



    Code CSS#menubar {background-image: url("IMAGE");}


    pour changer la couleur:

     

    Code CSS#menubar {color: #COULEUR;}


    pour enlever les traits de separation :

    Code CSS
    #menubar_section_content{
    background-image: none;
    }
    #menubar_section_appearance{
    background-image: none;
    }
    #menubar_section_interactions{
    background-image: none;
    }
    #menubar_section_manage{
    background-image: none;
    }
    #menubar_section_account{
    background-image: none;
    }
    #menubar_notifications{
    background-image: none;
    }
    #menubar_signin {
    background-image: none;
    }
    .menubar_button {
    background-image: none;
    }



    19 commentaires

  • Coins arrondis

    Par Mizura le 16 Janvier 2012 à 18:52

    Comment arrondir les bord de votre blog ?

     

    Aller dans css et  mettez le code suivant :

    Code csssélecteur {border-radius: Xpx;
                  -moz-border-radius: Xpx;
                  -webkit-border-radius: Xpx}

    Remplacez les X par la même valeur de votre choix.

     Remplacez Sélecteur par un code sélecteur: (sans oublier d'enlever {propriete : valeur;}

    Répétez cette action en changeant le sélecteur pour faire tout le blog.


     Liste de Sélecteur => ICI

     

    Inspiré du tuto de fantasy graph' > ici <


    75 commentaires

  • changer l'écriture du blog

    Par Mizura le 23 Décembre 2011 à 19:27

    - Un petit merci fait toujours plaisir -

    Aller dans Apparence _ Modifier le thème _ CSS.

    Mettez le code (il est à la fin du tuto)

    (en rouge c'est le type d'écriture, vous pouvez la changer)

    attention ne pas mettre une police trop "exotique" car les autres ne vont pas forcement la voir et cane pourra pas marcher.

    Vous pouvez télécharger des polices ici : www.dafont.com/fr/

    vous devez enregistrer la police ur votre ordi :

    ouvrir l'emplacement du fichier telecharger

    extraire le fichier

    Aller dans : ordinateur / windows/fonts

    et faire glisser le fichier.

    changer l'écriture du blog

     

     

    changer l'écriture du blog

    Mettre le fichier ici

    changer l'écriture du blog

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    Code

    #body {font-family :Lucida Handwriting ; }

     


     Après les écritures enregistres peuvent être utilises sur photofiltre par exemple


    25 commentaires

  • codes pluie d'étoiles curseur

    Par Mizura le 22 Décembre 2011 à 16:23

    - Un petit merci fait toujours plaisir -

    Plusieurs personnes on mis des heures et des heures à chercher

    comment mettre des étoiles,flocons (appelez ça comme vous voulez)

    qui tombent du curseur...he bien j'ai enfin  réussi et je

    vais tout vous dire !

     

    Avant de vous donner le code les explications :

     

    Il faut avant tout activer le JavaScript, il faut le demander à Eklablog par message.

    Ensuite :

    Prendre donc le code que je vous donne  ( n'oubliez pas de modifier la couleur que j'ai marqué en rouge

    sur le lien par FFFFFF pour du blanc ou autre)

    Créer un nouveau module "simple" /  html / coller puis valider.

    Actualiser la page pour voir le résultat.

    Code html<script type="text/javascript">// <![CDATA[
    var colour="#000000";
    var sparkles=50;
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var tiny=new Array();
    var star=new Array();
    var starv=new Array();
    var starx=new Array();
    var stary=new Array();
    var tinyx=new Array();
    var tinyy=new Array();
    var tinyv=new Array();
    window.onload=function() { if (document.getElementById) {
    var i, rats, rlef, rdow;
    for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
    }
    set_width();
    sparkle();
    }}
    function sparkle() {
    var c;
    if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
    star[c].style.left=(starx[c]=x)+"px";
    star[c].style.top=(stary[c]=y)+"px";
    star[c].style.clip="rect(0px, 5px, 5px, 0px)";
    star[c].style.visibility="visible";
    starv[c]=50;
    break;
    }
    }
    for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
    }
    setTimeout("sparkle()", 40);
    }
    function update_star(i) {
    if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
    if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
    star[i].style.top=stary[i]+"px";
    starx[i]+=(i%5-2)/5;
    star[i].style.left=starx[i]+"px";
    }
    else {
    star[i].style.visibility="hidden";
    starv[i]=0;
    return;
    }
    }
    else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
    }
    }
    function update_tiny(i) {
    if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
    }
    if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
    tiny[i].style.top=tinyy[i]+"px";
    tinyx[i]+=(i%5-2)/5;
    tiny[i].style.left=tinyx[i]+"px";
    }
    else {
    tiny[i].style.visibility="hidden";
    tinyv[i]=0;
    return;
    }
    }
    else tiny[i].style.visibility="hidden";
    }
    document.onmousemove=mouse;
    function mouse(e) {
    set_scroll();
    y=(e)?e.pageY:event.y+sdown;
    x=(e)?e.pageX:event.x+sleft;
    }
    function set_scroll() {
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
    }
    else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
    }
    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
    }
    else {
    sdown=0;
    sleft=0;
    }
    }
    window.onresize=set_width;
    function set_width() {
    if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
    }
    else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
    }
    }
    function createDiv(height, width) {
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.height=height+"px";
    div.style.width=width+"px";
    div.style.overflow="hidden";
    div.style.backgroundColor=colour;
    return (div);
    }
    // ]] ></script>

     

    Inspiré du tuto  d'Eklatuces > ici <


    128 commentaires


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