AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Cartes Pokémon 151 : où trouver le ...
Voir le deal

    ♦ Commande pour une Page d'accueil ♦

    Illusion
    Illusion
    FémininAge : 25Messages : 16

    Mar 23 Avr 2013 - 19:27

    Commande
    Type de document voulu : Page d'Accueil
    Adresse du forum : [ Clic ! ]
    Description des éléments : [ Clac ! ]
    Pour le Staff : quand on passe la souris sur l'un des 4 icônes Chi, est-ce qu'il serait possible qu'il y ait une infobulle avec une image, et en dessous du texte ? c:
    Et pour "Partenariat; Présentations; (...) Warri'Or" : en fait ce sont des onglets, quand on passe la souris dessus, le texte en dessous banh... change Cool.
    Couleurs ou tons : N'importe, je modifierais après ^^.
    Images : ♦ Commande pour une Page d'accueil ♦ 737481Modo2♦ Commande pour une Page d'accueil ♦ 860091Modo1♦ Commande pour une Page d'accueil ♦ 572257Modo♦ Commande pour une Page d'accueil ♦ 645337Modo3
    Autres précisions : Merci à celui(elle) qui prendre ma commande en charge :friends:.


    Dernière édition par Illusion le Mer 1 Mai 2013 - 19:18, édité 2 fois
    • Revenir en haut
    Neva
    Neva
    FémininAge : 32Messages : 18565

    Mer 24 Avr 2013 - 11:45

    Hello,

    Tout est bon pour moi, je valide la demande.
    Tu saurais quelle police te veux, au fait ? Comme tu en as utilisé des précises pour ton schéma ^^

    La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
    ▬ une commande laissée sans nouvelles sera relancée le septième jour
    ▬ nous vous rappelons que le thème devra être crédité vers Never Utopia une fois installé, sans quoi vous pourriez être interdit de commandes sur le forum



     
    • Revenir en haut
    Illusion
    Illusion
    FémininAge : 25Messages : 16

    Mer 24 Avr 2013 - 18:54

    Super, merci !
    Hum, sur le schéma j'ai utilisé Times New Roman, mais j'aimerais bien Georgia Wink. Wala !!



    ► And I can think of a thousand reasons why. I don't believe in you. I don't believe in you and I.
    I'm not yours - Angus & Julia Stone
    ► I want to fly, can you take me far away ? Give me a star to reach for. Tell me what it takes. And I’ll go so high... Stitch my wings.
    Wing$ - Macklemore x Ryan Lewis
    • Revenir en haut
    Illusion
    Illusion
    FémininAge : 25Messages : 16

    Ven 26 Avr 2013 - 20:49

    Ploup ! ♫



    ► And I can think of a thousand reasons why. I don't believe in you. I don't believe in you and I.
    I'm not yours - Angus & Julia Stone
    ► I want to fly, can you take me far away ? Give me a star to reach for. Tell me what it takes. And I’ll go so high... Stitch my wings.
    Wing$ - Macklemore x Ryan Lewis
    • Revenir en haut
    Illusion
    Illusion
    FémininAge : 25Messages : 16

    Lun 29 Avr 2013 - 14:35

    Je sais que les commandes sont nombreuses, juste un petit up pour dire que la mienne est toujours valable Wink.



    ► And I can think of a thousand reasons why. I don't believe in you. I don't believe in you and I.
    I'm not yours - Angus & Julia Stone
    ► I want to fly, can you take me far away ? Give me a star to reach for. Tell me what it takes. And I’ll go so high... Stitch my wings.
    Wing$ - Macklemore x Ryan Lewis
    • Revenir en haut
    Këdherys
    Këdherys
    MasculinAge : 27Messages : 130

    Lun 29 Avr 2013 - 14:55


    Voici le code CSS :
    Code:
    fieldset
    {
       margin:auto;
       width:800px; /*Taille de la PA*/
       height:600px;   /*hauteur de la PA*/
       border: 2px solid black;
       border-radius:10px;
         padding-top:0px;
       padding-right:0px;
          font-family:Georgia;
    }

    legend
    {
       position:relative;
       top:30px;
       left:60px;
       padding:3px;
       color:White;
       font-size:50px;
         letter-spacing:8px;
       text-shadow:0px 0px 5px black;
         margin-bottom:0px;
       font-family:Georgia;
    }

    #Username{
      font-size:40px;
      font-family:Georgia;
      text-shadow: 0px 0px 3px black;
      letter-spacing: 3px;
      margin-top:0px;
      margin-bottom: 10px;
    }

    #TextUpper{
       overflow:auto;
       width:720px;
       height:120px;
       margin:auto;
         text-align:justify;
    }

    .arrow{
      margin-right:5px;
    }


    /*Début zone du texte défilant*/

    #TextScroll{
         margin-left:35px;
         overflow:hidden;
         float:left;
        width:130px;
         height:180px;
         border:1px solid black;
         border-radius: 5px;
         word-wrap:break-word;
         padding:2px;
    }

    /*Début zone du Staff*/

    #Staff{
         margin:0px;
         margin-left:20px;
        float:left;
         width:590px;
         height:184px;
         
         
    }



    .Titre{
     font-size:50px;
      text-shadow: 0px 0px 3px black;
      color: white;
    }

    .VavaStaff{
     margin-left:106px;
    }


    .Infobulle img{
       display:block;
       border-radius:5px;
       z-index:1;
       padding:-5px;
         margin-left:2px;
         margin-right:2px;
         overflow:hidden;
         transition: opacity .5s ease-in;
       
    }

    .Contenu{
       transition: all 0.5s ease-in;
       opacity:0;
       background-color:grey;
       border-radius:5px;
       position:relative;
       z-index:2;
         margin-left:2px;
         margin-right:2px;
       text-align:center;
    }

    .Infobulle:hover .Contenu{
       transition: all 0.5s ease-in;
       opacity:0.7;
    }

    .Infobulle:hover img{
      transition:all .5s ease-in;
     opacity:.5;
    }

    .Contenu  a{
       transition:color 0.2s ease-in;
       color:black;
    }



     .Contenu a:hover{
       transition:color 0.2s ease-in;
       color:blue;
    }

    .Infobulle{
       width:90px;
       height:90px;
       float:left;
       margin-left:2px;
       margin-right:2px;
    }

    /* Début de la zone à Onglet */

    .Onglet a{
       display:inline-block;
       border: 2px white solid;
       border-radius:5px;
       margin:5px;
       padding:2px;
       text-shadow:3px 3px 4px black;
         z-index:10;
    }

    .Contenus{
       overflow:hidden;
       width:800px;
       height:150px;
       padding:-2px;
    }

    #Partenaires{
       width:790px;
       height:140px;
       overflow:auto;
         
       padding:3px;
       z-index:6;
    }

    #Presentations{
       width:790px;
       height:140px;
       overflow:auto;
         
       padding:3px;
       z-index:5;
    }

    #Credits{
       width:790px;
       height:140px;
       overflow:auto;
         
       padding:3px;
       z-index:4;
    }

    #Topsite{
       width:790px;
       height:140px;
       overflow:auto;
       padding:3px;
       z-index:3;
    }

    #Warrior{
       width:790px;
       height:140px;
       overflow:auto;
     
       padding:3px;
       z-index:2;
    }


    Et le code HTML :

    Code:
          <fieldset>
          <legend>Bienvenue</legend>
                    <div id="Username">{USERNAME}</div>

          <div id="TextUpper"><span class="arrow">►</span>Lorem Ipsum blahblah ...texte texte texte texte texte texte texte texte <br/>
    <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.<br/>
                    </div><div id="TextScroll"><marquee behavior="scroll" scrollamount="2"
    direction="up">
    <hr/>
    Lorem Ipsum blahblah ...texte texte texte texte texte texte texte texte <br/>
    <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.<br/>
    </marquee></div>
    <center><div id="Staff">
     <span class="Titre">Le Staffounet</span>
    <br/>
    <br/><div class="VavaStaff">
             <div class="Infobulle">
                   <img src="http://img11.hostingpics.net/pics/737481Modo2.png" alt="Avatar"/>
          <!--Contenu de l'infobulle-->
                <div class="Contenu">
                   <a href="#">MP</a> <span>//</span> <a href="~">Profil</a>
                </div>
          <!--Fin du contenu-->
          </div>
             <div class="Infobulle">
                   <img src="http://img11.hostingpics.net/pics/860091Modo1.png" alt="Avatar"/>
          <!--Contenu de l'infobulle-->
                <div class="Contenu">
                   <a href="#">MP</a> <span>//</span> <a href="~">Profil</a>
                </div>
          <!--Fin du contenu-->
          </div>
             <div class="Infobulle">
                   <img src="http://img11.hostingpics.net/pics/572257Modo.png" alt="Avatar"/>
          <!--Contenu de l'infobulle-->
                <div class="Contenu">
                   <a href="#">MP</a> <span>//</span> <a href="~">Profil</a>
                </div>
          <!--Fin du contenu-->
          </div>
             <div class="Infobulle">
                   <img src="http://img11.hostingpics.net/pics/645337Modo3.png" alt="Avatar"/>
          <!--Contenu de l'infobulle-->
                <div class="Contenu">
                   <a href="#">MP</a> <span>//</span> <a href="~">Profil</a>
                </div>
          <!--Fin du contenu-->
          </div>
    </div>

    </div>

          <center>
          <div class="Onglet"><a href="#Partenaires">Partenaires</a> <a href="#Presentations">Présentations</a> <a href="#Credits">Crédits</a> <a href="#Topsite">TopSite</a> <a href="#Warrior">Warri'Or</a> </div>
          <div class="Contenus">
             <div id="Partenaires">
             texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.<br/>
    texte texte texte texte texte texte texte texte <br/>
    <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.<br/>
          </div>
             
             <div id="Presentations">
             2texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.<br/>
             </div>
             
             <div id="Credits">
             3texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.<br/>
             </div>
             
             <div id="Topsite">
             4texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.<br/>
             </div>
             
             <div id="Warrior">
             5texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.<br/>
             </div>
          
          
          </div>
       </center>
          </fieldset>

    Si des modifications sont a porter sur le code, n'hésite pas à me prévenir Very Happy
    • Revenir en haut
    Illusion
    Illusion
    FémininAge : 25Messages : 16

    Mar 30 Avr 2013 - 12:23

    Haaan merci, t'es génial ! *o* Merci beaucoup.
    Je voulais juste savoir : est-il possible de retirer le fonction de 'lien' qu'ont les titres des onglets 'Présentations; Warri'Or...' et faire en sorte que ce ne soit qu'en passant la souris sur les titres que le texte change ? c:



    ► And I can think of a thousand reasons why. I don't believe in you. I don't believe in you and I.
    I'm not yours - Angus & Julia Stone
    ► I want to fly, can you take me far away ? Give me a star to reach for. Tell me what it takes. And I’ll go so high... Stitch my wings.
    Wing$ - Macklemore x Ryan Lewis
    • Revenir en haut
    Këdherys
    Këdherys
    MasculinAge : 27Messages : 130

    Mar 30 Avr 2013 - 17:53

    Eh voilà, malgré quelques imprévus j'ai fini. Very Happy Enfin T_T

    Donc le code HTML :
    Code:
          <fieldset>
          <legend>Bienvenue</legend>
                    <div id="Username">{USERNAME}</div>

          <div id="TextUpper"><span class="arrow">►</span>Lorem Ipsum blahblah ...texte texte texte texte texte texte texte texte <br/>
    <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.<br/>
                    </div><div id="TextScroll"><marquee behavior="scroll" scrollamount="2"
    direction="up">
    <hr/>
    Lorem Ipsum blahblah ...texte texte texte texte texte texte texte texte <br/>
    <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte <br/>
    texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.<br/>
    </marquee></div><div id="Staff">
     <span class="Titre">Le Staffounet</span>
    <br/>
    <br/><div class="VavaStaff">
             <div class="Infobulle">
                   <img src="http://img11.hostingpics.net/pics/737481Modo2.png" alt="Avatar"/>
          <!--Contenu de l'infobulle-->
                <div class="Contenu">
                   <a href="#">MP</a> <span>//</span> <a href="~">Profil</a>
                </div>
          <!--Fin du contenu-->
          </div>
             <div class="Infobulle">
                   <img src="http://img11.hostingpics.net/pics/860091Modo1.png" alt="Avatar"/>
          <!--Contenu de l'infobulle-->
                <div class="Contenu">
                   <a href="#">MP</a> <span>//</span> <a href="~">Profil</a>
                </div>
          <!--Fin du contenu-->
          </div>
             <div class="Infobulle">
                   <img src="http://img11.hostingpics.net/pics/572257Modo.png" alt="Avatar"/>
          <!--Contenu de l'infobulle-->
                <div class="Contenu">
                   <a href="#">MP</a> <span>//</span> <a href="~">Profil</a>
                </div>
          <!--Fin du contenu-->
          </div>
             <div class="Infobulle">
                   <img src="http://img11.hostingpics.net/pics/645337Modo3.png" alt="Avatar"/>
          <!--Contenu de l'infobulle-->
                <div class="Contenu">
                   <a href="#">MP</a> <span>//</span> <a href="~">Profil</a>
                </div>
          <!--Fin du contenu-->
          </div>
    </div>

    </div>
    <div id="NavOnglet">
          <div id="texte1">
                <a href="#">Lien1</a>
                <div class="contenus">
                <div class="contenuauto">
                texte texte texte texte texte texte texte texte
                texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
                </div>
                </div>
          </div>
          <div id="texte2">
             <a href="#">Lien2</a>
             <div class="contenus">
             <div class="contenuauto">
             lol
                </div>
             </div>
          </div>
          <div id="texte3">
             <a href="#">Lien3</a>
             <div class="contenus">
             <div class="contenuauto">
             mdr
                </div>
             </div>
          </div>
          <div id="texte4">
             <a href="#">Lien4</a>
             <div class="contenus">
             <div class="contenuauto">
             ptdr même !
                </div>
             </div>
          </div>
    </div>
          </fieldset>

    Et le code CSS :

    Code:
    fieldset
    {
       
       width:800px; /*Taille de la PA*/
       height:600px;   /*hauteur de la PA*/
       border: 2px solid black;
       border-radius:10px;
         padding-top:0px;
       padding-right:0px;
         padding-bottom:-10px;
         font-family:Georgia;
    }

    legend
    {
       position:relative;
       top:30px;
       left:60px;
       padding:3px;
       color:White;
       font-size:50px;
         letter-spacing:8px;
       text-shadow:0px 0px 5px black;
         margin-bottom:0px;
         font-family:Georgia;
       
    }

    #Username{
      font-size:40px;
      font-family:Georgia;
      text-shadow: 0px 0px 3px black;
      letter-spacing: 3px;
      margin-top:0px;
      margin-bottom: 10px;
    }

    #TextUpper{
       overflow:auto;
       width:720px;
       height:120px;
       margin:auto;
         text-align:justify;
    }

    .arrow{
      margin-right:5px;
    }


    /*Début zone du texte défilant*/

    #TextScroll{
         margin-left:35px;
         overflow:hidden;
         float:left;
        width:130px;
         height:180px;
         border:1px solid black;
         border-radius: 5px;
         word-wrap:break-word;
         padding:2px;
    }

    /*Début zone du Staff*/

    #Staff{
         margin:0px;
         margin-left:20px;
        float:left;
         width:590px;
         height:184px;
         
         
    }



    .Titre{
     font-size:50px;
      text-shadow: 0px 0px 3px black;
      color: white;
    }

    .VavaStaff{
     margin-left:106px;
    }


    .Infobulle img{
       display:block;
       border-radius:5px;
       z-index:1;
       padding:-5px;
         margin-left:2px;
         margin-right:2px;
         overflow:hidden;
         transition: opacity .5s ease-in;
       
    }

    .Contenu{
       transition: all 0.5s ease-in;
       opacity:0;
       background-color:grey;
       border-radius:5px;
       position:relative;
       z-index:2;
         margin-left:2px;
         margin-right:2px;
       text-align:center;
    }

    .Infobulle:hover .Contenu{
       transition: all 0.5s ease-in;
       opacity:0.7;
    }

    .Infobulle:hover img{
      transition:all .5s ease-in;
     opacity:.5;
    }

    .Contenu  a{
       transition:color 0.2s ease-in;
       color:black;
    }



     .Contenu a:hover{
       transition:color 0.2s ease-in;
       color:blue;
    }

    .Infobulle{
       width:90px;
       height:90px;
       float:left;
       margin-left:2px;
       margin-right:2px;
    }

    /* Début de la zone à Onglet */


    #NavOnglet{
       
       padding:-10px;
       padding-left:15px;
       
         margin-bottom:-10px;
       width:740px;
       height:170px;
       overflow:hidden;
         
    }

    #NavOnglet a{
       display:inline-block;
       border:2px white solid;
       border-radius:5px;
       margin:5px;
       padding:2px;
    }

    #texte1{

    width:0px;
    height:0px;
    margin-top:10px;
    padding:0px;
    position:absolute;

    }

    #texte1 a{
       position:absolute;
       top:-10px;
       left:280px;
       
    }

    #texte2{

    width:0px;
    height:0px;
    margin-top:10px;
    padding:0px;
    position:absolute;
    }

    #texte2 a{
       position:absolute;
       top:-10px;
       left:330px;
    }

    #texte3{

    width:0px;
    height:0px;
    margin-top:10px;
    padding:0px;
    position:absolute;
    }

    #texte3 a{
       position:absolute;
       top:-10px;
       left:380px;
    }

    #texte4{

    width:0px;
    height:0px;
    margin-top:10px;
    padding:0px;
    position:absolute;

    }

    #texte4 a{
       position:absolute;
       top:-10px;
       left:430px;
    }

    #texte1:hover{
       width:740px;
       height:130px;
       
    }

    #texte2:hover{
       width:740px;
       height:130px;
       
    }

    #texte3:hover{
       width:740px;
       height:130px;

    }

    #texte4:hover{
       width:740px;
       height:130px;
       
    }



    .contenus{
    overflow:hidden;
      position:relative;
      top:20px;

    }

    .contenuauto{
     
    overflow:auto;
       width:720px;
       height:120px;
    }
    • Revenir en haut
    Illusion
    Illusion
    FémininAge : 25Messages : 16

    Mer 1 Mai 2013 - 19:14

    Han mais fallait pas te faire chier si c'était trop long ! Bon, bwe merci beaucoup en tout cas ! *o*



    ► And I can think of a thousand reasons why. I don't believe in you. I don't believe in you and I.
    I'm not yours - Angus & Julia Stone
    ► I want to fly, can you take me far away ? Give me a star to reach for. Tell me what it takes. And I’ll go so high... Stitch my wings.
    Wing$ - Macklemore x Ryan Lewis
    • Revenir en haut
    Këdherys
    Këdherys
    MasculinAge : 27Messages : 130

    Mer 1 Mai 2013 - 19:23

    ^^' Non, c'est juste que je ne savais pas faire les onglets qui changent au survol de la souris, sinon et bien je me suis bien amusé Very Happy




    • Revenir en haut
    Illusion
    Illusion
    FémininAge : 25Messages : 16

    Mer 1 Mai 2013 - 20:22

    Haw ok Wink. Bon... bah tant mieux alors , haha !!


    [commande terminée]



    ► And I can think of a thousand reasons why. I don't believe in you. I don't believe in you and I.
    I'm not yours - Angus & Julia Stone
    ► I want to fly, can you take me far away ? Give me a star to reach for. Tell me what it takes. And I’ll go so high... Stitch my wings.
    Wing$ - Macklemore x Ryan Lewis
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 19 Avr 2024 - 19:10