AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -55%
Coffret d’outils – STANLEY – ...
Voir le deal
21.99 €

Partagez
 

 La PA (hum... Bref.)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Stereo Hearts
Stereo Hearts
DATE D’ARRIVÉE : 13/06/2014
NOTES JOUÉES : 218


La PA (hum... Bref.) Empty
MessageSujet: La PA (hum... Bref.)   La PA (hum... Bref.) EmptyLun 30 Juin - 19:39

Et voilààà x) sac 
Revenir en haut Aller en bas
Stereo Hearts
Stereo Hearts
DATE D’ARRIVÉE : 13/06/2014
NOTES JOUÉES : 218


La PA (hum... Bref.) Empty
MessageSujet: Re: La PA (hum... Bref.)   La PA (hum... Bref.) EmptyLun 30 Juin - 19:41

Code:
    <br />
    <div style="margin:auto;text-align:center;width:100%">
    <span class="titr">titre</span>
    </div>
   
    <table>
   
    <tbody>
   
    <tr>
   
    <td style="width: 34%;">
    <span class="q3"><br /> <div class="l1"><a href="http://beabadubeaba.forumactif.org/">lien super long </a></div><br /><div class="l1"><a href="http://beabadubeaba.forumactif.org/">lien super long </a></div><br />
    </span>
    </td>
   
    <td style="width: 32%;">
    <span class="q3"><span class="titr2">Contexte</span><br /><br />bienvenue sur le forum les petits chatons. </span>
    </td>
   
    <td style="width: 34%;">
   
    <div class="q3">
   
    <div class="gensmall">
    <script type="text/javascript">
        function patonglet1() { document.getElementById('onglet1').style.display='block'; document.getElementById('onglet2').style.display='none';
        document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none'; }

        function patonglet2() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='block';
        document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';}


        function patonglet3() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
        document.getElementById('onglet3').style.display='block'; document.getElementById('onglet4').style.display='none';}


        function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
        document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='block';}</script>
    <!--    BARRE D'ONGLETS    -->
    <center>
   
    <table style="width: 100%;">
   
    <tbody>
   
    <tr>
   
    <td style="width: 25%;">
   
    <div class="onglet" onmouseover="javascript:patonglet1()">
   
    <center>
    <img src="img1" class="cadre" />
    <center>
   
    </center>
   
    </center>
   
    </div>
   
    </td>
   
    <td style="width: 25%;">
   
    <div class="onglet" onmouseover="javascript:patonglet2()">
   
    <center>
    <img src="img2" "="" class="cadre" />
    </center>
   
    </div>
   
    </td>
   
    <td style="width: 25%;">
   
    <div class="onglet" onmouseover="javascript:patonglet3()">
   
    <center>
    <img src="img3" class="cadre" />
    <center>
   
    </center>
   
    </center>
   
    </div>
   
    </td>
   
    <td style="width: 25%;">
   
    <div class="onglet" onmouseover="javascript:patonglet4()">
   
    <center>
    <img src="img4" class="cadre" />
    <center>
   
    </center>
   
    </center>
   
    </div>
   
    </td>
   
    </tr>
   
    </tbody>
   
    </table>
   
    </center>
   
    <table style="width: 100%;">
   
    <tbody>
   
    <tr style="width: 100%;">
   
    <td style="width: 100%;">
   
    <!--    PREMIER MODULE    -->
    <div id="onglet1" style="display: none;">
    <span class="q4">
    <div style="margin: auto; text-align: center; width: 100%;">
    <span class="titr3">nom</span><br /><span class="imp">fonction</span><br /><a href=""><strong> harcèle moi owi </strong></a> ∞ <a href=""><strong> voir ma fiche</strong></a>
    </div></span>
    </div>
   
    <!--    TROISIEME MODULE    -->
    <div id="onglet2" style="display: none;">
    <span class="q4">
    <div style="margin: auto; text-align: center; width: 100%;">
    <span class="titr3">nom</span><br /><span class="imp">fonction</span><br /><a href=""><strong> harcèle moi owi </strong></a> ∞ <a href=""><strong> voir ma fiche</strong></a>
    </div></span>
    </div>
   
    <div id="onglet3" style="display: none;">
    <span class="q4">
    <div style="margin: auto; text-align: center; width: 100%;">
    <span class="titr3">nom</span><br /><span class="imp">fonction</span><br /><a href=""><strong> harcèle moi owi </strong></a> ∞ <a href=""><strong> voir ma fiche</strong></a>
    </div></span>
    </div>
   
    <div id="onglet4" style="display: none;">
    <span class="q4">
    <div style="margin: auto; text-align: center; width: 100%;">
    <span class="titr3">prénom p. nom</span><br /><span class="imp">administrateur — opium</span><br /><a href=""><strong> harcèle moi owi </strong></a> ∞ <a href=""><strong> voir ma fiche</strong></a>
    </div></span>
    </div>
   
    </td>
   
    </tr>
   
    </tbody>
   
    </table>
   
    </div>
   
    </div>
   
    </td>
   
    </tr>
   
    </tbody>
    </table>
   
    <table>
   
    <tbody>
   
    <tr>
   
    <td style="width: 34%;">
    <span class="q3">
    <div style="margin: auto; text-align: center; width: 100%;">
    <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <br /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /><br />
    <div align="justify">
    tu veux devenir pote avec les gold biatch ? alors viens faire <a href="">une demande de partenariat</a> sinon jette un coup d'œil chez <a href=""> nos partenaires chéri</a>.
    </div>
   
    </div></span>
    </td>
   
    <td style="width: 32%;">
    <span class="q3"><span class="titr2">News</span><br /><br /><span class="imp"><strong> 00/00/00 </strong>ouverture du forum</span> bienvenue sur le forum les petits chatons. </span>
    </td>
   
    <td style="width: 34%;">
    <span class="q3"><br />
    <center style="">
    <span class="imp">vote, vote, vote. </span><br />▲ ▲ ▲ ▲ <br /> ▲ ▲ ▲ ▲ <br />
    <div align="justify">
    le forum est administré par <span class="imp">nom</span>. le contexte a été rédigé par <span class="imp">nom</span>. le header a été crée par <span class="imp">nom</span>. le codage du forum a été réalisé par <span class="imp">ito sur bazzart</span>. © 2013-2014
    </div>
   
    </center></span>
    </td>
   
    </tr>
   
    </tbody>
    </table>

