Dim 13 Déc - 11:34 | Bonsoir, étant admirative de votre travail et des codes que vous fournissez je souhaiterais, dans la mesure du possible, passer une commande de thème avec les principaux codages ( catégories - qeel ). Je comprendrais un cas de refus car je me doute bien que cela prend du temps et que ce site est un libre service et non un forum de commandes. Mais, si jamais celle-ci est acceptée, je ne demande aucun délais particulier, étant déjà reconnaissante du grand service que je demande. Voici cependant les informations nécessaires à la commande. Bien que je fournis des idées et quelques images, vous avez carte blanche et je vous fait complètement confiance quant à votre travail, donc n'hésitez pas si vous avez d'autres images ou des idées qui diffèrent des miennes. Images proposées ( dans l'ordre de préférence ): https://2img.net/r/hpimg15/pics/852369KagerouProjectfull1687589.jpghttp://data.whicdn.com/images/177225419/large.jpghttps://2img.net/r/hpimg15/pics/357634renderpandore.pnghttps://2img.net/r/hpimg15/pics/53652247679248p0.pngTexte : Fairy of Despair avec comme slogan La fin de l'ère des fées / la chute d'un royaume ( au choix ) Couleurs : Des couleurs assez sombres. Taille : Vous avez carte blanche. Codage : Je suis déjà tombée sous le charme de la PA numéro 3 du libre service. Dans l'idéal, je souhaiterais des catégories dans les mêmes dimensions. Voilà une petite idée https://2img.net/r/hpimg11/pics/928111Categorie.png. Pour le qeel : https://2img.net/r/hpimg11/pics/559272queel.pngJe voulais également savoir s'il était possible d'introduire de la musique sur le forum ( en playlist ou autre ) qui puisse être présente de façon permanente peu importe la page. En vous remerciant d'avoir pris le temps de lire cette requête qui en demande beaucoup je le reconnais. Voici le lien du forum si cela peut servir ainsi que mon mail si jamais vous souhaitez me contacter : Je vous souhaite une excellente journée / soirée. |
|
Jeu 17 Déc - 1:33 | Largeur du forum : 800pxCouleur du fond de page : #000000Icônes du forum :Remplacer les lignes 84 à 221 du template index_body par :- Spoiler:
- Code:
-
<div class="lksSTATS"><!-- BEGIN switch_user_logged_in --><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span><!-- END switch_user_logged_in --><span class="gensmall"> ▼ <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> ▼ <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a> ▼ <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a></span></div>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT --><div>Bienvenue à</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div> <!-- EN LIGNE --><div class="ondayQEEL"><table><font style="font-size:10px;">{TOTAL_USERS_ONLINE}</font><br/><br/>▬ <b>En ligne</b> : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></table><br/><!-- 24 H --><table>{L_CONNECTED_MEMBERS}</table></div> <!-- DESCRIPTIONS GROUPES --><div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><!-- CONTENU GROUPE 1 --> <div class="contenu_onglet" id="contenu_onglet_eins"><!-- CONTENU --><div>Contenu groupe 1.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- CONTENU --><div>Contenu groupe 2.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- CONTENU --><div>Contenu groupe 3.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 4 --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- CONTENU --><div>Contenu groupe 4.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 5 --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- CONTENU --><div>Contenu groupe 5.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 6 --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- CONTENU --><div>Contenu groupe 6.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 7 --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- CONTENU --><div>Contenu groupe 7.</div><!-- IMAGE 350*200 --><img src="" /></div> </div>
<!-- TOTAL MEMBRES --><div class="tlMQEEL" style="margin-right:20px;"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlMQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><br/>Messages</div><!-- ANNIVERSAIRES --><div class="anvQEEL">Anniversaires<div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div>
<!-- NOMS GROUPES --><div class="GQEEL"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="color:#FA5858;">Groupe I</span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="color:#FF8000;">Groupe II</span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="color:#FFFF00;">Groupe III</span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="color:#80FF00;">Groupe IV</span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="color:#0080FF;">Groupe V</span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="color:#BF00FF;">Groupe VI</span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="color:#FE2EF7;">Groupe VII</span> </div>
<script type="text/javascript"> //<!-- var anc_onglet = 'eins'; change_onglet(anc_onglet); //--> </script> </div> </td> </tr> </table> <!-- END disable_viewonline --> Remplacer l'intégralité du template index_box par :- Spoiler:
- Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --> <div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div> <div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead --> <div class="topCAT"></div> <!-- END cathead --> <!-- BEGIN forumrow --> <div id="blocFRM"><div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS} SUJETS ▼ {catrow.forumrow.POSTS} MESSAGES</div><div class="itsFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="defFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div> </div> <!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- BEGIN inc --> <!-- END inc --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <!-- END tablefoot --><!-- END catrow --> Images descriptives en 200*100 :Remplacer l'intégralité du template overall_footer_end par :- Spoiler:
- Code:
-
<!-- BEGIN html_validation --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table> <tr> <td> <div> <div> <div> <!-- END html_validation --> </div> </div> <!-- BEGIN switch_footer_links --> <div align="center"> <div class="gen"> <!-- BEGIN footer_link --> <!-- BEGIN switch_separator --> | <!-- END switch_separator --> <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a> <!-- END footer_link --> </div> </div> <!-- END switch_footer_links --> </div> {PROTECT_FOOTER} </td> </tr> </table> </div>
<!-- BEGIN switch_facebook_login --> <div id="fb-root"></div> <script type="text/javascript"> FB.init({ appId : {switch_facebook_login.FACEBOOK_APP_ID}, cookie : true, xfbml : true, oauth : true, version : 'v2.3' });
(function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP --> <script type="text/javascript"> //<![CDATA[ FB.Event.subscribe('auth.logout', function(response) { if ($('a#logout')) { var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '') { document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir; } } });
$(document).ready( function() { $('a#logout').click( function() { FB.logout(); } ); }); //]]> </script> <!-- END switch_facebook_logout_TMP -->
<script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html> Remplacer les lignes 250 à 277 du template overall_header par :- Spoiler:
- Code:
-
<div id="topSIT"> </div> <div id="mdlSIT">
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" class="navSIT"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>
<iframe class="zikSIT" frameborder="0" src=""></iframe> Partie CSS : - Code:
-
/* CODAGE GLOBAL */ body { margin:0; padding:0; width:100%; } .bodyline { padding:0; margin:0; } td.cat, td.catBottom, td.catHead, th.thHead, th.thCornerL, th.thCornerR, th.thTop, th.thSides, td.catSides, td.catLeft {border:none;} /* SOULIGNEMENT DES LIENS */ a, a:focus, a:active, a:hover {text-decoration:none !important;}
/* NAVIGATION */ .navSIT { width:800px; text-align:center; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } .mainmenu img{ display:none; } /* LIENS NAVIGATION */ .navSIT a{ display:inline-block; padding:5px; text-transform:uppercase; text-align:center; font-weight:bold; color:#dedede; font-size:12px; font-family:Arial; /* MODIFIABLE */ transition:all .65s linear; -webkit-transition:all .65s linear; }
/* POSITION PLAYLIST */ .zikSIT { position:absolute; right:35px; width:200px; height:200px; background:#191919; border-radius:15px; /* MODIFIABLE */ } /* BANNIERE */ #topSIT { margin:auto; width:1100px; height:627px; background: url(http://www.aht.li/2792281/BannFOD.png); background-repeat:no-repeat; background-position:center top; } /* CORPS DU FORUM */ #mdlSIT { margin:auto; width:1100px; min-height:156px; background: url(http://www.aht.li/2792273/MDLFOD.png); background-repeat:repeat-y; background-position:center; }
/* TITRE CATEGORIES */ .tleCAT{ margin:15px auto 0; width:800px; padding:10px 0; text-align:center; background:#191919; /* MODIFIABLE */ } .tleCAT h2{ margin:0 auto; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; } /* BLOC FORUM */ #blocFRM{ margin:10px auto; width:800px; overflow:hidden; text-align:center; } .blocFRM { position:relative; width:800px; overflow:hidden; text-align:center; } /* TITRE FORUMS */ .tleFRM { display:inline-block; vertical-align:top; margin-right:10px; width:455px; padding:10px 5px; overflow:hidden; font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; background:#81614b; /* MODIFIABLE */ } .tleFRM a{ color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* NOMBRE SUJETS ET MESSAGES */ .nbFRM{ display:inline-block; vertical-align:top; height:20px; width:315px; padding:13px 5px 7px 5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial; background:#3E2524; color:white; /* MODIFIABLE */ opacity:0.7; } /* BLOC IMAGE/DERNIER MESSAGE */ .itsFRM { display:inline-block; vertical-align:top; margin-top:10px; width:150px; height:100px; } /* ICÔNES FORUMS */ .imgFRM{ position:absolute; z-index:4; margin-left:-75px; width:150px; height:100px; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } .itsFRM:hover .imgFRM { opacity:0; transform:scale(0); -webkit-transform:scale(0); } /* DERNIER MESSAGE FORUMS */ .lmsgFRM { width:130px; height:80px; padding:10px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; line-height:20px; background-color:rgba(0,0,0,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); color:#dedede; /* MODIFIABLE */ } /* BLOC DESCRIPTION/SOUS-FORUMS */ .defFRM { display:inline-block; vertical-align:top; margin-left:10px; margin-top:10px; } /* DESCRIPTIONS FORUMS */ .descFRM { display:inline-block; vertical-align:top; margin-right:10px; width:420px; height:90px; padding:5px; overflow:auto; background:#dedede; font-family:Arial; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } /* IMAGES DESCRIPTIONS FORUMS */ .descFRM img { position:absolute; z-index:3; margin-top:-5px; margin-left:435px; width:200px; height:100px; transition:all .85s ease; -webkit-transition:all .85s ease; } .defFRM:hover .descFRM img{ transform:translatex(200px); -webkit-transform:translatex(200px); } /* SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; width:190px; height:90px; padding:5px; overflow:auto; font-size:10px; text-transform:uppercase; text-align:justify; background:#e7eaea; /* MODIFIABLE */ } /* LIENS SOUS-FORUMS */ .sfFRM a{ color:#191919 !important; /* MODIFIABLE */ } /* FORUMS LUS/SUJETS & POSTEURS DU JOUR */ .lksSTATS { padding:10px 0; text-align:center; } .lksSTATS .gensmall { color:#ccc; /* MODIFIABLE */ }
/* QEEL */ .QEEL { margin:auto; width:800px; background:none; /* MODIFIABLE */ } /* TITRE QEEL */ .tleQEEL { display:inline-block; vertical-align:top; margin-bottom:15px; width:480px; height:60px; padding-top:25px; box-shadow:inset 0 0 25px rgba(0,0,0,0.2); font-family:Arial; background:#3E2524; /* MODIFIABLE */ letter-spacing:2px; text-transform:uppercase; text-align:center; } .tleQEEL a{ font-size:32px; color:white; /* MODIFIABLE */ } /* DERNIER UTILISATEUR ENREGISTRE */ .lstQEEL { margin-left:20px; display:inline-block; height:65px; width:300px; padding-top:20px; background:#dedede; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } /* BLOC MEMBRES CONNECTES & 24H */ .ondayQEEL { display:inline-block; vertical-align:top; text-align:center; width:410px; height:180px; padding:10px; overflow:hidden; background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } .ondayQEEL:hover { overflow:auto; } .ondayQEEL .row1 { background:none; padding:0; } /* BLOC DESCRIPTIFS GROUPES QEEL */ .blocGQEEL { display:inline-block; margin-left:20px; width:350px; height:200px; background-color:rgba(250,250,250,0.5); /* MODIFIABLE */ text-align:center; } /* DESCRIPTIFS GROUPES QEEL */ .contenu_onglet { display:none; width:350px; height:200px; overflow:hidden; } .contenu_onglet div { position:absolute; z-index:3; margin-top:15px; margin-left:15px; width:300px; height:150px; padding:10px; overflow:auto; font-size:10px; text-align:justify; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */ } .contenu_onglet img{ position:absolute; z-index:1; margin-left:-175px; width:350px; height:200px; opacity:0.8; } /* NOMBRE MESSAGES & TOTAL MEMBRES */ .tlMQEEL { display:inline-block; vertical-align:top; margin-top:15px; height:75px; width:145px; padding-top:25px; background:#81614b; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } /* ANNIVERSAIRES QEEL */ .anvQEEL { display:inline-block; margin-left:20px; margin-top:15px; width:470px; height:70px; padding-top:30px; text-transform:uppercase; text-align:center; font-family:Arial; font-size:24px; font-weight:bold; background:#191919; color:white; /* MODIFIABLE */ } .anvQEEL div { position:absolute; z-index:3; margin-top:-59px; width:0px; height:80px; padding:10px; overflow:hidden; text-align:justify !important; background:#ccc; /* MODIFIABLE */ opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear; } .anvQEEL:hover div{ width:450px; overflow:auto; opacity:1; } .anvQEEL .row1{ background:none !important; padding:0 !important; } /* BLOC NOMS GROUPES QEEL */ .GQEEL { width:800px; padding:10px 0; text-align:center; } /* NOM GROUPES QEEL */ .onglet { display:inline-block; margin:0 5px; padding:5px; font-size:14px; font-weight:bold; text-transform:uppercase; font-family:Arial; } /* SURVOL NOM GROUPES QEEL */ .onglet_1 { letter-spacing:2px; } Playlist :Page d'accueil : - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/CUB_PA.css" rel="stylesheet" type="text/css"><div id="CUB"><!-- MENU --><div class="menuCUB" style="background:#3E2524;">Menu<div><!-- LIENS --><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a></div></div><!-- EVENEMENT EN COURS --><div class="chCUB">Chapitre III<!-- DETAILS --><div class="dayCUB">jour X • 15°C</div></div><!-- CONTEXTE --><div class="ctxtCUB">Contexte<div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div><!-- 3 ANNONCES/EVENEMENTS - IMAGES 150*250 --><div class="eventsCUB"><div id="ASLIDE"><ul id="blocASLIDE"><!-- ANNONCE I --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li><!-- ANNONCE II --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li><!-- ANNONCE III --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li></ul></div></div><!-- 10 PARTENAIRES - IMAGES EN 50*50 --><div class="partzCUB" style="background:#dedede; color:black;">Partenaires<div><!-- I --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- II --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- III --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- IV --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- V --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><br/><!-- VI --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- VII --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- VIII --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- IX --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- X --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a></div></div><!-- TOP SITES --><div class="TOPSPA" style="background:#3E2524;">Top sites<div><!-- TOP SITE I --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- TOP SITE II --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- TOP SITE III --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a></div></div><!-- STAFF & PREDEFINIS --><div id="staffPA">Staff & Prédéfinis<!-- 4 PREDEFINIS - IMAGES 25*25 --><div class="pfCUB"><!-- I --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/2525.png" /></a> <!-- II --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/2525.png" /></a><br/><!-- III --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/2525.png" /></a> <!-- IV --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/2525.png" /></a></div><!-- STAFF - IMAGES 65*65 --><div class="boxSTAFF"><!-- STAFF I --><div class="staffPA"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div> <!-- STAFF II --><div class="staffPA"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div> <!-- STAFF III --><div class="staffPA"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div><!-- STAFF IV--><div class="staffPA"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div> <!-- STAFF V --><div class="staffPA"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div></div></div></div> |
|