David Administrateur
Messages : 112 Date d'inscription : 25/12/2011 Age : 34 Localisation : Chenove
| Sujet: présentation Mer 5 Déc - 21:08 | |
| Évaluation sur Templactif Ryback Toi et le codage¤ Ton age : 28 ans ¤ Ton expérience dans le domaine : quelques mois. ¤ Tu maîtrises quel(s) langage(s) : CSS, HTML, Templates, Javascript un peu. ¤ Tu estimes avoir quel niveau ? intermédiaire pour certains et apprenti pour d'autres. Tes créations¤ Une fiche (screen ou lien + codage) : - Les fiches de pubs:
Fiche 1:
Bannière de votre forum
|
Présentation |
Votre texte ici
|
Le Staff |
Votre texte ici
| Nos Services |
Votre Texte ici
|
Les Statistiques |
Votre texte ici
Fiche réalisée par:© Ryback |
Fiche 2:
Nom du forum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi.
Vos statistiques ici |
Votre recherche de staff ici |
En ce moment Mini bannière Fiche réalisée par Ryback
Fiche3:
Bannière de votre forum
| Présentation |
Votre texte ici
| Le Staff |
Votre texte ici
| Nos Services |
Votre Texte ici
| Les Statistiques |
Votre texte ici
Rédigée par Ryback |
¤ Une PA (screen ou lien + codage) : - Les PA:
PA 1: Code CSS: PA 2: Les codes: PA 3: PA 4: Voici le code CSS: Et le code HTML:
Je sais aussi faire des PA accordéons. ¤ Une template (screen ou lien + codage) : Alors pour les templates je vous met le lien de mon forum: http://multicode.forumactif.org- Les templates et CSS:
index_body pour le QEEL: - Code:
-
[hide]<!-- BEGIN disable_viewonline --> <center> <div class="fond"> <span style="font-size:36px; font-style: Gabriola; color:#000000;text-shadow:2px 2px 2px white;">Qui est en ligne ?</span> <br/><br> <div class="quiestla"><br>{TOTAL_USERS}<br/>{NEWEST_USER}<br/>{TOTAL_POSTS}<br/>{RECORD_USERS}<br/>{TOTAL_USERS_ONLINE}<br/>{LOGGED_IN_USER_LIST}</div> <div class="imageqeel"> <div class="membreconnecte"><br><table class="table_1">{L_CONNECTED_MEMBERS}</table></div> <div class="anniversaire"><br><table class="table_1">{L_WHOSBIRTHDAY_TODAY}<br/>{L_WHOSBIRTHDAY_WEEK}</table></div> <div class="lesgroupes"><br><a href="http://multicode.forumactif.org/g1-administrateurs"style="color:#F70000;text-decoration:none!important;">Administrateurs<a/> - <a href="http://multicode.forumactif.org/g2-moderateurs"style="color:#1212EB;text-decoration:none!important;">Modérateurs<a/> - <a href="http://multicode.forumactif.org/g3-codeurs"style="color:#EDCA1D;text-decoration:none!important;">Codeurs<a/> - <a href="http://multicode.forumactif.org/g4-graphistes"style="color:#61C72E;text-decoration:none!important;">Graphistes<a/> - <a href="http://multicode.forumactif.org/g8-animateurs"style="color:#13D6F0;text-decoration:none!important;">Animateurs<a/> - <a href="http://multicode.forumactif.org/g5-partenaires"style="color:#C4C4C4;text-decoration:none!important;">Partenaires<a/> - <a href="http://multicode.forumactif.org/g6-vip"style="color:#C233E6;text-decoration:none!important;">VIP<a/> - <a href="http://multicode.forumactif.org/g7-membres"style="color:#ffffff;text-decoration:none!important;">Membres<a/> <div/> <center/> <!-- END disable_viewonline -->[/hide] index_box pour les catégories, les titres et sous-forums: - Code:
-
[hide]<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="tfa_top"> <div class="titre_categorie">{catrow.tablehead.L_FORUM}</div> </div> <table class="table_tfa" width="100%" border="0" cellspacing="8" cellpadding="4"> <!-- END tablehead --> <!-- BEGIN forumrow --> <tr> <!-- CELLULE DE GAUCHE --> <td class="tfa_cell_1" align="center" valign="middle" width="20%"> <!-- ICONE NEW NO-NEW CLOS --> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> <!-- DERNIERS SUJETS --> <div class="tfa_last_post"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </div> </td> <!-- CELLULE DE DROITE --> <td class="tfa_cell_2" align="center" valign="middle" width="80%"> <!-- TITRE FORUM --> <div class="block_titre"> <div class="tfa_titre_forum"> <div class="titre_gauche"></div> <div class="titre_centre"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="lien_forum"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}> </div> <div class="titre_droite"></div> <div style="clear:both;"></div> </div> </div><br> <!-- DESCRIPTION --> <div class="tfa_description"> <div class="genmed">{catrow.forumrow.FORUM_DESC} </div> <!-- MODERATEUR --> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span> <!-- SOUS-FORUMS --> <span class="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> </div><br> <!-- SUJETS-MESSAGES --> <div class="sujets-messages"> <span class="gensmall"> <span class="chiffres">{catrow.forumrow.TOPICS}</span> sujets and <span class="chiffres">{catrow.forumrow.POSTS}</span> messages </span> </div> </td> </tr> <!-- END forumrow -->
<!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table> <div class="tfa_bottom"></div> <img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --><!-- END catrow -->[/hide] overall_header pour la barre de navigation: - Code:
-
[hide]<table style="position:fixed;z-index:900;left: 0px 0px 0px; right:0px;width:100%;background:#D15C0F; margin-top: -10px; text-align:center; font: 12px Gabriola"> <tr> <td>{GENERATED_NAV_BAR}</td> </tr> </table> <tr> <td class="bodyline"> <table width="80%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_left --> <td align="center" width="100%" valign="middle"> <!-- BEGIN switch_logo_center --> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> <br /> <!-- END switch_logo_center --> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br /> </span> </td> <!-- BEGIN switch_logo_right --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_right --> </tr></table>[/hide] Mon CSS pour tout sa et autre: - Code:
-
[hide]#text_editor_textarea { height: 230px !important; width: 500px !important; -moz-border-radius: 10px; border-radius: 10px; padding: 3px; } #text_editor_textarea:hover { border-radius: 30px; } tr.post span.gensmall { display: none; }
#chatbox_header .cattitle strong { display: none; } #chatbox_header .cattitle:before { content: "Le décodeur"; }
.post-profil{ text-align: center; border: 1px solid #D15C0F; background-color: #D15C0F; padding:1px; -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.post-options{ text-align: center; border: 1px solid #D15C0F; background-color: #D15C0F; padding:1px; -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .post-options:hover{ border-radius: 30px; } .machin{ text-align: center; border: 1px solid #D15C0F; background-color: #D15C0F; padding:1px; -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .machin:hover{ border-radius: 30px; }
.postdetails.poster-profile a img { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 6px solid #e6e6e6; }
.signature_div { overflow: hidden; width: 700px; height: 400px; text-align: center; }
.mainoption { -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; }
.liteoption { -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; } a.mainmenu { -moz-border-radius:2px; background-color:; border-left:2px solid #ED660C; border-right:2px solid #ED660C; color:#000000; font-size:13px; font-variant:small-caps; padding-right:10px; text-align:center;}
/*QEEL*/ .fond { min-height:490px; width:960px; background:#893848; border:2px solid #481D27; color:black; text-align:center; padding:10px; } .fond:hover { border-radius: 30px; } .quiestla { min-height:276px; width:330px; border:2px solid #481D27; text-align:center; padding:10px; overflow:auto; } .quiestla:hover { border-radius: 30px; } .membreconnecte { min-height:138px; width:297px; border:2px solid #481D27; margin-left:280px; margin-top:-408px; text-align:center; padding:10px; overflow:auto; } .membreconnecte:hover { border-radius: 30px; } .anniversaire { min-height:105px; width:297px; border:2px solid #481D27; margin-left:280px; margin-top: 8px; text-align:center; padding:10px; overflow:auto; } .anniversaire:hover { border-radius: 30px; } .lesgroupes { min-height:35px; width:827px; border:2px solid #481D27; margin-top:9px; text-align:center; margin-left:-300px; padding:10px; overflow:auto; } .lesgroupes:hover { border-radius: 30px; } .table_1 td.row1{ background-image: none !important; background-color: transparent !important; border: none !important; text-align:center !important; } .imageqeel { background-image:url('http://img11.hostingpics.net/pics/517584QEEL.png'); height:270px; width:270px; margin-left:360px; margin-top:110px; }
/*catégorie*/ .tfa_top{ width: 100%; height: 45px; background-color: #893848; margin: 10px auto 0; padding: 0; text-align: center; } .tfa_top:hover { border-radius: 30px; }
.tfa_bottom{ width: 100%; height: 45px; background-color: #893848; margin: auto; padding: 0; }
.table_tfa{ background: #3C171F; }
.tfa_cell_1{ background:#893848; } .tfa_cell_1:hover{ border-radius:30px; } .tfa_cell_2{ background:#893848; } .tfa_cell_2:hover{ border-radius:30px; }
.titre_categorie{ width: 100%; margin:0 auto; padding: 0; } .titre_categorie h2{ width: 100%; margin:0 auto; padding: 12px 0 0 0; text-align: center; font: bold 20px Verdana; color: #000000; text-shadow: 0 1px 1px #000000; -webkit-transition: all 1s ease; /* pour navigateur webkit */ -moz-transition: all 1s ease; /* pour navigateur mozilla */ -o-transition: all 1s ease; /* pour navigateur opera */ transition: all 1s ease; /* pour les navigateurs récents */ } .titre_categorie h2:hover { font-size: 26px; color: #000000; text-shadow: 0 1px 1px #000000; }
.tfa_last_post{ background: #3C171F; width: 86%; padding: 5px; margin: 6px auto 4px; -webkit-transition: all 1s ease; /* pour navigateur webkit */ -moz-transition: all 1s ease; /* pour navigateur mozilla */ -o-transition: all 1s ease; /* pour navigateur opera */ transition: all 1s ease; /* pour les navigateurs récents */ } .tfa_last_post:hover{ border-radius: 30px; }
.block_titre{ position:relative; width: 100px; height: 10px; margin-left: -430px; margin-top: -20px; padding: 10px; }
.tfa_description{ background: #3C171F; width: 95%; position: relative; margin: 10px auto 0; padding: 10px 5px 5px 5px; -webkit-transition: all 1s ease; /* pour navigateur webkit */ -moz-transition: all 1s ease; /* pour navigateur mozilla */ -o-transition: all 1s ease; /* pour navigateur opera */ transition: all 1s ease; /* pour les navigateurs récents */ } .tfa_description:hover{ border-radius: 30px; }
.lien_forum{ display: block; width: auto; margin: 16px auto 0; text-align: center; }
.lien_forum a.forumlink{ display: block; font: bold 18px Arial; color: #000000; text-shadow: 0 0 1px #fff; width: 350px; text-align: center; -webkit-transition: all 0.8s ease 0.2s; /* pour navigateur webkit */ -moz-transition: all 0.8s ease 0.2s; /* pour navigateur mozilla */ -o-transition: all 0.8s ease 0.2s; /* pour navigateur opera */ transition: all 0.8s ease 0.2s; /* pour les navigateurs récents */ } .lien_forum a.forumlink:hover{ color: #000000; width: 450px; text-decoration: none !important; }
.sous_forums{ position: relative; width: 100%; display: block; margin: 5px auto 0; bottom: 0; text-align: center; } .sous_forums img{ vertical-align: middle; }
.sous_forums a.gensmall{ diplay: inline-block; margin: 0 2px; border: 0px solid #000000; -webkit-transition: all 0.8s ease; /* pour navigateur webkit */ -moz-transition: all 0.8s ease; /* pour navigateur mozilla */ -o-transition: all 0.8s ease; /* pour navigateur opera */ transition: all 0.8s ease; /* pour les navigateurs récents */ } .sous_forums a.gensmall:hover{ padding-right: 12px; font-weight: bold; color: #000000; text-decoration: none !important; }
.sujets-messages{ margin: 0; padding: 0; width: 100%; text-shadow: 1px 0 1px #fff; text-align: right; } .sujets-messages .gensmall { margin: 0; padding: 0 20px 0 0; } .chiffres{ font: bold 13px Arial; color:#000000; }[/hide]
J'en ais encore d'autres pour les boutons "éditer, ip, supprimer, profil etc. ¤ Si tu as d'autres créations, tu peux les rajouter ici : | |
|