AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Qeel 1

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

whatever i am

avatar


Messages : 116
Date d'inscription : 05/02/2011
Age : 23

MessageSujet: Qeel 1   Sam 12 Juil - 20:22

Code:
<!-- BEGIN disable_viewonline -->

<center><table><tr><td align="justify"><div style="border:1px #959CCF solid; width:250px; height: 260px;"><div style="background-color: #DEE3E7;  height: 260px"><br><justify><blockquote><span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}</br>
  {NEWEST_USER}<br>{TOTAL_USERS_ONLINE}</br></blockquote></justify><center><div style="background-color: #CDD0DE; width:220px; height: 85px; overflow:auto; border:1px #959CCF solid; text-align: justify"><div style="font-size: 10px">{LOGGED_IN_USER_LIST}</div></br></div></div></center></div></div></td><td align="justify"><div style="border:1px #959CCF solid; width:200px; height: 260px; background-color: #DEE3E7">
  <br><center> <script type="text/javascript">
        //<!--
                function change_bouh(name)
                {
                        document.getElementById('bouh_'+anc_bouh).className = 'rasta bouh';
                        document.getElementById('bouh_'+name).className = 'bibou bouh';
                        document.getElementById('kikoo_'+anc_bouh).style.display = 'none';
                        document.getElementById('kikoo_'+name).style.display = 'block';
                        anc_bouh = name;
                }
        //-->
        </script>    

</head><body>
<center><div class="systeme_onglets">
        <div class="bouhs">
            <span class="rasta bouh" id="bouh_groupe1" onClick="javascript:change_bouh('groupe1');" style="color : darkred"><img src="http://img11.hostingpics.net/pics/606122Untitled1.png" width="40"  img style="border-radius: 50px 50px 50px 50px;"></span>
            <span class="rasta bouh" id="bouh_groupe2" onClick="javascript:change_bouh('groupe2');" style="color : red;"><img src="http://img11.hostingpics.net/pics/606122Untitled1.png" width="40"  img style="border-radius: 50px 50px 50px 50px;"></span>
              <span class="rasta bouh" id="bouh_groupe3" onClick="javascript:change_bouh('groupe3');" style="color : orange;"><img src="http://img11.hostingpics.net/pics/606122Untitled1.png" width="40"  img style="border-radius: 50px 50px 50px 50px;"></span></br>
            <span class="rasta bouh" id="bouh_groupe4" onClick="javascript:change_bouh('groupe4');" style="color : brown;"><img src="http://img11.hostingpics.net/pics/606122Untitled1.png" width="40"  img style="border-radius: 50px 50px 50px 50px;"></span>
            <span class="rasta bouh" id="bouh_groupe5" onClick="javascript:change_bouh('groupe5');" style="color : yellow;"><img src="http://img11.hostingpics.net/pics/606122Untitled1.png" width="40"  img style="border-radius: 50px 50px 50px 50px;"></span>
    
<div class="kikoos">
<div class="kikoo" id="kikoo_groupe1">
Description du groupe N°1 ici ! x)
         </div>
                

<div class="kikoo" id="kikoo_groupe2">
Description du groupe N°2 ici ! x)
</div>

<div class="kikoo" id="kikoo_groupe3">
Description du groupe N°3 ici ! x)
</div>


<div class="kikoo" id="kikoo_groupe4">
Description du groupe N°4 ici ! x)
</div>
        
<div class="kikoo" id="kikoo_groupe5">
Description du groupe N°5 ici ! x)
</div>
            </div>
        </div>
    
    <script type="text/javascript">
        //<!--
                var anc_bouh = 'groupe1';
                change_bouh(anc_bouh);
        //-->
        </script>
              
              </center>
    </div></div></td><td align="justify"><div style="border:1px #959CCF solid; width:250px; height: 260px; background-color: #DEE3E7">
    <br><center><table><tr></tr></table></center></br>
    <center><div style="width:220px; height: 130px; overflow:auto; border:1px #959CCF solid; text-align: justify; background-color: #CDD0DE"><table>{L_CONNECTED_MEMBERS}</table></br></div>
</center></div></div></td></tr></table></center>
  <div style="font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 25px; letter-spacing: -2pt; text-align: center; text-transform: lowercase"> <a href="XX"><span style="color: #6870A8;">ADMIN</span></a> Ҩ <a href="XX"><span style="color: #98AAB1;">MODO</span></a> Ҩ <a href="XX"><span style="color: #FFFFFF;">MEMBRE</span></a></div>
<!-- END disable_viewonline -->


Code:
/*QEEL*/
.bouh {
display:inline-block;
margin : 4px;
padding:2px;
font-family : Arial;
}

.rasta {
font-size : 11px;
-moz-transition : all 1s;
-webkit-transition : all 1s;
}

.bibou {
font-size : 11px;
-moz-transition : all 1s;
-webkit-transition : all 1s;
}

.kikoo {
padding:5px;
display:none;
height : 116px;
width : 180px;
overflow : auto;
text-align : justify;
font-family : Time New Roman;
font-size : 11px;
-moz-transition : all 1s;
-webkit-transition : all 1s;
  border: 1px solid black;
}
/*FIN QEEL*/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://alaskatest.forumgratuit.be
 

Qeel 1

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

 Sujets similaires

-
» [Thèmes Forumactif] Ma gallerie
» Template 100 : On vote !
» Template 127: Samal
» [REQUETE] Crée ou modifier une roms
» EDITION COLLECTOR et poster personnalisé à commander.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: code :: créations de moi-