Le code initial sans erreurs
Revenir en haut Aller en bas
Stereo Hearts
Stereo Hearts
DATE D’ARRIVÉE : 13/06/2014
NOTES JOUÉES : 218


La PA (hum... Bref.) Empty
MessageSujet: Re: La PA (hum... Bref.)   La PA (hum... Bref.) EmptyLun 30 Juin - 19:50

Case 1
Code:
<div class="l1"><a href="http://beabadubeaba.forumactif.org/">lien super long </a></div><br />
<div class="l1"><a href="http://beabadubeaba.forumactif.org/">lien super long </a></div><br />

Case 2
Code:
Le contexte

Case 3
J'espère que vous êtes que 4 parce que je sais pas trop comment je pourrais rajouter une case ^^ Donner moi tout et je remplirai. Icons. Noms. Fonctions. MP. Présentations.

Case 4
Code:
 <div align="justify">
    tu veux devenir pote avec les gold biatch ? alors viens faire <a href="LIENS">une demande de partenariat</a> sinon jette un coup d'œil chez <a href="LIENS"> nos partenaires chéri</a>.
    </div>

Pour les images
Code:
[url=LIEN]<img src="IMAGE" class="cadre2" />[/url]

Case 5
Code:
<span class="imp"><strong> DATE </strong>DESCRIPTION COURTE</span> EXPLICATIONS</span>

Case 6
Pour mettre un lien sur les ▲
Code:
[url=LIENS]▲[/url]
Revenir en haut Aller en bas
Stereo Hearts
Stereo Hearts
DATE D’ARRIVÉE : 13/06/2014
NOTES JOUÉES : 218


La PA (hum... Bref.) Empty
MessageSujet: Re: La PA (hum... Bref.)   La PA (hum... Bref.) EmptyMar 1 Juil - 9:43

Case 1

Code:
<div class="l1"><a href="http://beabadubeaba.forumactif.org/">REGLEMENT </a></div><br /> <div class="l1"><a href="http://beabadubeaba.forumactif.org/">ANNEXE </a></div><br /> <div class="l1"><a href="http://beabadubeaba.forumactif.org/">INVITES </a></div><br /> <div class="l1"><a href="http://beabadubeaba.forumactif.org/">SCENARIOS </a></div><br /> <div class="l1"><a href="http://beabadubeaba.forumactif.org/">BOTTIN </a></div><br />

Je crois que c'est bon X.X Il faudra rajouter les liens définitifs, mais voilà x)

Case 2

Code:
La musique. Rares sont ceux qui n’en écoutent jamais. On peut dire tout ce qu’on veut, la musique est toujours présente dans nos vies : quand on est seul, quand on sort avec des amis, dans la voiture, lorsqu’on est en couple, lorsqu’on se marie, lorsqu’on a des enfants, lorsqu’on meurt… La musique est partout, impossible de le nier. Elle peut parfois contrôler nos émotions, nous faire pleurer, ou nous faire rire, nous redonner confiance ou nous faire nous souvenir. Elle nous définit, comme nous sommes, comme nous aimons, comme nous détestons, comme nous pleurons. Un film n’est pas grand-chose sans une bonne musique, tout comme la vie. Sans musique, tout est plus terne.
Revenir en haut Aller en bas
Contenu sponsorisé


La PA (hum... Bref.) Empty
MessageSujet: Re: La PA (hum... Bref.)   La PA (hum... Bref.) Empty

Revenir en haut Aller en bas
 

La PA (hum... Bref.)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Bitter Sweet Symphony :: God help the outcasts :: Corbeille admin-