Comment ajouter ...
 
 
A découvrir à gauche ...

Découvrez mes tutoriels à gauche, pour améliorer votre site et vous !! .. en code biensûr Bonne chance.



Où ajouter ces codes ??


Ajoutez ces codes quand vous editer les pages en cliquant sur le bouton CODE SOURCE ( ou "Source" ) au dessus des boutons B U I qui servent à mettre en gras, souligné, et italic.


Pour ajouter
un Forum, une carte image/satelitaire, une galerie, une intro, une intro flash, une liste des liens, une liste top, une musique de fond, une Newsletter, des signatures de forums, des sondages ou encore une balise meta, un barrer de défilement de couleur, un blocage du clic droit, un favicon, et des flocons de neige sur ton site tu dois aller dans Menu // Editer des extras // Ajouter un extra et choisi le, puis configure-le comme tu le veux puis sauvegarde à la fin.

Pour modifier des extras tu dois aller dans Menu // Editer des extras // Tes extras puis choisi celui que tu veux modifier puis cliques sur "modifier extras".

Ajouter une barre de liens
"Ah, mais moi j'aimerai ajouter une barre pour choisir directement la page que je veux, mais ya pas dans editer des extras... Comment faire ?? "

Très bonne question il te faut juste ouvrir ton bloc note, copier ce code ci-dessous puis modifier l'URL (marqué en bleu) de la page correspondante au mot qui sera affiché (marqué en rouge).

<form>
    <select onChange=
      "document.location=this.options[this.selectedIndex].value">
    <option value="http://nos-amis-les-animaux.fr.gd/Les-koalas.htm">Les kaolas</option>
    <option value="http://nos-amis-les-animaux.fr.gd/L-h-ours-polaire.htm">L'ours Polaire</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Hippopotame.htm">L'hippopotame</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Lynx-d-h-Espagne.htm">Lynx   d'espagne</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Le-panda-geant.htm">Le panda g&eacute;ant</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Le-percnopt%E8re.htm">Le   percnopt&egrave;re</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Gavial-du-Gange.htm">Le gavial du   gange</option>
    <option value="http://nos-amis-les-animaux.fr.gd/L-h--e2-l-e2-phant-d-h-Afrique.htm">L'&eacute;l&eacute;phant   d'Afrique</option>
    <option value="http://nos-amis-les-animaux.fr.gd/La-gazelle-de-Speke.htm">La gazelle de   Speke</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Blunt_nosed-leopard-lizard.htm">Le blunt   nosed-leopard-lizard</option>
    <option value="http://nos-amis-les-animaux.fr.gd/La-panth%E8re-des-neige.htm">La panth&egrave;re   des neiges</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Le-Macaque-Japonais.htm">Le macaque   Japonais</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Le-Puma.htm">Le puma</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Le-Lamantin.htm">Le lamantin</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Ecureuil-roux.htm">L'écureuil roux</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Kakapo.htm">Le kakapo</option>
    <option value="http://nos-amis-les-animaux.fr.gd/Dauphin-de-Chine.htm">Le dauphin de   chine</option>
    </select>
</form>

Exemple :




Pareil pour tout si vous voulez centrer ceci mettez juste avant le code : la balise <center> et à la fin </center>.


