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.

-55%
Le deal à ne pas rater :
Friteuse sans huile – PHILIPS – Airfryer HD9200/90 Série 3000
49.99 € 109.99 €
Voir le deal

    Rajouter une ligne d'icons pour la partie "staff"

    Luxuria
    Luxuria
    FémininAge : 27Messages : 83

    Lun 16 Fév 2015 - 21:34

    Bonjour/Bonsoir à vous tous !
    Je viens poster dans cette catégorie car j'ai voulu utiliser le code"Pirate's Life" de Halloween -que j'admire d'ailleurs toujours autant pour ses magnifiques créations :3 - mais j'ai eu un petit problème en voulant rajouter une ligne d'images pour le staff.. Je me doute bien que ça doit être quelque chose de tout bête mais j'essaye depuis cet après-midi de rajouter des balises un peu partout sans résultat, les icons partent tous sur la même ligne ou me décalent toute la page d'accueil, bref impossible de faire deux lignes contenant chacune deux images. Crying or Very sad

    Merci beaucoup à vous et bonne journée/soirée ! :hug:


    Dernière édition par Luxuria le Mar 17 Fév 2015 - 16:38, édité 1 fois
    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Lun 16 Fév 2015 - 23:08

    Yo même si tu as pris le code dans les LS, ce serait bien que tu le postes dans ton sujet. Parce qu'il se peut que tu ais déjà fait des modif's etc.
    Bref pas de soucis je l'ai x)
    Donc tu as théoriquement ça :
    Code:
    <div class="titre_PA">
                                                Bienvenue Marin d'eau douce !                                         
    </div>
    <div class="fond_PA">                                               
      <table>                                                 
          <tbody>                                                       
            <tr>                                                                                                               
                <td>
                          <span class="titre_PA2">Contexte</span>                                         
                  <div class="contexte_PA">
                                                                Feritas ire causam praefectus trusus quam praetorio ad ipse tempestate trusus quem in exagitabat enim discrimen discrimen est saevum coalito impedita quam convectio convectio ordinarias causam sit ire ire et monstraret saevum ut et monstraret annonae more annonae enim quam sit simul ire coalito quam et et impedita semper simul coalito. <a href="#" style="color: #257B1C !important;">Mais encore ?</a>                                         
                  </div>
                                                    <br />                                 
                  <div class="titre_PA2">
                                                                Staff                                         
                  </div>
                                                                                                   
                  <div class="staff_PA">
                                                                                                       
                      <table>
                                                                                                         
                        <tbody>
                                                                                                             
                            <tr>
                                                                                                               
                              <td>
                                                                                                                   
                                  <center>
                                                                              <img src="http://i39.servimg.com/u/f39/18/47/68/10/111.png" style="border: 2px solid #ffffff;" /><span class="contenu_staff"><span style="color: #AF1A15;">Jack Le Requin</span> <br /><span style="font-size: 16px;"><a href="#" style="color: #188D9F !important;">MP</a> • Rang • <span style="color: #44A029;">Statut</span></span> </span>                                       
                                  </center>
                                                                                                                   
                              </td>
                                                                                                               
                              <td>
                                                                                                                   
                                  <center>
                                                                              <img src="http://i39.servimg.com/u/f39/18/47/68/10/211.png" style="border: 2px solid #ffffff;" /><span class="contenu_staff"><span style="color: #188D9F;">Milo The Kid</span> <br /><span style="font-size: 16px;"><a href="#" style="color: #188D9F !important;">MP</a> • Rang • <span style="color: #44A029;">Statut</span></span> </span>                                           
                                  </center>
                                                                                                                   
                              </td>
                                                                                                               
                            </tr>
                                                                                                             
                        </tbody>
                                                                                                         
                      </table>
                                                                                                       
                  </div>
                                                                                                   
                </td>
                                                                     
                <td>
                                                  <img src="http://i39.servimg.com/u/f39/18/47/68/10/goelis10.png" class="img_PA" />                                 
                </td>
                                                                                       
                <td>
                                                                                       
                  <div class="titre_PA2">
                                              News                       
                  </div>
                                                                   
                  <div class="new_PA">
                                                                 
                      <div class="new_PA_img">
                                                      <img src="http://i39.servimg.com/u/f39/18/47/68/10/axis_p12.png" style="width: 300px;" />                         
                      </div>
                                                                               
                      <div class="new_PA_description">
                                                      Nec minus feminae quoque calamitatum participes fuere similium. nam ex hoc quoque sexu peremptae sunt originis altae conplures, adulteriorum flagitiis obnoxiae vel stuprorum. inter quas notiores fuere Claritas et Flaviana, quarum altera cum duceretur ad mortem, indumento, quo vestita erat, abrepto, ne velemen quidem secreto membrorum sufficiens retinere permissa est. ideoque carnifex nefas admisisse convictus inmane, vivus exustus est. Nec minus feminae quoque calamitatum participes fuere similium. nam ex hoc quoque sexu peremptae sunt originis altae conplures, adulteriorum flagitiis obnoxiae vel stuprorum. inter quas notiores fuere Claritas et Flaviana, quarum altera cum duceretur ad mortem, indumento, quo vestita erat, abrepto, ne velemen quidem secreto membrorum sufficiens retinere permissa est. ideoque carnifex nefas admisisse convictus inmane, vivus exustus est.                     
                      </div>
                                                               
                  </div>
                                                                           
                  <div style="clear: both;">
                                                                               
                  </div><br /><br />                 
                  <center>
                                          <span style="color: #503636; font-size: 12px;"><a href="#" class="liens_PA" style="color: #EE5148 !important;">Contexte</a> ☁ <a href="#" class="liens_PA" style="color: #E3922E !important;">Règlement</a> ☁ <a href="#" class="liens_PA" style="color: #4AA029 !important;">FAQ</a> ☁ <a href="#" class="liens_PA">Partenariat</a>    </span>                 
                  </center>
                                          <br /><br />         
                  <table>
                                               
                      <tbody>
                                                 
                        <tr>
                                                     
                            <td>
                                                   
                              <div class="bloc_info_PA">
                                          ⚓ Avatars Mangas<br />⚓ RPG type Pirates, vivons nos rêves !<br />⚓ Pseudo sous forme "Prénom NOM"       
                              </div>
                                                 
                            </td>
                                     
                            <td>
                                    <a href="#"><img src="http://i39.servimg.com/u/f39/18/47/68/10/1_110.png" style="border: 2px solid #ffffff;" /></a>     
                            </td>
                                       
                        </tr>
                                                 
                      </tbody>
                                               
                  </table>
                             
                  <div style="white-space: nowrap;">
                            <a href="#"><img src="http://i39.servimg.com/u/f39/18/47/68/10/2_210.png" style="border: 2px solid #ffffff;" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/47/68/10/310.png" style="border: 2px solid #ffffff;" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/47/68/10/410.png" style="border: 2px solid #ffffff;" /></a>       
                  </div>
                                                                       
                </td>
                                                                                                 
            </tr>
                                                                                             
          </tbody>
                                                                                           
      </table><br />
      <p align="right">
          <a href="http://www.never-utopia.com" class="crédits">© Halloween</a>
      </p>
    </div><link href="http://fonts.googleapis.com/css?family=Archivo+Narrow|Permanent+Marker|Playball|Lobster|Courgette" rel="stylesheet" type="text/css" />

    On va se concentrer sur la partie staff soit ça :
    Code:
    <div class="staff_PA">                                               
                      <table>                                                     
                        <tbody>                                                       
                            <tr>                                                           
                              <td>                                                             
                                  <center>
                            <img src="http://i39.servimg.com/u/f39/18/47/68/10/111.png" style="border: 2px solid #ffffff;" /><span class="contenu_staff"><span style="color: #AF1A15;">Jack Le Requin</span> <br /><span style="font-size: 16px;"><a href="#" style="color: #188D9F !important;">MP</a> • Rang • <span style="color: #44A029;">Statut</span></span> </span>                                       
                                  </center>
                                      </td>
                              <td>
                                  <center>
                                                                              <img src="http://i39.servimg.com/u/f39/18/47/68/10/211.png" style="border: 2px solid #ffffff;" /><span class="contenu_staff"><span style="color: #188D9F;">Milo The Kid</span> <br /><span style="font-size: 16px;"><a href="#" style="color: #188D9F !important;">MP</a> • Rang • <span style="color: #44A029;">Statut</span></span> </span>                                           
                                  </center>
                              </td>
                          </tr>
                        </tbody>
                      </table>
                  </div>

    En fait elle a fait un tableau pour aligner les deux images, il te suffit juste de rajouter une ligne du tableau, soit un "tr" et pour chaque colonne un "td". Tu as juste à recopier cette partie :
    Code:
                <tr>
                              <td>
                                  <center>
                                                                              <img src="http://i39.servimg.com/u/f39/18/47/68/10/111.png" style="border: 2px solid #ffffff;" /><span class="contenu_staff"><span style="color: #AF1A15;">Jack Le Requin</span> <br /><span style="font-size: 16px;"><a href="#" style="color: #188D9F !important;">MP</a> • Rang • <span style="color: #44A029;">Statut</span></span> </span>                                       
                                  </center>
                              </td>
                              <td>
                                  <center>
                                                                              <img src="http://i39.servimg.com/u/f39/18/47/68/10/211.png" style="border: 2px solid #ffffff;" /><span class="contenu_staff"><span style="color: #188D9F;">Milo The Kid</span> <br /><span style="font-size: 16px;"><a href="#" style="color: #188D9F !important;">MP</a> • Rang • <span style="color: #44A029;">Statut</span></span> </span>                                           
                                  </center>
                              </td>
                            </tr>
                       
    Et la coller entre le
    Code:
    </tr>
    et le
    Code:
    </tbody>

    Ai-je été suffisamment claire :3 ?

    Luxuria
    Luxuria
    FémininAge : 27Messages : 83

    Mar 17 Fév 2015 - 16:38

    Oups pardon, je n'ai pas du tout l'habitude de venir poster dans cette partie-ci du forum et c'était, je crois, une première pour moi ^^' Je retiendrais de mettre les codes du LS pour la prochaine fois :3

    Oui oui, tu as été très claire et ça fonctionne parfaitement Very Happy Un GRAND merci à toi, tu me sauves la vie. <3 Je change donc l'icon du sujet en "terminé" :)
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 7:46