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 :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G ...
Voir le deal
599 €

    (HALLOW) P.A : de style amazonienne

    Filou
    Filou
    FémininAge : 33Messages : 162

    Sam 5 Juil 2014 - 23:07

    Ma demande



    Bonjour

    Le demande que je vais faire est un peu "osé", je veux dire avec plusieurs éléments images PNG à intégré avec le code texte.
    Suite à ma première demande, j'ai voulus me débrouiller seule avec ce code avec mes faibles connaissance dans l'art du codage, et comme je le pensais je n'y arrive pas, cela fait deux semaines que je tente plusieurs tentatives qui se révèle "défectueux" ou pas cadrer comme je le voudrais.

    Encore une fois, j'ai besoin de votre aide.
    Ma demande est pour le même forum, je cherche à faire un P.A à l'image de l'univers dans lequel est plongé mon forum , adresse : http://tlk-bloodcurseds.forumactif.org/

    Schéma(s) et Eléments
    Schémas : Le schéma avec tous les éléments (le fond de couleur est celui du forum) : https://2img.net/r/hpimg15/pics/92719413PA.png
    Tailles des éléments : Contexte : Taille 771x188 pixel
    Navigation : Taille 194x228 pixel
    Annonces : Taille 237x228 pixel
    Tops-sites : Taille 287x92 pixel
    Prédéfinis : Taille 287x92 pixel
    Partenariats : Taille 775x70 pixel
    Tailles des images Prédéfinis (t40x70 pixel) : https://2img.net/r/hpimg15/pics/45745540x70px.png
    Tailles des images Partenariats (100x35 pixel) : https://2img.net/r/hpimg15/pics/923111100x35px.png
    Images Tops-sites (30x29 pixel) : https://2img.net/r/hpimg15/pics/36604430x29px.png
    Image Staff : https://2img.net/r/hpimg15/pics/115687imagestaff.png
    Effets voulus : Est-il possible de faire une transitions avec deux images de l'hyppopotame, quand il ferme la bouche et qu'il l'ouvre en moment où la souris de dessus et faire apparaître le Staff comme s'il sortait de la bouche de l'animal en les faisant glisser sur la droite de quelques centimètre.
    Voici les deux images : https://2img.net/r/hpimg15/pics/346481Hippo1.png et https://2img.net/r/hpimg15/pics/907645Hippo2.png

    Ressources
    Voici les images à rajouter dans la P.A :
    Image au-dessus du contexte (500x320 pixel) : https://2img.net/r/hpimg15/pics/951077Vautour.png
    Image sur le côté gauche ( 239x798 pixel): https://2img.net/r/hpimg15/pics/493530Branche.png

    Autres précisions ?
    Le fond couleur des cadres est #A28D62 et le contour #435929. La Police des titre est DejaVu Serif Condensed bold Italic. Voilà, je crois que j'ai tous donner.
    Je vous remercie d'avoir suivit ce message jusqu'ici et d'y avoir prêtez un peu d'attention
    Bonne journée/soirée.


    Dernière édition par Filou le Mer 9 Juil 2014 - 14:46, édité 2 fois
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Lun 7 Juil 2014 - 11:15

    Petit up
    • Revenir en haut
    Anonymous
    Invité

    Lun 7 Juil 2014 - 11:31

    Hey !

    Je tente, par contre je n'ai pas trouvé ta police sur Google Font, ce serait bien d'en fournir une qui y soit présente sans quoi les personnes ne l'ayant pas installé ne la verront pas =$
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Lun 7 Juil 2014 - 11:51

    Bonjour,

    Ah désolé, je pensais que Serif Condensed serait présent dans la liste ...
    Alors la remplacer par Lemon (by Eduardo Tunni) ou Oleo Script (by soytutype fonts) ^^

    Merci d'avoir lu ma demande et de la tenter :3
    • Revenir en haut
    Anonymous
    Invité

    Lun 7 Juil 2014 - 21:46

    Voila le résultat : www.
    Par contre je n'ai pas respecté toutes les tailles que tu avais demandées, sinon la PA prenait tout le forum =O
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Lun 7 Juil 2014 - 22:35

    Wooh quelle rapidité °o°
    Sinon je comprend au niveau des tailles, je viens de remarque (il y a deux heures à peine) la taille qu'elles font. J'aurais pas dû me fié à Photoshop ...

    En tous cas je suis impressionnée *o*
    • Revenir en haut
    Anonymous
    Invité

    Lun 7 Juil 2014 - 22:37

    Ca veut dire que ça te convient ? xD
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Lun 7 Juil 2014 - 22:42

    Est-ce qu'il y un moyen pour que les titres soit pas barré par le contour des cadres ?
    Sinon ça me va ^-^
    • Revenir en haut
    Anonymous
    Invité

    Lun 7 Juil 2014 - 22:48

    C'est quelque chose que je galère à faire xD
    Par contre j'ai vu que sur ta PA actuel ça avait fonctionné, je peux avoir ton CSS histoire d'essayer de voir ce qui le permet ?
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Lun 7 Juil 2014 - 22:54

    Bien-sur :3
    le voici :
    Code:
    bouton-profil {
        cursor: pointer; /* curseur au survol */
        margin: 2px 0; /* petite marge en haut et en bas */
        padding: 2px; /* espacement entre le texte et la bordure */
        text-align: center; /* centrage du texte dans le bloc */
      /* -- mise en forme -- */
      background: #505050; /* couleur de fond */
      border-radius: 5px, 5px, 5px, 5px; 
      border: 2px solid #303030; /* bordure*/
        color: #FFFFFF; /* couleur texte */
        font-size: 11px; /* taille du texte */
        font-variant: small-caps; /* effet petites majuscules */
        font-weight: bold; /* effet gras */
        letter-spacing: 2px; /* espace entre les lettres */
      with: 150px;

    }

    .profil-cache {
      border: 1px solid #303030;
            border-radius: 0px 0px 6px 6px;
            box-shadow : 0px 0px 2px #000000;
      margin: 2px 0;
        padding: 2px;
      with: 150px;
      color: #FFFFFF;
    }

    div.infobulle {
      position: relative; /* on définit le bloc comme élément de référence */
      cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
    }

    div.infobulle > div{
      display: none; /* ceci masque l'infobulle */
    }

    div.infobulle:hover {
      background: none; /* correction d'un bug IE */
      z-index: 500; /* on s'arrange pour que notre bloc soit au dessus des autres en cas de conflit */
    }

    /* Lorsqu'on survole le contenu du bloc */
    div.infobulle:hover > div{
      display: block; /* ceci affiche l'infobulle (on peut aussi utiliser inline au lieu de block) */

      /* on positionne notre infobulle par rapport au bloc conteneur */
      position: absolute;
      top: 5px; /* 5px par rapport au haut du bloc .infobulle */
      left: 15px; /* 15 px par rapport à la gauche du bloc .infobulle */

      /* Et puis on rajoute tous les éléments de mise en forme de l'infobulle */
      background: #ebebeb; /* arrière-plan de l'infobulle */
      color: black; /* texte dans l'infobulle */
      padding: 3px; /* marges internes par rapport aux bords */
      /* bordures de votre infobulle*/
      border: 1px dotted black;
    }

    .code {
       
        background: -moz-linear-gradient(bottom, #C9C9C9, #DDDDDD);
        background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#C9C9C9));
        border: 1px #000000 solid;
        margin: 2px 0;
        border-radius: 10px 10px 10px 10px;
        box-shadow : 0px 0px 2px #000000;
        text-shadow : 0px 0px 1px #000000;
        color: #565656;
    }

    .quote {
     
        background: #00001E;
        border-left: 2px #00B2FF solid;
        border-right: 2px #00B2FF solid;
        border-top: 2px #00B2FF solid;
        margin: 2px 0;
        border-radius: 15px 15px 15px 15px;
        color: #00B2FF;
       
    }

    .onglet
            {
                    display:inline-block;
                    margin : auto;
                    padding:2px;
                    font-variant:small-caps;
                  font-family : Verdana;
            }

            .onglet_0 {
      border-radius : 10px 10px 0px 0px;
      background : #6d1c22;
      color : white;
      height : 18px;
      width : 150px;
      font-size : 14px;
    }

            .onglet_1 {
      border-radius : 10px 10px 0px 0px;
      background : #8a292f;
      color : white;
      height : 18px;
      width : 150px;
      font-size : 14px;
    }

            .contenu_onglet {
      background:#6d1c22;
      padding:5px;
      display:none;
      border-radius : 30px;
      height : 300px;
      width : 700px;
      overflow : auto;
      -moz-transition : background 1s;
      -webkit-transition : background 1s;
      border : 1px dotted black;
            }

            .titres {
      text-align : center;
      color : white;
      text-shadow : 0px 0px 5px white;
      text-transform : uppercase;
      font-size : 20px;
      font-family : Calibri;
    }
     
            .descriptionsforum {
      width : 500px;
      height : 200px;
      background : #8a292f;
      overflow : auto;
      border : 2px solid black;
      border-radius : 10px;
      padding : 6px;
      text-align : justify;
      font-variant : small-caps;
      font-family : Calibri;
    }

          .cadres {
      width : 320px;
      height : 200px;
      background : #8a292f;
      overflow : auto;
      border : 2px solid black;
      border-radius : 10px;
      padding : 6px;
      text-align : justify;
      font-variant : small-caps;
      font-family : Calibri;
    }

            .tableau {
      width : 150px;
      height : 200px;
      background : #8a292f;
      overflow : auto;
      border : 2px solid black;
      border-radius : 10px;
      padding : 6px;
      text-align : center;
    }

    a.info{
    position:relative;
    z-index:24;
    color : black;
    text-decoration:none
    }
     
    a.info:hover{
    z-index : 25;
    background :#FFF
    }
     
    a.info span{
    display: none
    }
     
    a.info:hover span{
    display:block;
    position:absolute;
    border:1px solid #000;
    background : rgba(255,255,255,0.2);
    color:#000;
    text-align: justify;
    font-weight:none;
    top : -105px;
    left : 0px;
    width : 113px;
    height : 113px;
    padding : 3px;
    }
     
            .partenaires {
    opacity : 0.5;
    -moz-transition : opacity 1s;
    -webkit-transition : opacity 1s;
    }
            body{
            background-position: top center;
            }
    .partenaires:hover {
    opacity : 1;
    }
    .pres_clan {
    margin:auto;
    display:block;
    text-align:right;
    width:540px;
    font-style:smallcaps;
    font-size:30px;
    color:black;
    letter-spacing:5px;
    padding:5px;
    font-family: 'Droid Serif', serif;
    }

    .fond_clan {
    margin:auto;
    width:550px;
    height:320px;
    border-radius:50px;
    border:7px solid #3A2614;
    background-color:#75583D;
    box-shadow: 3px 3px 5px black;
    }

    .image_clan {
    display:inline-block;
    width:200px;
    height:320px;
    overflow:hidden;
    border-top-left-radius:43px;
    border-bottom-left-radius:43px;
    }

    .ligne_clan {
    display:inline-block;
    border-right:7px solid #3A2614;
    border-left:7px solid #3A2614;
    height:320px;
    width:5px;
    }

    .fond_texte_clan {
    display:inline-block;
    height:310px;
    width:320px;
    }

    .titre_clan {
    display:block;
    padding:0px;
    text-align:center;
    font-size:26px;
    color:black;
    font-family: 'Droid Serif', serif;
    }

    .texte_clan {
    display:block;
    color:black;
    padding-left:10px;
    padding-right:10px;
    width:300px;
    overflow:auto;
    height:185px;
    font-family: 'Droid Serif', serif;
    }

    .fond_clan_hist {
    margin:auto;
    width:550px;
    border-radius:50px;
    border:7px solid #3A2614;
    background-color:#75583D;
    box-shadow: 3px 3px 5px black;
    }

    .titre_clan_hist {
    border-bottom:7px solid #3A2614;
    font-size:30px;
    display:block;
    text-align:center;
    padding:10px;
    font-family: 'Droid Serif', serif;
    color:black;
    }

    .texte_clan_hist {
    display:block;
    text-align:justify;
    font-size:12px;
    padding:10px;
    font-family: 'Droid Serif', serif;
    color: black;
    }

    Cependant, j'ignore si ça ce trouve là dedans ...
    • Revenir en haut
    Anonymous
    Invité

    Lun 7 Juil 2014 - 22:57

    Non en effet ... et le code de la PA actuelle ? Le CSS y est peut-être intégré.
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Lun 7 Juil 2014 - 22:59

    Ah j'ai trouvé c'est le code "fieldset"

    [Edit : <*fieldset class="pa_table_2"><*/fieldset>] sans les étoiles
    • Revenir en haut
    Anonymous
    Invité

    Lun 7 Juil 2014 - 23:08

    Nop, ce n'est pas ça =3
    Mais c'est un début de piste, j'avais repéré le "pa_table_2" avec le module de Firefox, mais sans le code complet c'est hard =$
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Lun 7 Juil 2014 - 23:23

    Essaye avec :
    Code:
    <fieldset class="pa_table_2"><legend class="pa_titre_2"><span style="font-size: 13px;"><span style="font-family: Komika Axis;">Titre ici</span></span></legend></fieldset>
    • Revenir en haut
    Anonymous
    Invité

    Mar 8 Juil 2014 - 11:56

    En fait comme j'essaie de te le faire comprendre depuis mes derniers posts c'est que je ne peux rien faire juste avec ça, puisque les class n'ont pas les "morceaux" qui vont avec, ça irait plus vite si tu me passais le code complet  Rolling Eyes 
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Mar 8 Juil 2014 - 12:06

    Je pensais t'aider et te faire gagner du temps en te donnant le code des cadres sans le texte, mais je suis tromper visiblement. Désolé. Si tu en as vraiment besoin pour te repéré, le voilà :

    Code:
    <span class="pa_font"><br /></span>
    <center>
       <div style="border-top:font-size: 12px;text-align : center ;font-weight: bold;letter-spacing: 1px;font-variant: small-caps;">
          <img src="http://img15.hostingpics.net/pics/217507Rafikidcor2.png" style="width: 660px; height: 480px;" />
          <p>
             <span style="font-size: 13px;"><strong>Contexte : La vie continue, bien après le règne de Kiara et Kovu. </strong></span>
          </p>
          <div align="justify">
             <p>
                <span style="font-size: 13px;">
                </span>
             </p>
             <blockquote>
                Les BloodCursed, une race de hyène plus grandes et plus terrifiantes que leur congénère, font marche vers la Terre des Lions avec la ferme attention de s'en emparer. C'est Abi, un jeune lion qui à reprit les rênes de Prideland à la mort du Monarque. Roi sans expérience et père de deux lionceaux, il est appuyé par le soutient de sa famille pour lui apprendre le rôle d'un roi. Mais il va devoir faire face à une menace plus grande qu'un querelle entre les girafes et les éléphants ...<a rel="nofollow" target="_blank" class="postlink" href="http://rpg-thelionking.forumactif.org/t9-contexte-histoire">Lire la suite ?</a>
                <p>
                </p>
             </blockquote>
          </div>
       </div>
    </center><span class="pa_font"></span>
    <table style="width: 900px;" align="center">
       
    </table><span class="pa_font">       </span>
    <table>
       <tbody>
          <tr>
             <td style="width: 180px;">
                <fieldset class="pa_table_nav"><legend class="pa_titre_2"></legend><span style="font-size: 13px;"></span><span style="font-family: Komika Axis;"></span>Navigation</fieldset>
                <table>
                   <tbody>
                      <tr>
                         <td class="pa_font_nav">
                            - <a href="http://tlk-bloodcurseds.forumactif.org/t1-reglements">Règlement</a><br />- <a href="http://tlk-bloodcurseds.forumactif.org/t9-contexte-histoire">Contexte</a><br />- <a href="http://tlk-bloodcurseds.forumactif.org/f34-predefinis">Prédéfinis</a><br />- <a href="http://tlk-bloodcurseds.forumactif.org/t5-modele-de-presentation">Modèle de Présentation</a><br />- <a href="http://tlk-bloodcurseds.forumactif.org/t11-les-differents-clans">Les clans</a><br />
                         </td>
                      </tr>
                   </tbody>
                </table><fieldset class="pa_table_nav"></fieldset>
             </td>
             
             <td>
                <fieldset class="pa_table_2"><legend class="pa_titre_2"></legend><span style="font-size: 13px;"></span><span style="font-family: Komika Axis;"></span>Annonces*<strong></strong>16/03/2014 : Ouverture du Forum (Recherche Staff). </fieldset>
                <div>
                    *Inscription ouvert
                </div><fieldset class="pa_table_2"></fieldset>
                <div>
                   *<strong>22/03/2014 :</strong> Renovation de la Page d'accueil
                </div><fieldset class="pa_table_2"></fieldset>
                <div>
                   *<strong>23/03/2014 :</strong> Mise en place des boutons et de la fiche partenaires
                </div><fieldset class="pa_table_2"></fieldset>
                <div>
                   *<strong>31/03/2014 :</strong> Modification du forum
                </div><fieldset class="pa_table_2"><br /></fieldset>
             </td>
             <td style="width: 350px;">
                <fieldset class="pa_table_2"><legend class="pa_titre_2"></legend><span style="font-size: 13px;"></span><span style="font-family: Komika Axis;"></span>Préféfinis à prendre</fieldset>
                <marquee scrollamount="3" direction="left">
                   <a onmouseout="if (document.images) document.banner2.src='http://img11.hostingpics.net/pics/5096405846.png';" onmouseover="if (document.images) document.banner2.src='http://img11.hostingpics.net/pics/5096405846.png';" href="http://tlk-bloodcurseds.forumactif.org/t15-predefinis-lions-clan-prideland"><img id="banner2" class="pa_predefinis" src="http://img11.hostingpics.net/pics/5096405846.png" /></a>  <a onmouseout="if (document.images) document.banner3.src='http://img11.hostingpics.net/pics/2230792591.png';" onmouseover="if (document.images) document.banner3.src='http://img11.hostingpics.net/pics/2230792591.png';" href="http://tlk-bloodcurseds.forumactif.org/t15-predefinis-lions-clan-prideland"><img id="banner3" class="pa_predefinis" src="http://img11.hostingpics.net/pics/2230792591.png" /></a>  <a onmouseout="if (document.images) document.banner4.src='http://img11.hostingpics.net/pics/7781931548.png';" onmouseover="if (document.images) document.banner4.src='http://img11.hostingpics.net/pics/7781931548.png';" href="http://tlk-bloodcurseds.forumactif.org/t15-predefinis-lions-clan-prideland"><img id="banner4" class="pa_predefinis" src="http://img11.hostingpics.net/pics/7781931548.png" /></a>  <a onmouseout="if (document.images) document.banner5.src='http://img11.hostingpics.net/pics/2803226587.png';" onmouseover="if (document.images) document.banner5.src='http://img11.hostingpics.net/pics/2803226587.png';" href="http://tlk-bloodcurseds.forumactif.org/t15-predefinis-lions-clan-prideland"><img id="banner5" class="pa_predefinis" src="http://img11.hostingpics.net/pics/2803226587.png" /></a>  <a onmouseout="if (document.images) document.banner6.src='http://img11.hostingpics.net/pics/8571471142.png';" onmouseover="if (document.images) document.banner6.src='http://img11.hostingpics.net/pics/8571471142.png';" href="http://tlk-bloodcurseds.forumactif.org/t15-predefinis-lions-clan-prideland"><img id="banner6" class="pa_predefinis" src="http://img11.hostingpics.net/pics/8571471142.png" /></a>  <a onmouseout="if (document.images) document.banner7.src='http://img11.hostingpics.net/pics/580508219.png';" onmouseover="if (document.images) document.banner7.src='http://img11.hostingpics.net/pics/580508219.png';" href="http://tlk-bloodcurseds.forumactif.org/t15-predefinis-lions-clan-prideland"><img id="banner7" class="pa_predefinis" src="http://img11.hostingpics.net/pics/580508219.png" /></a> <a onmouseout="if (document.images) document.banner2.src='http://img11.hostingpics.net/pics/4420631014.png';" onmouseover="if (document.images) document.banner2.src='http://img11.hostingpics.net/pics/4420631014.png';" href="http://tlk-bloodcurseds.forumactif.org/t15-predefinis-lions-clan-prideland"><img id="banner2" class="pa_predefinis" src="http://img11.hostingpics.net/pics/4420631014.png" /></a>  <a onmouseout="if (document.images) document.banner3.src='http://img15.hostingpics.net/pics/1273181019.png';" onmouseover="if (document.images) document.banner3.src='http://img15.hostingpics.net/pics/1273181019.png';" href="http://tlk-bloodcurseds.forumactif.org/t16-predefinis-lions-clan-nomade-kuzurura"><img id="banner3" class="pa_predefinis" src="http://img15.hostingpics.net/pics/1273181019.png" /></a>  <a onmouseout="if (document.images) document.banner4.src='http://img15.hostingpics.net/pics/4927021049.png';" onmouseover="if (document.images) document.banner4.src='http://img15.hostingpics.net/pics/4927021049.png';" href="http://tlk-bloodcurseds.forumactif.org/t16-predefinis-lions-clan-nomade-kuzurura"><img id="banner4" class="pa_predefinis" src="http://img15.hostingpics.net/pics/4927021049.png" /></a>  <a onmouseout="if (document.images) document.banner5.src='http://img15.hostingpics.net/pics/2454721074.png';" onmouseover="if (document.images) document.banner5.src='http://img15.hostingpics.net/pics/2454721074.png';" href="http://tlk-bloodcurseds.forumactif.org/t16-predefinis-lions-clan-nomade-kuzurura"><img id="banner5" class="pa_predefinis" src="http://img15.hostingpics.net/pics/2454721074.png" /></a>  <a onmouseout="if (document.images) document.banner6.src='http://img15.hostingpics.net/pics/5425641097.png';" onmouseover="if (document.images) document.banner6.src='http://img15.hostingpics.net/pics/5425641097.png';" href="http://tlk-bloodcurseds.forumactif.org/t16-predefinis-lions-clan-nomade-kuzurura"><img id="banner6" class="pa_predefinis" src="http://img15.hostingpics.net/pics/5425641097.png" /></a>  <a onmouseout="if (document.images) document.banner7.src='http://img15.hostingpics.net/pics/4037901015.png';" onmouseover="if (document.images) document.banner7.src='http://img15.hostingpics.net/pics/4037901015.png';" href="http://tlk-bloodcurseds.forumactif.org/t16-predefinis-lions-clan-nomade-kuzurura"><img id="banner7" class="pa_predefinis" src="http://img15.hostingpics.net/pics/4037901015.png" /></a> <a onmouseout="if (document.images) document.banner2.src='http://img15.hostingpics.net/pics/6082601039.png';" onmouseover="if (document.images) document.banner2.src='http://img15.hostingpics.net/pics/6082601039.png';" href="http://tlk-bloodcurseds.forumactif.org/t16-predefinis-lions-clan-nomade-kuzurura"><img id="banner2" class="pa_predefinis" src="http://img15.hostingpics.net/pics/6082601039.png" /></a>
                </marquee><fieldset class="pa_table_2"> <br /></fieldset>
             </td>
          </tr>
       </tbody>
    </table><span class="pa_font">               </span>
    <table>
       <tbody>
          <tr>
             <td style="width: 222px;">
                <fieldset class="pa_table_2"><legend class="pa_titre_2"><span style="font-size: 13px;"><span style="font-family: Komika Axis;">Staff</span></span></legend><a href="http://tlk-bloodcurseds.forumactif.org/u1"><img class="pa_predefinis" src="http://img11.hostingpics.net/pics/956640Adminimage2.png" /></a>  <a href="http://tlk-bloodcurseds.forumactif.org/u2"><img class="pa_predefinis" src="http://img11.hostingpics.net/pics/637512ModoRamaahi.png" /></a>  <a href="#"><img class="pa_predefinis" src="http://img11.hostingpics.net/pics/673680StaffMystre.png" /></a><a href="#"><img class="pa_predefinis" src="http://img11.hostingpics.net/pics/673680StaffMystre.png" /></a>  </fieldset>
             </td>
             <td>
                <fieldset class="pa_table_2"><legend class="pa_titre_2"><span style="font-size: 13px;"><span style="font-family: Komika Axis;">Top Site</span></span></legend><a href="http://www.forumsdeforumactif.com/"><img src="http: border="0" logo-100x35.gif"="" lfd="" 142586199450897653="" images="" membres="" sd-1.archive-host.com=""></img src="http:></a><a href="http://www.root-top.com/topsite/arrow/in.php?ID=566"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <a href="http://www.root-top.com/topsite/blueye/in.php?ID=2733"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <a href="http://www.root-top.com/topsite/imaginarium3006/in.php?ID=1244"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <a href="http://www.root-top.com/topsite/horsevalleys/in.php?ID=1847"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <a href="http://www.root-top.com/topsite/jeuparforum/in.php?ID=603"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <a href="http://www.root-top.com/topsite/hoglard/in.php?ID=5105"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <a href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=2970"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=13478"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <a href="http://www.root-top.com/topsite/melu/in.php?ID=3873"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=4161"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <a href="http://www.root-top.com/topsite/yami/in.php?ID=5961"><img border="0" src="http://img11.hostingpics.net/pics/898660Topsite.png" /></a> <br /></fieldset>
             </td>
             <td style="width: 370px;">
                <fieldset class="pa_table_2"><legend class="pa_titre_2"><span style="font-size: 13px;"><span style="font-family: Komika Axis;">Partenaires</span></span></legend><a href="http://tlk-bloodcurseds.forumactif.org/"><img border="0" src="http://img11.hostingpics.net/pics/230557Partenariat.png" /></a>  <a href="http://tlk-bloodcurseds.forumactif.org/"><img border="0" src="http://img11.hostingpics.net/pics/230557Partenariat.png" /></a>  <a href="http://tlk-bloodcurseds.forumactif.org/"><img border="0" src="http://img11.hostingpics.net/pics/230557Partenariat.png" /></a><br /><a href="http://tlk-bloodcurseds.forumactif.org/"><img border="0" src="http://img11.hostingpics.net/pics/230557Partenariat.png" /></a>  <a href="http://tlk-bloodcurseds.forumactif.org/"><img border="0" src="http://img11.hostingpics.net/pics/230557Partenariat.png" /></a>  <a href="http://tlk-bloodcurseds.forumactif.org/"><img border="0" src="http://img11.hostingpics.net/pics/230557Partenariat.png" /></a> <br /></fieldset>
             </td>
          </tr>
       </tbody>
    </table><span class="pa_font"> <br /><br /></span>
    <div class="pa_font_copyright" align="center">
       © Page d'Accueil du Staff.
    </div><span class="pa_font"> </span>
    <table style="position: fixed; bottom: 50px; left: 0px; z-index: 10000;">
       <tbody>
          <tr>
             <td>
                
             </td>
          </tr>
       </tbody>
    </table>
    • Revenir en haut
    Anonymous
    Invité

    Mar 8 Juil 2014 - 15:54

    Non non, c'était sympa de ta part, mais c'est plus simple de visualiser avec l'ensemble du code =3

    Après quelques recherches sur internet, j'ai compris. Tu dois avoir la configuration suivante :

    Code:
    <fieldset class="bloc"><legend class="titre">Titre</legend>
    Blabla
    </fieldset>

    Ca fonctionne en premier lieu. Sauf qu'une fois enregistré le code part en vrille, donc à chaque modification de ta PA il faudra replacer correctement tout les fieldset et legend et supprimer tous les doublons (je viens de me le taper depuis 30 minutes et ça commence à me gaver) sans raison apparente ...
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Mar 8 Juil 2014 - 16:23

    Ah, je comprend mieux l'apparition en double de certains code sur PA à chaque "rénovation".
    (Moi-même ça m'a tellement énervé que j'ai fini par coller le code sur un fiche texte [Open Office] pour le reprendre dés que je modifiais quelque chose. Fiche perdu en même temps que la perte de mon ordinateur ...)
    • Revenir en haut
    Anonymous
    Invité

    Mar 8 Juil 2014 - 16:41

    Bah voila, ça vient de ça =/
    Du coup on fait quoi ?
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Mar 8 Juil 2014 - 17:03

    On en reste à ton premier visuelle ?
    Je n'ai pas envie de t'embêter plus longtemps avec ça, surtout que pour cause je t'ai pris plus de temps que prévu alors que tu as assez travailler dessus comme cela.
    Tant qu'on arrive à lire le titre ce n'est pas bien grave. Et avec la taille, ça passe je pense.
    ça te va ?
    • Revenir en haut
    Anonymous
    Invité

    Mar 8 Juil 2014 - 17:27

    Non non, c'est TA demande c'est à toi de voir hein =O Si je me suis engagée à aider c'est que j'en ai le temps ne t'inquiète pas =)
    Mais je t'avouerai qu'après plusieurs recherches je ne vois pas trop d'autres solutions =/ On aurait pu attribuer un background au titre, mais comme il est à cheval sur deux contenus de couleurs différentes ... Je continue ma quête en attendant ta réponse \o/
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Mar 8 Juil 2014 - 19:05

    Hé bien, ça serait mieux si le texte n'est pas barré par le contour du cadre.
    Mais comme je l'ai dit, si ça te prend trop de temps et que ça te gène (voir commencer à t'agacer), je ne demanderais pas d'aller plus loin :3
    Ou on peut demander conseil auprès des autres, non ?
    ça pourrait t'aider.
    • Revenir en haut
    Anonymous
    Invité

    Mar 8 Juil 2014 - 21:18

    Bon, j'avais le choix entre la corde et le sujet d'aide, ... je l'ai posté ici si ça t'intéresse, je guète les réponses. Désolée pour le retard du coup =/
    • Revenir en haut
    Filou
    Filou
    FémininAge : 33Messages : 162

    Mar 8 Juil 2014 - 21:45

    Tu n'a pas à t'excusez.
    On entre dans un terrain glissant et il est normal que tu as autre chose à faire que me répondre à la minute près :3
    • Revenir en haut
    Anonymous
    Invité

    Mar 8 Juil 2014 - 22:04

    Oui mais bon =/
    En attendant tu veux quand même le code de la PA actuelle ?
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Lun 25 Nov 2024 - 20:13