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 : -20%
Drone Dji DJI Mini 4K (EU)
Voir le deal
239 €

    Commande pour Yutopia ^^ (sans onglets)

    avatar
    AQW
    FémininAge : 30Messages : 225

    Lun 28 Nov 2011 - 23:31

    Rappel du premier message :

    Coucou tout le monde, bien bien, j'édite mon message comme j'avais prévus à la base XD mais j'ai été prise par le temps et ... u_u" bref. J'aimerais une zolie PA s'il vous plait =) merci beaucoup pour celui/celle qui m'aidera :)

    Commande
    Adresse du forum : http://yutopia.forumgratuit.org/
    Description des éléments : https://2img.net/r/ihimizer/img404/8152/sanstitreft.png
    Couleurs ou tons : Des couleurs clairs qui vont avec les couleurs du forum, je n'ai pas de préférence ^^
    Images :Les tailles d'images sont noter sur l'image
    Autres précisions : les traits verts c'est les barres qui déscendent et montent (comme sur les descriptions de mes catégories ^^) et la couleur d'écriture j'aimerais qu'elle reste noir ^^


    Dernière édition par AQW le Lun 5 Déc 2011 - 11:37, édité 3 fois
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 21:50

    Je rajoute à la suite ou à la place de l'autre code ? *sent que la réponse est évidente mais ...*
    Anonymous
    Invité

    Mer 30 Nov 2011 - 21:52

      A la place, c'est le même sauf que j'y ai mise moi-même les images (dont j'ai rectifié l'orientation sur Tophiltre) Wink
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 21:55

    En fait ça marche, à moitié. Car j'ai toujours le problème que quand j'ouvre, ça se referme pas, et surtout, je n'arrive plus à bouger la barre qui monte et déscend oo et quand je poste un truc dessu, tout le contenu se met à buger, les écritures sont l'une dans l'autre ...
    Anonymous
    Invité

    Mer 30 Nov 2011 - 21:57

      Tu peux me repasser ton code de page d'accueil ?
      Et dis-moi si ça fonctionne correctement ici
    avatar
    AQW
    FémininAge : 30Messages : 225

    Mer 30 Nov 2011 - 21:59

    Sur ton fow, ça marche bien.

    le code :

    Code:
    <div style="margin:auto;align:center;width:100%;">
    <table border="0" cellspacing="2" width="700">
      <tbody><tr>
        <td width="350"><div class="bloc"><br><center><img src="http://i45.servimg.com/u/f45/16/85/52/01/meeuuh10.jpg"></center><br>
    <br><br><center><div style="TEXT-ALIGN: justify; WIDTH: 320px; PADDING-LEFT: 5px;PADDING-RIGHT: 10px; FONT-FAMILY: arial; HEIGHT: 120px; OVERFLOW: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</div></center></div></td>

        <td width="350"><div class="bloc"><br><center><img src="http://i45.servimg.com/u/f45/16/85/52/01/sans_t10.jpg"><br><br>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>
    <br>
    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>



    <br><br>

    <img src="http://i45.servimg.com/u/f45/16/85/52/01/sans_t10.jpg"><br><br><div style="TEXT-ALIGN: justify; WIDTH: 320px; PADDING-LEFT: 5px;PADDING-RIGHT: 10px; FONT-FAMILY: arial; HEIGHT: 100px; OVERFLOW: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</div></center></div></td>


      </tr>
    </tbody></table></div>

    <br><div class="bloc1"><span><marquee behavior="scroll" scrollamount="1"><a href="URL PARTENAIRE"><img src="http://img11.hostingpics.net/pics/297399yutopia2.png"></a></marquee></span></div>
    <br><br>
    <table style="position: fixed; bottom: 50px; left: 0px;background-color: #none;z-index:10000;"><tbody><tr><td><iframe src="http://www.i-tchat.com/shoutbox/shoutbox.php?idShoutbox=99800" id="chatboxpop" style="width: 250px; height: 350px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom;"><img src="http://i41.servimg.com/u/f41/16/61/97/52/98716410.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i41.servimg.com/u/f41/16/61/97/52/98716410.png')?'block':'none';this.src=(this.src=='http://i41.servimg.com/u/f41/16/61/97/52/98716410.png')?'http://i41.servimg.com/u/f41/16/61/97/52/25736810.png':'http://i41.servimg.com/u/f41/16/61/97/52/98716410.png';"></td></tr></tbody></table>

    EDIT : CSS :

    Code:
    table
    {
    width: 95%;
    margin: auto;
    }


    .secondarytitle
    {
    letter-spacing: 2px;
    font-family: courier;
    font-variant: small-caps;
    text-shadow: 1px 1px 0px #000000;
    }

    a.forumlink
    {
    display: block;
    border-bottom: 1px solid lightblue ; */Ligne au dessous du titre/*
    padding-left: 10px;
    margin-left: 10px;
    font-size: 24px;
    font-family: courier;
    font-weight: bold;
    text-shadow: 0px 0px 1px #000000;
    transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }

    a.forumlink:hover
    {
    display: block;
    border-bottom: 1px solid #6B84B3; */ligne au dessous du titre au passage de la souris/*
    font-style: italic;
    padding-left: 100px;
    transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }

                /* -- Opacite -- */
           
            .bodyline
            {
            opacity : 0.8;
            }
     
     
    a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumlink {text-decoration: none;}
    a.forumlink:hover {text-decoration: none!important;}
    a.topiclink {text-decoration: none; }
    a.topiclink:hover {text-decoration: none!important; }
     

                      /*--- Cette partie correspond à la description du forum ---*/
            .forum-description {
                  margin: auto;
                  padding: 10px;
                  color: lightblue;
                  width: 80%;
                  border: 3px solid lightblue;
                  -moz-border-radius: 14px;
                  -webkit-border-radius: 14px;
                  font-size: 12px;
            }
           
         
           
         
       

           
       
               

    #conteneur_onglets
    {
      width: 100%;
      display: none;
      margin-top: 20px;
      text-align: center;
      border-collapse: collapse;
    }


    #conteneur_onglets td
    {
      cursor: pointer;
    }

    .actif
    {
      background: transparent;
    }


            .bodyline {
            border: 5px solid #FFFFFF;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;}
     
              .forumline {
        border: 5px solid #000000;
            border: 10px solid #F2EEE4;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;}
     
     
              .chatbox_row_1,.chatbox_row_2 {
            background-color:transparent;
            padding:4px;
            }
     
     
    body.chatbox {
        background-color:#F2EEE4;
    }
     
     
      #chatbox_header .cattitle strong { display: none; }
    #chatbox_header .cattitle:before { content: "ChatBox =)"; }
     
      #chatbox_header .catBottom .cattitle {
        color: #FFB6C1;
    }
     
     
     
    .profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
    {background-color: #couleur;
    border: 1px solid #couleur;
    font-size: 9px;
    letter-spacing: 1px;}

    .profil1/*ceci s'appliquera au bouton*/
    {width: 200px;
    background-color: #couleur;
    border: none;
    font-size: 9px;
    letter-spacing: 1px;
    font-weight: bold;}
     
     
    .description
    {
        height: 100px;
        width: 300px;
        float: right;
        overflow-y: scroll;
    }
     
     
    .statistiques{
    border:0px;
    background-image: url("[color=green]LIEN IMAGE DU HAUT[/color]");
    background-repeat: no-repeat;
    background-position: center;
    height:270px;}

    .groupes{
    background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}

     
      .postdetails.poster-profile img {border:9px solid white;
      -moz-border-radius : 5px 5px 5px 5px;}
     
     
     
     
     
     
     
     
     
     .bloc{ /* Pour configurer les deux blocs de la PA */
      height: 400px; /* Pour qu'ils aient la même hauteur */
    background-color:#FFEFD6; /* Couleur */
    color:#000000;}

    .widget{ /* Ta box */
    height :350px; /* Hauteur du bloc (ça ne se voit pas comme la box fait la même taille, mais tu as un cadre rose en-dessous) */
      width:250; /* Largeur */
      Top : 200px; /* A combien de pixels du haut du forum tu souhaites que ta box soit placée */
      position:fixed; /* Pas toucher ou ça casse tout xD */
      Right : 10px; /* A combien de pixels de la droite tu souhaites que ta box soit placée */
    }

    .bloc1{ /* Bloc des partenaires */
      width: 700px; /* Largeur */
      align: center;
    background-color:#FFEFD6;
    color:#000000;
    padding: 3px;}

    a.imginfo { /* Info-Bulle */
      position: relative;
      color: #7d7d7d; /* Couleur de la police */
      text-decoration: none;
      border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
    }

    a.imginfo span {
      display: none; /* on masque l'infobulle */
    }
    a.imginfo:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }
    a.imginfo:hover span {
      display: inline; /* on affiche l'infobulle */
      position: absolute;
      white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
      top: 0px; /* on positionne notre infobulle */
      left: 20px; /* Pour décaler ta bulle de x pixels vers la gauche à partir de ton image de base */
      background: #F5EEE1;
      color: #000000;
      padding: 3px;
      border: 0px solid #EFDEC7; /* Les bordures */
      border-left: 5px solid #EFDEC7;
      border-right: 3px solid #EFDEC7;
      border-top: 3px solid #EFDEC7;
      border-bottom: 5px solid #EFDEC7;
    }
    Anonymous
    Invité

    Mer 30 Nov 2011 - 22:20

      Il y avait des erreurs dans ton CSS qui coinçaient tout :

      Code:
      .secondarytitle
      {
      letter-spacing: 2px;
      font-family: courier;
      font-variant: small-caps;
      text-shadow: 1px 1px 0px #000000;
      }

      a.forumlink
      {
      display: block;
      border-bottom: 1px solid lightblue ; /*Ligne au dessous du titre*/
      padding-left: 10px;
      margin-left: 10px;
      font-size: 24px;
      font-family: courier;
      font-weight: bold;
      text-shadow: 0px 0px 1px #000000;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      }

      a.forumlink:hover
      {
      display: block;
      border-bottom: 1px solid #6B84B3; /*ligne au dessous du titre au passage de la souris*/
        font-style: italic;
      padding-left: 100px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      }
               
       
       
      a {text-decoration: none;}
      a:link {text-decoration: none;}
      a:hover {text-decoration: none!important;}
      a.forumlink {text-decoration: none;}
      a.forumlink:hover {text-decoration: none!important;}
      a.topiclink {text-decoration: none; }
      a.topiclink:hover {text-decoration: none!important; }
       

                        /*--- Cette partie correspond à la description du forum ---*/
              .forum-description {
                    margin: auto;
                    padding: 10px;
                    color: lightblue;
                    width: 80%;
                    border: 3px solid lightblue;
                    -moz-border-radius: 14px;
                    -webkit-border-radius: 14px;
                    font-size: 12px;
              }
           
         
           
         
       

           
       
               

      #conteneur_onglets
      {
        width: 100%;
        display: none;
        margin-top: 20px;
        text-align: center;
        border-collapse: collapse;
      }


      #conteneur_onglets td
      {
        cursor: pointer;
      }

      .actif
      {
        background: transparent;
      }


              .bodyline {
              border: 5px solid #FFFFFF;
              -moz-border-radius: 30px;
              -webkit-border-radius: 30px;}
       
                .forumline {
          border: 5px solid #000000;
              border: 10px solid #F2EEE4;
              -moz-border-radius: 30px;
              -webkit-border-radius: 30px;}
       
       
       
      .profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
      {background-color: #couleur;
      border: 1px solid #couleur;
      font-size: 9px;
      letter-spacing: 1px;}

      .profil1/*ceci s'appliquera au bouton*/
      {width: 200px;
      background-color: #couleur;
      border: none;
      font-size: 9px;
      letter-spacing: 1px;
      font-weight: bold;}
       
       
      .description
      {
          height: 100px;
          width: 300px;
          float: right;
          overflow-y: scroll;
      }
       
       
      .statistiques{
      border:0px;
      background-image: url("[color=green]LIEN IMAGE DU HAUT[/color]");
      background-repeat: no-repeat;
      background-position: center;
      height:270px;}

      .groupes{
      background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
      -moz-border-radius : 5px 5px 5px 5px;
      height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
      font-size:15px;font-weight: bold;text-align:center;
      text-decoration: none !important;}

       
        .postdetails.poster-profile img {border:9px solid white;
        -moz-border-radius : 5px 5px 5px 5px;}
       
       
       
       
       



       
       
       
       
       .bloc{ /* Pour configurer les deux blocs de la PA */
        height: 400px; /* Pour qu'ils aient la même hauteur */
      background-color:#FFEFD6; /* Couleur */
      color:#000000;}


      .bloc1{ /* Bloc des partenaires */
        width: 700px; /* Largeur */
        align: center;
      background-color:#FFEFD6;
      color:#000000;
      padding: 3px;}

      a.imginfo { /* Info-Bulle */
        position: relative;
        color: #7d7d7d; /* Couleur de la police */
        text-decoration: none;
        border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
      }

      a.imginfo span {
        display: none; /* on masque l'infobulle */
      }
      a.imginfo:hover {
        background: none; /* correction d'un bug IE */
        z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
      }
      a.imginfo:hover span {
        display: inline; /* on affiche l'infobulle */
        position: absolute;
        white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
        top: 0px; /* on positionne notre infobulle */
        left: 20px; /* Pour décaler ta bulle de x pixels vers la gauche à partir de ton image de base */
        background: #F5EEE1;
        color: #000000;
        padding: 3px;
        border: 0px solid #EFDEC7; /* Les bordures */
        border-left: 5px solid #EFDEC7;
        border-right: 3px solid #EFDEC7;
        border-top: 3px solid #EFDEC7;
        border-bottom: 5px solid #EFDEC7;}

      Quand tu veux mettre du texte pour expliquer, fais bien attention à l'ordre : /* TEXTE */ Sinon ça fait une faute =3

    avatar
    AQW
    FémininAge : 30Messages : 225

    Jeu 1 Déc 2011 - 13:07

    Coucou, alors, j'ai remis les codes que tu m'avait retiré sans faire exprès, ou bien qui s'étaient retiré tout seuls Oo Enfin... Tu voit de quoi je parle puisqu'on en a parler hier soir sur la SB.

    Mais, ça refait buger la SB, qui reprend les premiers problèmes. A savoir :

    -Mauvais fonctionnement ;
    -écritures qui se chevauches ;
    -mauvais alignement ;
    -ouverture, mais mauvaise fermeture ;

    etc.

    J'ai envie de te dire de laisser tomber la SB XD par ce que si moi ça m'agace, toi encore plus puisque c'est toi qui code en grande partie. Et j'avoue être très chia... Pour tout ces trucs là donc bon XD
    Noter aussi que c'est ma toute première commande depuis un ans que je fait des forums, donc bon...

    Donc au choix, si tu veux toujours essayé de vaincre cette SB, je te suit, mais sinon ont laisse tomber, la SB n'était pas si importante, c'est surtout pour être à la mode que j'ai fait ça.
    Anonymous
    Invité

    Jeu 1 Déc 2011 - 18:40

      Décidément =/ Je jette l'éponge, je vois pas ce qui cloche ...
      Mais attends un peu, Taktiik est un as, il trouvera sûrement Wink
    avatar
    AQW
    FémininAge : 30Messages : 225

    Jeu 1 Déc 2011 - 19:09

    J'vais pas l'embété avec ça Wink il à déjà des choses à faire. C'pas grave, merci quand même pour tout Very Happy
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Jeu 1 Déc 2011 - 19:13

    Aloha~~
    Il semblerait que mon pseudo a été évoqué, alors ma lumière dans le ciel s'est allumée et VLAN, me voilà xD
    J'ai vu le problème donc et j'vais essayer de le résoudre ce soir, sinon ce sera demain :s

    Voilà tout~~
    Taktiik.

    Anonymous
    Invité

    Jeu 1 Déc 2011 - 19:17

      C'est quand même embêtant =/

      Merci Taktiik, on t'aime ♥
    avatar
    AQW
    FémininAge : 30Messages : 225

    Jeu 1 Déc 2011 - 19:26

    Bon x) mercii =D
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 3 Déc 2011 - 15:57

    Niahaha X_X

    J'suis un peu perdu avec tous les codes du sujets, donc Est ce que l'une de vous deux pourrait me faire un bref résumé de ce qui va pas et me passer les codes :3 ?
    Je lui ferais des poutous partout Very Happy !

    Cordialement~~
    Taktiik.

    avatar
    AQW
    FémininAge : 30Messages : 225

    Sam 3 Déc 2011 - 17:58

    Alors The résumé :

    J'ai fait une commande pour avoir une PA ici : http://yutopia.forumgratuit.org/
    (mon forum RPG)
    Hallo à gentilment répondu à ma demande, et m'a crée un beau code à placé dans la PA :

    Code:
    <div style="margin:auto;align:center;width:100%;">
    <table border="0" cellspacing="2" width="700">
      <tbody><tr>
        <td width="350"><div class="bloc"><br><center><img src="http://i45.servimg.com/u/f45/16/85/52/01/meeuuh10.jpg"></center><br>
    <br><br><center><div style="TEXT-ALIGN: justify; WIDTH: 320px; PADDING-LEFT: 5px;PADDING-RIGHT: 10px; FONT-FAMILY: arial; HEIGHT: 120px; OVERFLOW: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</div></center></div></td>

        <td width="350"><div class="bloc"><br><center><img src="http://i45.servimg.com/u/f45/16/85/52/01/sans_t10.jpg"><br><br>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>
    <br>
    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

    <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img11.hostingpics.net/pics/189860blank10.png"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">TEXTE PRINCIPAL</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i45.servimg.com/u/f45/16/85/52/01/img_st11.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">TEXTEDANSBULLE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>



    <br><br>

    <img src="http://i45.servimg.com/u/f45/16/85/52/01/sans_t10.jpg"><br><br><div style="TEXT-ALIGN: justify; WIDTH: 320px; PADDING-LEFT: 5px;PADDING-RIGHT: 10px; FONT-FAMILY: arial; HEIGHT: 100px; OVERFLOW: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin.</div></center></div></td>


      </tr>
    </tbody></table></div>

    <br><div class="bloc1"><span><marquee behavior="scroll" scrollamount="1"><a href="URL PARTENAIRE"><img src="http://img11.hostingpics.net/pics/297399yutopia2.png"></a></marquee></span></div>
    <br><br>
    <table style="position: fixed; bottom: 50px; left: 0px;background-color: #none;z-index:10000;"><tbody><tr><td><iframe src="http://www.i-tchat.com/shoutbox/shoutbox.php?idShoutbox=99800" id="chatboxpop" style="width: 250px; height: 350px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom;"><img src="http://i41.servimg.com/u/f41/16/61/97/52/98716410.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i41.servimg.com/u/f41/16/61/97/52/98716410.png')?'block':'none';this.src=(this.src=='http://i41.servimg.com/u/f41/16/61/97/52/98716410.png')?'http://i41.servimg.com/u/f41/16/61/97/52/25736810.png':'http://i41.servimg.com/u/f41/16/61/97/52/98716410.png';"></td></tr></tbody></table>

    Et un code CSS à placé bha dans ... Le CSS oo :

    Code:
    .bloc{ /* Pour configurer les deux blocs de la PA */
      height: 400px; /* Pour qu'ils aient la même hauteur */
    background-color:#FFEFD6; /* Couleur */
    color:#000000;}


    .bloc1{ /* Bloc des partenaires */
      width: 700px; /* Largeur */
      align: center;
    background-color:#FFEFD6;
    color:#000000;
    padding: 3px;}

    a.imginfo { /* Info-Bulle */
      position: relative;
      color: #7d7d7d; /* Couleur de la police */
      text-decoration: none;
      border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
    }

    a.imginfo span {
      display: none; /* on masque l'infobulle */
    }
    a.imginfo:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }
    a.imginfo:hover span {
      display: inline; /* on affiche l'infobulle */
      position: absolute;
      white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
      top: 0px; /* on positionne notre infobulle */
      left: 20px; /* Pour décaler ta bulle de x pixels vers la gauche à partir de ton image de base */
      background: #F5EEE1;
      color: #000000;
      padding: 3px;
      border: 0px solid #EFDEC7; /* Les bordures */
      border-left: 5px solid #EFDEC7;
      border-right: 3px solid #EFDEC7;
      border-top: 3px solid #EFDEC7;
      border-bottom: 5px solid #EFDEC7;}

    A la base, la SB devait être dans la PA, mais comme ça déformait tout le forum pour ceux qui avaient des petits ordi (donc moi et quelques amies), bha j'ai décidé de la mettre sur le côté, comme une CB, tout en gardant celle ci en bas du forum. Donc Hallo à essayé de me crée un code, mais il plante, voit par toi même sur Yutopia.

    Voilà, si tu veusx plus de détails hésite pas =)
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 3 Déc 2011 - 18:09

    Okidou ~~

    On ne peut faire plus clair que ça x)
    Je m'y penche dès que possible, genre ... dans quelques minutes Very Happy !

    Cordialement~~
    Taktiik.

    avatar
    AQW
    FémininAge : 30Messages : 225

    Sam 3 Déc 2011 - 18:19

    Merci Tak' =D
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Lun 5 Déc 2011 - 0:05

    Aloha !!

    J'ai testé sur un forum test et le code Halloween est parfait ._.
    [Non pas que j'en doutais mon une petite erreur se glisse facilement ;D]

    Donc à partir de là, deux choix s'opposent à moi :

    • 1/ Dans ton CSS, tu pourrais avoir un truc qui influe sur la SB, or, je ne pense pas puisqu'elle est générée par un iframe
    • 2/ Tu as un code Javascript qui influe sur la SB, et là, il s'agirait de celui pour les onglets catégories.
      Donc fait un test : Désactive le code pour les catégories onglets et regarde si ça marche, normalement, ta SB devrait fonctionner, sinon, je suis séché et j'ai pas vraiment d'autres idées :s


    Cordialement~~
    Taktiik.

    avatar
    AQW
    FémininAge : 30Messages : 225

    Lun 5 Déc 2011 - 0:53

    Merci d'avoir pris du temps pour ma commande Tak' \o

    J'ai essayé il y a quelques temps, et quand on retire le CSS, ça marche, mais bon, après ça retire des trucs important, donc je pense que je vais juste retiré la SB simplement x) tant pis, merci quand même :)
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Lun 5 Déc 2011 - 13:01

    Sinon dernier conseil avant d'archiver la commande, essaie de retirer chaque balise CSS pour voir celle qui gène.
    Dès que tu l'auras identifié, essaie de retirer chaque propriété les unes après les autres et tu verras celle qui empêche le bon affichage ^^"


    Merci d'avoir passé commande sur Never Utopia et par conséquent d'avoir fait confiance à ses services.
    Tu n'oublieras pas, si ce n'est pas déjà fait, d'appliquer un crédit pour la personne qui s'est chargée de ton codage =)


    Commande terminée et archivée puisque le bouton résolu est coché~~
    Taktiik.

    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 19:28