Comment ajouter un BLOC DE NEWS sur votre site ?? Quel code html et css utiliser ??

  • Il vous suffit de copier/coller ce code ci-dessous, mais par la suite vous pourrez changer le message qu'il y a dans le BLOC NEWS de ton site en changeant ce qu'il y a en rouge. Tu peux aussi modifier ce qu'il y a en bleu,  pour la taille du bloc (width : largeur // height : hauteur )
    CODE :
  • <!-- DEBUT DU SCRIPT --><DIV ID=ejs_box2_box STYLE="background:#000000;color:#FFFFFF;
    font-family:Verdana;font-size:11;width:180;height:50;
    padding:5"></DIV>
     <SCRIPT LANGUAGE=JavaScript>
     
     ejs_box2_message = new Array;
     ejs_box2_message[0] = 'Ici remplacez ce texte par celui de votre choix !';
    ejs_box2_message[1] = 'Aidefrgd !!! toujours là pour toi !';

     ejs_box2_actual = 0;
     ejs_box2_html_flag = 0;
     
     function ejs_box2_go()
         {
         if(document.getElementById)
             {
             ejs_box2_char = 1;
             ejs_box2_affich(ejs_box2_actual)
             ejs_box2_actual++;
             if(ejs_box2_actual >= ejs_box2_message.length)
                 ejs_box2_actual = 0;
             }       
         }
     
     function ejs_box2_affich(lactual)
         {
         var pix = ejs_box2_message[lactual].charAt(ejs_box2_char);
         if(pix == "<")
             ejs_box2_html_flag = 1;
         if(pix == ">")
             ejs_box2_html_flag = 0;
         var texte = ejs_box2_message[lactual].substring(0,ejs_box2_char);
         document.getElementById("ejs_box2_box").innerHTML = texte;
         if(ejs_box2_char < ejs_box2_message[lactual].length)
             {
             ejs_box2_char++;
             if(ejs_box2_html_flag == 1)   
                 ejs_box2_affich(lactual);
             else
                 setTimeout("ejs_box2_affich("+lactual+")",50)
             }
         else
             setTimeout("ejs_box2_go()",3000)
         }
     
     window.onload = ejs_box2_go;
     </SCRIPT>
     <!-- FIN DU SCRIPT -->


    Exemple :

    Ce texte ne s'affiche pas comme il le fallé désolé, mais toutefois essayez de coller ce code ci-dessus qui marche !


    Comment ajouter un TEXT EN ZOOM ??

     Copier/coller tout ce code en dessous pour que vous ayez un texte qui s'affiche 4 fois en zoom ! Vous pouvez changer le message qu'il y a en rouge et personnalisé-le !!


    CODE :

    <script type="text/javascript">
    var message2 = new initTableau(
    "Mettez ici",
    "Vos messages",
    "De votre..",
    "ChoIx !"
    );

    /*
    Déclaration de variables
    vous pouvez modifier la vitesse et la taille de police max!
    Attention : Plus vitesse est haut, plus la vitesse diminue!
    */
    var vitesse = 1;
    var cycle = 1000;
    var taillemax = 36;
    var police = "Arial";
    var x = 0;
    var y = 0;
    var message, taille;
       

    /*
    Ne plus rien modifié sous cette ligne
    */

    function initTableau() {
        this.length = initTableau.arguments.length;
        for (var i = 0; i < this.length; i++) {
            this[i] = initTableau.arguments[i];
              }
        }

    function AugmenteTaille(){
        message = message2[y];
        if (x < taillemax) {
            x++;
            setTimeout("AugmenteTaille()",vitesse);
        }
        else setTimeout("DiminueTaille()",cycle);
       
        //Utilisation différente du dhtml selon Netscape ou Internet Explorer
        if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1) {
            taille = "<font point-size='"+x+"pt'>";
            document.calque.document.write(taille+"<center><font face="+police+">"+message+"</center></font></font>");
            document.calque.document.close();
            }
        /*
        Condition pour Netscape 6
        */
        if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
            document.getElementById("calque").innerHTML = "<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";
           
            }
        if (navigator.appVersion.indexOf("MSIE") != -1){
            calque.innerHTML = "<center><font face="+police+">"+message+"</center></font>";
            calque.style.fontSize=x+'px'
               }
        }

    function DiminueTaille(){
        if (x > 1) {
            x--;
            setTimeout("DiminueTaille()",vitesse);
            }
        else {
            setTimeout("AugmenteTaille()",cycle);
            y++;
            if (y > message2.length - 1) y = 0;
            }

        if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1){
            taille = "<font point-size='"+x+"pt'>";
            document.calque.document.write(taille+"<center><font face=Arial>"+message+"</center></font></font>");
            document.calque.document.close();
            }
        /*
        Condition pour Netscape 6
        */
        if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
            document.getElementById("calque").innerHTML ="<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";

            }

        if (navigator.appVersion.indexOf("MSIE") != -1){
            calque.innerHTML = "<center><font face=Arial>"+message+"</center></font>";
            calque.style.fontSize=x+'px'
              }
        }



    /*
    On adapte le calque selon le navigateur
    */

    if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1)
    document.write('<layer id="calque"></layer><br>');
    if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1))
    document.write('<DIV STYLE="font-size:12px" ID="calque"></DIV>');
    if (navigator.appVersion.indexOf("MSIE") != -1)
    document.write('<span id="calque"></span><br>');




    setTimeout("AugmenteTaille()",vitesse);
    </script>


    Exemple :


    Vous trouverez ici quelques effets, sur les textes, les images ...


    L'effet BLINK !!

    L'effet blink est un effet clignotant d'un texte, d'un titre ... Il sert a attirer l'oeil du visiteur Voici le code qu'il faut copier pour l'avoir :
    Par exemple pour un grand titre : (h1)

    <style type="text/css">
    h1
    {
        text-decoration: blink;
    }
    </style>

    Exemple :


    Ceci clignote, effet blink !









    L'effet MARQUEE !!


    L'effet marquee est un effet qui fait défiler votre texte..par exemple pour informer les visiteurs .... Voici le code qu'il faut copier pour l'avoir :

    <marquee>Ici mettez le message de votre choix ^^ et le texte défilera</marquee>

    Exemple :




    ***Ici mettez le texte de votre choix, ceci défile***
    Image en lien : problème !!

    Vous savez ... lorsque vous ajoutez une image en lien ...

    Eh oui ! Il y a une grosse bordure moche autour !!


    Ajoutez ce code alors :

    <style type="text/css">
    a img

    {

    border: none;

    }
    </style>

    Exemple (résultat) :



     
      Aujourd'hui sont déjà 2 visiteurs (7 hits) Ici!  
     
    Ce site web a été créé gratuitement avec Ma-Page.fr. Vous souhaitez aussi avoir votre propre site web ?
    Inscription gratuite