| | Mar 9 Fév - 0:47 | Bonsoir, Etant donné que j'aime particulièrement ce que vous faites et que je suis une nul pour tout ce qui est codage. Je me suis enfin convaincu de vous demander un de vos services. Je refais tout un forum. Je n'ai pas besoin de tout, bien évidemment, étant donné que je me sers déjà de vos codes pour le faire, mais de trois éléments il me semble. Bref, trève de bavardage. je souhaiterais vous commander dans un premier temps, des catégories. Largeur maximale : 750pxHauteur maximale : 200pxSchéma : Schéma explicatif Éléments : Comme vous avez pu peut-être le voir, j'aimerais un forum sur la gauche et laisser tout un espace libre sur la droite, si je veux rajouter des petites choses ou prendre le temps de faire un jolie fond. J'ai fait au mieux pour les couleurs, les petits carrés c'est pour le fond, etc. Après je me débrouille pour tout ce qui est couleur et police, normalement, je n'ai aucun problème là dessus.
Images : Celle là, pour l'essaie d'un titre pour la catégorie : Animations : J'aimerais que lorsque on passe la souris sur une sous catégorie, ça deviennent plus clair. Et puis, c'est tout. Informations supplémentaires : J'espère que vous accepterez ma commande, et que cette dernière est bien expliquée. Je serais très heureuse, d'avoir une réponse positive de votre part. Et si vous pouviez par la suite, et si vous avez le temps bien sur, j'ai deux petits codes Template à régler. Voilà, encore merci beaucoup. Bonne soirée, journée à vous.
Corpse, |
| | | Mar 9 Fév - 2:53 | Bonsoir, Désolée pour le double post, mais le schéma explicatif, n'est pas bon, j'avais oublié de mettre les sous forums! Je suis désolée, voici donc le bon schéma explicatifVous pouvez mettre les couleurs que vous souhaitez, peut m'importe, je modifierais. Merci beaucoup, en espérant que vous acceptez ma demande. Bon courage à vous, |
| | | Mar 9 Fév - 23:29 | Remplacer l'intégralité du code par celui-ci : - 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> <span style="display:block; height:1px; clear:both;"></span><!-- END tablehead -->
<!-- BEGIN cathead --> <div class="topCAT"></div> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="blocFRM"><div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S | {catrow.forumrow.POSTS} M</div>{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <span style="display:block; height:1px; clear:both;"></span> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* CODAGE GLOBAL */ body { float:left; margin:0; margin-left:200px; width:750px; padding:0; } .bodyline { margin:0; padding:0; padding-left:10px; }
/* HAUT CATEGORIES */ .topCAT { margin:5px auto; width:750px; } /* TITRE CATEGORIES */ .tleCAT{ width:740px; padding:1px 0; text-align:center; background:black; /* MODIFIABLE */ } .tleCAT h2{ font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUMS */ .blocFRM{ width:750px; margin:auto; } /* BLOC FORUM */ .FRM { float:left; margin:5px 0; width:375px; opacity:0.8; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear; } .FRM:hover { opacity:1; } /* TITRE FORUM */ .tleFRM { width:340px; padding:10px 0 10px 25px; text-transform:uppercase; text-align:left; background:black; /* MODIFIABLE */ } .tleFRM a{ letter-spacing:0; color:white !important; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOL TITRE FORUM */ .tleFRM:hover a{ letter-spacing:2px; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:230px; height:90px; padding:5px; overflow:auto; font-size:9px; text-align:justify; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { display:inline-block; width:115px; height:90px; padding:5px; overflow:hidden; text-align:left; text-transform:uppercase; font-size:11px; background:#ccc; /* MODIFIABLE */ } /* LIEN SOUS-FORUMS */ .sfFRM a{ color:black !important; /* MODIFIABLE */ } /* BLOC DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:230px; height:40px; padding:5px; overflow:hidden; text-align:center; font-size:8px; background-color:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS ET MESSAGES FORUM */ .nbFRM { margin-bottom:3px; width:230px; height:18px; padding-top:7px; font-size:9px; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR */ .lmsgFRM .gensmall { font-size:8px; /* MODIFIABLE */ } .lmsgFRM br { display:none; } .lmsgFRM a{ margin:0 5px; } .lmsgFRM .sprite-icon_topic_latest { margin-left:-12px; max-height:8px; } /* ICÔNES FORUM */ .imgFRM{ display:inline-block; vertical-align:top; width:125px; height:50px; } Vous invitant désormais à m'exposer les deux problèmes évoqués. |
| | | Mer 10 Fév - 0:27 | Bonsoir, Je suis très heureuse que vous ayez accepté ma demande, en plus faite avec rapidité. Que demandez- de plus ? Or, il y'a quelques beugs, j'ai fait un copier coller simple de vos codes, mais ça beug tout de même : en sachant, que les liens utiles (règlement, contexte...) ne touchait pas la bannière. Et que j'ai préféré faire un forum à 800px, est-ce donc là le problème ? Je n'ai pour l'instant aucun beug, hormis-ceux évoqué précédemment. En tout cas, aucun qui me vienne à l'idée ! Vous souhaitant, une agréable soirée. Chaleureusement, Corpse, |
| | | Mer 10 Fév - 4:50 | Un éclaircissement quant à ce que vous considérez problématique m'aiderait grandement - les codes fournis apparaissant tout à fait fonctionnels sur votre image. La position de ces liens est régie par le CSS de la page d'accueil - qui ne relève visiblement nullement de ma responsabilité. Si vous désirez modifier l'emplacement de ce bloc, il vous faudra interagir avec la class de ce dernier.
Vous mentionniez par ailleurs : - Citation :
- Et si vous pouviez par la suite, et si vous avez le temps bien sur, j'ai deux petits codes Template à régler.
Si vous signifiiez ainsi votre intention de solliciter la création de nouveaux éléments, vous pouvez évidemment rédiger l'ensemble de vos commandes en un unique jet à la suite de ce message. |
| | | Mer 10 Fév - 23:09 | Je suis désolée, j'ai déformé tout votre forum. Cela m'apprendra à vouloir aller trop vite! Je remet ma requête, sans beug. Bonsoir ! Je suis désolée, en effet il n'y avait pas de beug avec le codage que vous m'avez fait, c'est moi qui ai mal procédé ! Je voulais vous faire part d'un beug que j'ai et que je n'arrive pas du tout à régler, si vous pouviez m'aider se serait très gentil de votre part. Bien évidemment, vous pouvez refuser, mais je vous nomme tout de même mon problème en image. Beug 1 Tout est marqué sur l'image, pour vous aiguiller, voici la partie css du forum : - Code:
-
body{background-attachment:fixed;background-color:#828282;background-image:url(http://www.zupimages.net/up/16/06/pibo.jpg) margin-top:15px; margin-bottom:15px;}
#i_logo { margin-top:-1px; margin-bottom:15px; } .bodylinewidth{width:800px; margin-left: 210px; }
.bodyline { background: #828282; padding:0px; border-top:none; border-bottom:none; border-right:2px solid #828282; border-left:2px solid #828282; box-shadow:0px 0px 20px #EAEAEA; } /*_________Navigation ND___________*/
a.mainmenu{width:600px; font-size:12px;font-family: 'Roboto', sans-serif;text-transform:Uppercase;} .menu{ border-bottom: 5px solid #E6E8F0;border-top: 5px solid #E6E8F0; margin-top:60px; padding-top: 60px; }
/*______________________P.A______________________*/
/* ajustements personnels */
/* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: sans-serif; font-size: 12px; position: relative; }
/* stylisation titres */ #pa h2 { font-family: 'Roboto', sans-serif; font-size: 15px; color: #eaeaea; text-transform: uppercase; text-align: center; font-style: italic; margin-bottom: 10px !important; /* = espace sous les titres */ }
/* stylisation liens de toute la PA */
#pa a{ text-decoration: none; color: #883A3A; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#pa a:hover{ text-decoration: none; color: #883A3A; }
/* stylisation format date des news */
.date { font-weight: bold; color: #883A3A; font-size: 11px; text-transform: uppercase; }
/* stylisation liens menu */ ul#menu a { text-decoration: none; color: #883A3A; letter-spacing: 0px; font-size: 16px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
ul#menu a:hover { letter-spacing: 2px; font-weight: bold; }
/* stylisation pseudo "staff" */
.pseudo { margin: 5px 0px; font-weight: bold; font-size: 110%; }
/* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}
/* GÉNÉRAL */
#pa { width: 800px; margin-left:-4px;}
#container { width: 800px; overflow: hidden; margin-top:10px; }
.left { width: 640px; float: left; margin-right: 10px; min-height: 150px; }
.right { width: 126px; height: 421px; border: 2px solid #303030; float: left; padding: 10px; }
/* contexte */ #contexte { width: 616px; max-widht:716px; height: 136px; max-height:136px; padding: 10px; margin-bottom: 10px; border: 2px solid #303030; }
img.contexteimg { width: 160px; height: 140px; margin: 0 10px 0 0; float: left; }
.texte-contexte { width: 440px; height: 140px; padding-right: 5px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ }
.texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;}
/* NEWS & CHOSES SE PASSANT */ .twocols { float: left; width: 291px; height: 81px; border: 2px solid #303030; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; text-align:justify }
.twocols:nth-child(even) { margin-right: 0px; }
.news img { width: 100%; height: auto;}
.choses img { position: absolute; top: 0; left: 0; width: 100%; height: 105px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; z-index: 1; }
.choses:hover img { /* Pour faire disparaitre l'image au survol */ position: absolute; width: 100%; height: 0px; top: 52.5px; left: 0; }
.choses p { /* Positionnement du texte sous l'image + scroll */ position: absolute; top: 0; left: 0; padding: 10px; width: 286px; height: 85px; overflow-y: auto; z-index: 0; }
/* MEMBRES + NEWS + RECHERCHES */ .threecols { float: left; width: 194px; height: 136px; border: 2px solid #303030; margin-right: 10px; padding: 10px; position: relative; }
.threecols2 { float: left; width: 160px; height: 136px; border: 2px solid #303030; margin-right: 10px; padding: 10px; position: relative; } .threecols:nth-child(2) { width: 216px; }
.threecols:last-child { margin-right: 0px; }
.memberofthemonth { width: 216px; height: 115px; padding-left : 15px; padding-right:15px; } .mom { float: left; width: 75px; margin-right: 6px; text-align: center; }
.mom .pseudo { font-weight: bold;}
.mom:nth-child(2), .research a:nth-child(odd) { margin-right: 0px; }
.mom img { width: 75px; height: 75px;background-color:#303030; } .newscontent { height: 110px; overflow-y: auto; }
.nouvelle { margin: 5px 0px; border-bottom: 1px dotted #303030; padding-bottom: 5px; } .research {text-align: center;overflow-y: auto;} .research a { display: inline-block; width: 50px; height: 50px; background: #303030; margin-left: 5px; margin-bottom: 10px; text-align: center; }
.research a img{ width: 50px; height: 50px; }
/* STAFFS */
.contentstaff { width: 126px; text-align: center; margin-bottom: 10px; }
.contentstaff img { width: 126px; height: 80px;background: #303030; }
/* PARTENAIRES */
#footer { clear: both; width: 900px; padding-top: 10px !important; }
#footer img { width: 50px; height: 50px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#footer img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
#credits { position: absolute; bottom: 10px; right: 0; }
/* CODAGE GLOBAL */ body { float:left; margin:0; margin-left:200px; width:800px; padding:0; } .bodyline { margin:0; padding:0; padding-left:10px; }
/* HAUT CATEGORIES */ .topCAT { margin:5px auto; width:800px; } /* TITRE CATEGORIES */ .tleCAT{ width:790px; padding:1px 0; text-align:center; background:black; /* MODIFIABLE */ } .tleCAT h2{ font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUMS */ .blocFRM{ width:800px; margin:auto; } /* BLOC FORUM */ .FRM { float:left; margin:5px 0; width:400px; opacity:0.8; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear; } .FRM:hover { opacity:1; } /* TITRE FORUM */ .tleFRM { width:365px; padding:10px 0 10px 25px; text-transform:uppercase; text-align:left; background:black; /* MODIFIABLE */ } .tleFRM a{ letter-spacing:0; color:white !important; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOLEMENT TITRE FORUM */ .tleFRM:hover a{ letter-spacing:2px; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:250px; height:90px; padding:5px; overflow:auto; font-size:9px; text-align:justify; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { display:inline-block; width:120px; height:90px; padding:5px; overflow:hidden; text-align:left; text-transform:uppercase; font-size:11px; background:#ccc; /* MODIFIABLE */ } /* LIEN SOUS-FORUMS */ .sfFRM a{ color:black !important; /* MODIFIABLE */ } /* BLOC DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:250px; height:40px; padding:5px; overflow:hidden; text-align:center; font-size:8px; background-color:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS ET MESSAGES FORUM */ .nbFRM { margin-bottom:3px; width:250px; height:18px; padding-top:7px; font-size:9px; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR */ .lmsgFRM .gensmall { font-size:8px; /* MODIFIABLE */ } .lmsgFRM br { display:none; } .lmsgFRM a{ margin:0 5px; } .lmsgFRM .sprite-icon_topic_latest { margin-left:-12px; max-height:8px; } /* ICÔNES FORUM */ .imgFRM{ display:inline-block; vertical-align:top; width:130px; height:50px; }
/*______________________PRESENTATION DU SUJET______________________*/ /* TITRE MESSAGES */ .tleP { text-align:left; font-size:10px; color:white; /* MODIFIABLE */ } /* PSEUDONYME */ .nameP { width:60%; height:20px; padding:5px; text-align:center; text-transform:uppercase; background:#9777d5; /* MODIFIABLE */ } /* CITER/EDITER/IP */ .toolsP { width:40%; height:20px; padding:5px; text-align:right; background:#dedede; /* MODIFIABLE */ } /* APPARENCE MESSAGES */ div.postbody { padding:10px; min-height:100px; margin-top:10px; background:rgba(250,250,250,0.7); box-shadow:0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */ text-align:justify; } /* BLOC JOUEUR */ .tlP { margin-right:-75px; margin-left:10px; margin-top:7px; width:200px; text-align:center; } /* BLOC AVATAR */ #blocAVA { width:200px; height:400px; margin:-5px auto 0; overflow:hidden; } .blocAVA { position:relative; width:200px; height:400px; overflow:hidden; } /* AVATAR */ .avaP { width:200px; height:400px; transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear; } #blocAVA:hover .avaP { transform:translateX(200px); -webkit-transform:translateX(200px); } /* BLOC INFORMATIONS JOUEUR */ .dtailS { position:absolute; margin-top:-400px; padding:5px; width:190px; height:390px; overflow:auto; background:#191919; /* MODIFIABLE */ transform:translateX(-200px); -webkit-transform:translateX(-200px); transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear; } #blocAVA:hover .dtailS { transform:translateX(0px); -webkit-transform:translateX(0px); } /* CONTENUS INFORMATIONS JOUEUR */ .dtailS div{ margin:5px auto; width:170px; padding:5px; font-family:Arial; font-size:11px; text-align:justify; color:white; background:rgba(250,250,250,0.3); /* MODIFIABLE */ } /* TITRES INFORMATIONS JOUEUR */ .dtailS div span{ text-transform:uppercase; color:#9777d5; /* MODIFIABLE */ } /* BLOC IMAGE RANG/RANG/IMAGES CONTACT */ #rankP { margin-top:10px; width:200px; padding-top:15px; border-radius:10px; overflow:hidden; background:#ccc; box-shadow:inset 0 0 55px rgba(0,0,0,0.1); /* MODIFIABLE */ } /* TEXTE RANG */ .rankP { margin:auto; text-transform:uppercase; text-align:center; color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.4); /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactP { position:relative; z-index:3; margin:auto; margin-top:5px; width:200px; text-align:center; opacity:0.7; } /* IMAGE RANG */ .imgrankP img{ margin-top:-25px; width:200px; transform:rotate(180deg); -webkit-transform:rotate(180deg); }
/* QEEL */ #QEEL { margin:auto; width:800px; } /* TITRE QEEL */ .tleQEEL { display:block; width:800px; padding:15px 0; text-align:right; text-transform:uppercase; font-family:Arial; } .tleQEEL a{ font-size:36px; } /* BLOC GAUCHE QEEL */ #blocQEEL { display:inline-block; vertical-align:top; } .blocQEEL { position:relative; width:300px; height:275px; overflow:hidden; }
/* BLOC MEMBRES EN LIGNE/24H QEEL */ #ondayQEEL { width:300px; height:265px; padding-top:10px; text-align:center; background:rgba(250,250,250,0.3); /* MODIFIABLE */ transform:translateX(300px); -webkit-transform:translateX(300px); transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear; } #blocQEEL:hover #ondayQEEL { transform:translateX(0px); -webkit-transform:translateX(0px); } #blocQEEL:hover img{ transform:translateX(-300px); -webkit-transform:translateX(-300px); } /* MEMBRES CONNECTES QEEL */ .onlineQEEL { margin:auto; margin-bottom:5px; width:255px; height:95px; padding:10px; overflow:hidden; background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */ font-size:10px; text-align:justify; } .onlineQEEL:hover { overflow:auto; } /* 24H QEEL */ .dayQEEL { margin:auto; width:265px; height:125px; padding:5px; overflow:hidden; background-color:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */ font-size:10px; text-align:justify; } .dayQEEL:hover { overflow:auto; } /* STATISTIQUES QEEL */ .stsQEEL { display:inline-block; vertical-align:top; width:275px; height:260px; padding-top:15px; overflow:hidden; background:rgba(250,250,250,0.2); color:white; /* MODIFIABLE */ text-align:center; font-size:11px; } /* TITRES STATISTIQUES QEEL */ .stsQEEL div { margin:5px auto; padding:5px 0; width:75%; text-transform:uppercase; font-weight:bold; text-align:center; border-bottom:1px solid black; /* MODIFIABLE */ } /* ANNIVERSAIRES */ .anvQEEL { display:block; margin:10px auto 0; width:75%; height:75px; overflow:hidden; border:none; font-weight:normal; text-align:justify; background:#dedede; /* MODIFIABLE */ transform:scale(0.5); -webkit-transform:scale(0.5); transition:transform 0.65s ease; -webkit-transition:transform 0.65s ease; } .anvQEEL:hover { overflow:auto; transform:scale(1); -webkit-transform:scale(1); } .anvQEEL .row1{ padding:0; background:none !important; } /* BLOC DROITE QEEL */ #blocIIQEEL { display:inline-block; vertical-align:top; } .blocIIQEEL { position:relative; width:225px; height:275px; overflow:hidden; } #blocIIQEEL:hover .GQEEL { transform:translateX(0px); -webkit-transform:translateX(0px); } #blocIIQEEL img { position:absolute; width:225px; height:275px; transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear; } #blocIIQEEL:hover img{ transform:translateX(225px); -webkit-transform:translateX(225px); } /* BLOC GROUPES QEEL */ .GQEEL { width:225px; height:255px; padding:10px 0; text-align:center; background:rgba(250,250,250,0.3); /* MODIFIABLE */ transform:translateX(-225px); -webkit-transform:translateX(-225px); transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear; } /* GROUPES QEEL */ .GQEEL a { display:block; margin:0 5px; padding:5px; height:15px; min-width:70px; text-transform:uppercase; font-weight:bold; text-align:center; font-size:16px; font-family:Arial; text-shadow:0 -1px 0 black; /* MODIFIABLE */ opacity:0.7; transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOLEMENT GROUPES QEEL */ .GQEEL a:hover { opacity:1; } /*___________________________Liens utiles_____________________*/ .liens_utile { width:140px; padding:5px; background-color:#828282; position:fixed; height:autopx; right:170px; top:0px; z-index:100; font-size:15px; text-align: center; text-transform:Uppercase; }
/*___________________________Bandeau gauche_____________________*/ .bandeau_gauche { width:190px; padding:5px; background-color:#313131; position:fixed; height:autopx; left:0; top:0px; z-index:100; font-size:15px; text-align: center; text-transform:Uppercase; }
.bandeau_titre1 { font-size:15px; font-family:sans-serif; color:#8F8CAC; display:block; text-indent:0px; margin-top:0px; text-align:center; }
.bandeau_blabla { font-size:11px; font-family:sans-serif; text-align: center; display:display; text-indent:0px; margin:10px; }
.bandeau_lien { background-color:#fefefe; width:168px; padding:5px; height:11%; overflow:hidden; margin-left:0px; }
.bandeau_lien_zoom { font-size:11px; font-family:sans-serif; opacity:0.8; text-align:center; }
.bandeau_lien_zoom:hover { font-size:12px; font-family:sans-serif; opacity:1; text-align:center; } .bandeau_lien_zoom_d { font-size:12px; font-family:sans-serif; opacity:0.8; text-align:justify; }
.bandeau_lien_zoom_d ::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: 0px; /*hauteur de la scrollbar horizontale*/ background-color: #FEFEFE; } .bandeau_lien_zoom_d ::-webkit-scrollbar-track { background-color: #FEFEFE; /*couleur du fond de la scrollbar*/} .bandeau_lien_zoom_d ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #1D746B; /*couleur de l'ascenseur*/ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.bandeau_interphone2 { text-align:justify; font-size:11px; font-family:sans-serif; color: #090b06; display:block; }
.bandeau_interphone1 { width:140px; padding:5px; height:7%; overflow:autopx; margin-left:0px; } /*___________________________ Scrollbar _____________________*/ /*modifier l'apparence des scrollbars de tout le forum*/ ::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: 0px; /*hauteur de la scrollbar horizontale*/ background-color: #EBEBEB;} ::-webkit-scrollbar-track { background-color: #EBEBEB; /*couleur du fond de la scrollbar*/} ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #BB3132; /*couleur de l'ascenseur*/ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
/*______________________enlever le message "édité x fois" dans les topics______________________*/
tr.post span.gensmall { display: none; }
/*______________________enlever le soulignement______________________*/
a:hover{ text-decoration: none !important; } a { text-decoration: none !important; } a:link { text-decoration: none; } a:visited { text-decoration: none; } J'ai préféré tout mettre par prudence mais je suppose qu'il n'y a que la première partie à regarder. Je pense aussi que le deuxième beug que je vais vous présenter, est relié au premier. Beug 2Pour finir, voici mes deux commandes : Un queel : Largeur maximale : 800pxHauteur maximale : 400pxSchéma : Schéma Éléments : Je pense que tout est suggéré sur le schéma. Si vous avez des questions, n'hésitez pas. Images : Pour le titre "qui est en ligne" : Le titre ne fait pas "vraiment" partie du queel, il est en dehors en soit. Je ne sais pas si j'explique correctement. Animations : Effet hover il me semble pour les groupes.Informations supplémentaires : /Un footer : Largeur maximale : 800pxHauteur maximale : 400pxSchéma : Schéma Éléments : Je pense que tout est suggéré sur le schéma. Si vous avez des questions, n'hésitez pas. Images : Pour le titre "qui est en ligne" : Le titre ne fait pas "vraiment" partie du queel, il est en dehors en soit. Je ne sais pas si j'explique correctement. Animations : Effet hover il me semble pour les groupes.Informations supplémentaires : /Et si vous avez le temps : Sujet Largeur maximale : 800pxHauteur maximale : autoSchéma : Schéma Éléments : Si ce que j'ai marqué, ce n'est pas possible, je pense surtout à l'effet opacity pour allez sur le profil etc. Je me chargerais de faire une autre esquisse. Images : Aucune en particulière, après si vous voulez rajouter sur le bord de l'avatars une image de rang qui ressemble à la prison, c'est avec plaisir. Animations : Tout est marqué sur l'image normalement. Informations supplémentaires : A votre appréciationWooh. Tout ça, j'espère que vous accepterez mes demandes qui sont nombreuses, très nombreuses et je vous en serais très reconnaissante, je suis en tout cas, très contente de travailler avec vous ! Merci encore pour tout. Chaleureusement, Corpse, |
| | | Ven 12 Fév - 6:23 | Remplacer l'intégralité du template index_body par :- Spoiler:
- Code:
-
{JAVASCRIPT} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <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" align="right"> <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_header.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_header --> {CHATBOX_TOP} {BOARD_INDEX}
<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"><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><img src="http://zupimages.net/up/16/06/x3s8.png" /></a></div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT -->Bienvenue à <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> <!-- STATISTIQUES --><div class="boxQEEL"><div class="tleBQEEL">Statistiques</div><div class="stsQEEL">{TOTAL_POSTS}.<br/>{TOTAL_USERS}.</div></div><!-- EN LIGNE --><div class="boxQEEL"><div class="tleBQEEL">Membres connectés</div><div class="onlineQEEL"><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/><table>{LOGGED_IN_USERS_LIST}</table></div></div><!-- ANNIVERSAIRES --><div class="boxQEEL"><div class="tleBQEEL">Anniversaires</div><div class="anvQEEL"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div><!-- 24H --><div class="boxQEEL"><div class="tleBQEEL">24H</div><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div>
<div class="GQEEL"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onclick="javascript:change_onglet('eins');" style="color:#FA5858;">Groupe I</span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onclick="javascript:change_onglet('zwei');" style="color:#FF8000;">Groupe II</span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onclick="javascript:change_onglet('drei');" style="color:#FFFF00;">Groupe III</span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onclick="javascript:change_onglet('vier');" style="color:#80FF00;">Groupe IV</span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onclick="javascript:change_onglet('funf');" style="color:#0080FF;">Groupe V</span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onclick="javascript:change_onglet('sechs');" style="color:#BF00FF;">Groupe VI</span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onclick="javascript:change_onglet('sieben');" style="color:#FE2EF7;">Groupe VII</span></div>
<script type="text/javascript"> //<!-- var anc_onglet = 'eins'; change_onglet(anc_onglet); //--> </script> <!-- 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 groupe 1.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei">Contenu groupe 2.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei">Contenu groupe 3.</div><!-- CONTENU GROUPE 4 --><div class="contenu_onglet" id="contenu_onglet_vier">Contenu groupe 4.</div><!-- CONTENU GROUPE 5 --><div class="contenu_onglet" id="contenu_onglet_funf">Contenu groupe 5.</div><!-- CONTENU GROUPE 6 --><div class="contenu_onglet" id="contenu_onglet_sechs">Contenu groupe 6.</div><!-- CONTENU GROUPE 7 --><div class="contenu_onglet" id="contenu_onglet_sieben">Contenu groupe 7.</div> </div>
</div> </td> </tr> </table> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" />
{AUTO_DST}
<!-- PARTENAIRES FOOTER --><div class="footerSIT"><iframe src="lien" scrolling="no" style="width:800px; height:90px;" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>
<!-- BEGIN switch_fb_index_login --> <div id="fb-root"></div> <script> FB.init({ appId : {switch_fb_index_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_fb_index_login --> Remplacer l'intégralité du template viewtopic_body par :- Spoiler:
- Code:
-
<script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){
if(typeof(_atc) == "undefined") { _atc = { }; } _atc.cwait = 0; $('.addthis_button').mouseup(function(){ if ($('#at15s').css('display') == 'block') { addthis_close(); } }); });
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; };
//]]> </script>
<table width="100%" border="0" cellspacing="2" cellpadding="0"> <tr><td colspan="3"> <div class="tlePOST"><h1 class="cattitle"> {TOPIC_TITLE}</h1> <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span></div> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
<!-- BEGIN topicpagination --> <tr> <td colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <!-- BEGIN postrow --> <!-- BEGIN hidden --> <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td> </tr> <!-- END hidden --> <!-- BEGIN displayed --> <tr><td colspan="3"> <!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active --> </td></tr> <tr><td colspan="3"><div class="toolsPOST">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div></td></tr> <tr> <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="3"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div></td> <td> <div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments --> <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd> <!-- BEGIN switch_post_attachments --> <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att --> <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL} <!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att --> {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL} <!-- END switch_no_dl_att --> </dt>
<!-- BEGIN switch_no_comment --> <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd> <!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att --> <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd> <!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl> <!-- END switch_post_attachments --> </dd> </dl> <!-- END switch_attachments -->
<div class="clear"></div> <!-- BEGIN switch_signature --> <div class="signature_div"> {postrow.displayed.SIGNATURE} </div> <!-- END switch_signature -->
</div> </td> </tr> </table> </td> <td valign="top"> <div class="boxPOST"><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}<div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div></div> <div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong></div> <div class="rankPOST">{postrow.displayed.POSTER_RANK}</div> <div class="abtPOST"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --> <div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div></div> <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div></div> </td> </tr> <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" colspan="4"> <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td> <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" colspan="2"> </td> </tr> <!-- BEGIN first_post_br --> </table> <hr /> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- END first_post_br --> <!-- END displayed --> <!-- END postrow --> <!-- BEGIN no_post --> <tr align="center"> <td class="row1" colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> <tr align="right"> <td class="catBottom" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> </table> <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"> <tr> <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td> <!-- BEGIN topicpagination --> <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </tr> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <tr> <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr> <!-- END watchtopic --> <!-- END switch_user_logged_in --> </table>
<!-- BEGIN promot_trafic --> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="row2 postbody" valign="top"> <!-- BEGIN link --> » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br /> <!-- END link --> </td> </tr> </table> <!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules --> <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td class="catBottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div class="cattitle"> {L_FORUM_RULES}</div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="row1 clearfix"> <table> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td> <!-- END switch_forum_rule_image --> <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table> <!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="row2" colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br /> <!-- END switch_user_logged_in --> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </table> </form>
<!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize --> <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> I. Créer une nouvelle page html : - Code:
-
<style type="text/css">.FOOTER {width:800px; height:65px; padding:10px 0; overflow:auto; text-align:center;} .FOOTER a{margin:4px;} .FOOTER a img{opacity:0.7; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;} .FOOTER a:hover img{opacity:1;}</style> <!-- FOOTER --><div class="FOOTER" style="background:rgba(250,250,250,0.3);"><!-- LIGNE I - 8 PARTENAIRES 88*31 - I --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- IV --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- V --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VI --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VII --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VIII --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- LIGNE II - 8 PARTENAIRES 88*31 - I --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- IV --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- V --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VI --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VII --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VIII --><a href="..." target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a></div> II. Remplacer le lien de l'iframe du template index_body :∞ Effectuer les modifications - ajout/actualisation de partenaire, directement à partir de la page html dédiéeRemplacer l'intégralité de la partie CSS par : - Code:
-
/* CODAGE GLOBAL */ body{ float:left; margin:0; margin-left:200px; width:800px; padding:0; background-attachment:fixed; background-color:#828282; background-image:url(http://www.zupimages.net/up/16/06/pibo.jpg); } #i_logo { margin-bottom:15px; } .bodyline { background: #828282; margin:0; padding:0; border-right:2px solid #828282; border-left:2px solid #828282; box-shadow:0px 0px 20px #EAEAEA; } /*_________Navigation ND___________*/ a.mainmenu{ width:600px; font-size:12px; font-family:Roboto; text-transform:uppercase; } .menu{ border-bottom: 5px solid #E6E8F0; border-top: 5px solid #E6E8F0; margin-top:60px; padding-top: 60px; }
/*______________________P.A______________________*/ /* ajustements personnels */
/* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: sans-serif; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: 'Roboto', sans-serif; font-size: 15px; color: #eaeaea; text-transform: uppercase; text-align: center; font-style: italic; margin-bottom: 10px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #883A3A; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } #pa a:hover{ color: #883A3A; } /* stylisation format date des news */ .date { font-weight: bold; font-size: 11px; text-transform: uppercase; color: #883A3A; } /* stylisation liens menu */ ul#menu a { text-decoration: none; letter-spacing: 0px; font-size: 16px; color: #883A3A; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } ul#menu a:hover { letter-spacing: 2px; font-weight: bold; } /* stylisation pseudo "staff" */ .pseudo { margin: 5px 0px; font-weight: bold; font-size: 110%; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}
/* GÉNÉRAL */ #pa { width: 800px; margin-left:-4px; } #container { width: 800px; overflow: hidden; margin-top:10px; } .left { float: left; margin-right: 10px; width: 640px; min-height: 150px; } .right { float: left; padding: 10px; width: 126px; height: 421px; border: 2px solid #303030; } /* contexte */ #contexte { width:616px; max-width:716px; height: 136px; max-height:136px; padding: 10px; margin-bottom: 10px; border: 2px solid #303030; } img.contexteimg { float: left; margin: 0 10px 0 0; width: 160px; height: 140px; } .texte-contexte { width: 440px; height: 140px; padding-right: 5px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px; } .texte-contexte p:last-child{ margin-bottom: 0px; } /* NEWS & CHOSES SE PASSANT */ .twocols { float: left; margin-right: 10px; width: 291px; height: 81px; padding: 10px; overflow: hidden; border: 2px solid #303030; position: relative; text-align:justify } .twocols:nth-child(even) { margin-right: 0px; } .news img { width: 100%; height: auto; } .choses img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 105px; transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; } .choses:hover img { /* Pour faire disparaitre l'image au survol */ position: absolute; top: 52.5px; left: 0; width: 100%; height: 0px; } .choses p { /* Positionnement du texte sous l'image + scroll */ position:absolute; z-index: 0; top: 0; left: 0; width: 286px; height: 85px; padding: 10px; overflow-y: auto; } /* MEMBRES + NEWS + RECHERCHES */ .threecols { position: relative; float: left; margin-right: 10px; width: 194px; height: 136px; padding: 10px; border: 2px solid #303030; } .threecols2 { float: left; position: relative; margin-right: 10px; width: 160px; height: 136px; padding: 10px; border: 2px solid #303030; } .threecols:nth-child(2) { width: 216px; } .threecols:last-child { margin-right: 0px; } .memberofthemonth { width: 216px; height: 115px; padding-left : 15px; padding-right:15px; } .mom { float: left; margin-right: 6px; width: 75px; text-align: center; } .mom .pseudo { font-weight: bold; } .mom:nth-child(2), .research a:nth-child(odd) { margin-right: 0px; } .mom img { width: 75px; height: 75px; background-color:#303030; } .newscontent { height: 110px; overflow-y: auto; } .nouvelle { margin: 5px 0px; border-bottom: 1px dotted #303030; padding-bottom: 5px; } .research { text-align: center; overflow-y: auto; } .research a { display: inline-block; margin-left: 5px; margin-bottom: 10px; width: 50px; height: 50px; background: #303030; text-align: center; } .research a img{ width: 50px; height: 50px; } /* STAFF */ .contentstaff { margin-bottom: 10px; width: 126px; text-align: center; } .contentstaff img { width: 126px; height:80px; background:#303030; }
#credits { position: absolute; bottom:10px; right: 0; }
/* HAUT CATEGORIES */ .topCAT { margin:5px auto; width:798px; } /* TITRE CATEGORIES */ .tleCAT{ margin:auto; width:798px; padding:1px 0; text-align:center; background:black; /* MODIFIABLE */ } .tleCAT h2{ font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUMS */ .blocFRM{ width:800px; margin:auto; } /* BLOC FORUM */ .FRM { float:left; margin:5px 0 5px 1px; width:399px; opacity:0.7; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear; } .FRM:hover { opacity:1; } /* TITRE FORUM */ .tleFRM { width:370px; padding:10px 0 10px 27px; text-transform:uppercase; text-align:left; background:black; /* MODIFIABLE */ } .tleFRM a{ letter-spacing:0; color:white !important; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOL TITRE FORUM */ .tleFRM:hover a{ letter-spacing:2px; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:262px; height:90px; padding:5px; overflow:auto; font-size:9px; text-align:justify; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { display:inline-block; width:115px; height:90px; padding:5px; overflow:hidden; text-align:left; text-transform:uppercase; font-size:11px; background:#ccc; /* MODIFIABLE */ } /* LIEN SOUS-FORUMS */ .sfFRM a{ color:black !important; /* MODIFIABLE */ } /* BLOC DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:262px; height:40px; padding:5px; overflow:hidden; text-align:center; font-size:8px; background-color:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS ET MESSAGES FORUM */ .nbFRM { margin-bottom:3px; width:262px; height:18px; padding-top:7px; font-size:9px; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR */ .lmsgFRM .gensmall { font-size:8px; /* MODIFIABLE */ } .lmsgFRM br { display:none; } .lmsgFRM a{ margin:0 5px; } .lmsgFRM .sprite-icon_topic_latest { margin-left:-12px; max-height:8px; } /* ICÔNES FORUM */ .imgFRM{ display:inline-block; vertical-align:top; width:125px; height:50px; } /* PRESENTATION DU SUJET */ /* TITRE SUJET */ .tlePOST { margin:auto; width:780px; padding:15px 0; background:grey; color:black; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } .tlePOST h1 { display:block; font-size:32px; } /* CITER / EDITER / SUPPRIMER / IP */ .toolsPOST { margin-left:25px; } /* DATE SUJET */ .datePOST { width:5px; padding:5px; word-break:break-all; font-size:11px; text-transform:uppercase; text-align:center; } /* APPARENCE MESSAGE */ div.postbody { background:#ccc; color:black; /* MODIFIABLE */ width:545px; min-height:180px; padding:10px; text-align:justify; } /* TAILLE MAXIMALE DES IMAGES APPARENCE MESSAGE */ div.postbody img { max-width:525px; } /* BLOC JOUEUR */ .boxPOST { margin-left:10px; width:200px; } /* AVATAR */ .avaPOST { width:200px; height:400px; } /* CONTACT */ .ktactPOST { position:absolute; z-index:3; margin-top:-400px; width:190px; height:390px; padding:5px; overflow:hidden; text-align:center; background:rgba(0,0,0,0.7); /* MODIFIABLE */ opacity:0; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out; } .ktactPOST:hover { opacity:1; } /* IMAGES CONTACT */ .ktactPOST img{ display:block; margin:10px auto; } /* PSEUDONYME */ .namePOST { width:200px; padding:5px 0 0; text-align:center; text-transform:uppercase; font-size:28px; letter-spacing:1px; } .namePOST a { text-decoration: none !important; } /* TEXTE RANG */ .rankPOST { width:200px; padding-bottom:5px; text-align:center; font-size:12px; text-transform:uppercase; } /* INFORMATIONS JOUEUR */ .abtPOST { width:190px; padding:5px; background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */ font-size:11px; } .abtPOST img{ max-width:190px; width:190px; height:100px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.55s ease-in-out; -webkit-transition:all 0.55s ease-in-out; } .abtPOST img:hover { filter:grayscale(0); -webkit-filter:grayscale(0); } /* INTITULES INFORMATIONS JOUEUR */ .abtPOST span{ text-transform:uppercase; font-weight:bold; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE */ .rpgPOST{ margin-top:5px; font-size:11px; color:black; /* MODIFIABLE */ } /* IMAGE RANG */ .imgrankPOST { max-width:200px; } /* LIENS FORUMS LUS/SUJETS & POSTEURS DU JOUR */ .lksSTATS { padding:10px 0; text-align:center; } .lksSTATS .gensmall { color:black; /* MODIFIABLE */ }
/* QEEL */ #QEEL { margin:auto; width:800px; } /* TITRE QEEL */ .tleQEEL { display:inline-block; vertical-align:top; width:385px; height:50px; } /* DERNIER UTILISATEUR ENREGISTRE QEEL */ .lstQEEL { display:inline-block; vertical-align:top; width:415px; height:35px; padding-top:15px; background:#3e3e3e; color:white; /* MODIFIABLE */ text-transform:uppercase; text-align:center; font-size:16px; } /* BLOCS POSITIONNEMENT */ .boxQEEL { display:inline-block; vertical-align:top; width:400px; } /* TITRES BLOCS QEEL */ .tleBQEEL { width:400px; height:20px; font-family:Arial; background:#0d1217; color:white; /* MODIFIABLE */ letter-spacing:2px; text-transform:uppercase; text-align:center; } /* STATISTIQUES */ .stsQEEL { width:390px; height:90px; padding:5px; overflow:auto; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } /* MEMBRES CONNECTES */ .onlineQEEL { width:390px; height:90px; padding:5px; overflow:auto; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } .onlineQEEL .row1 { background:none; padding:0; } /* ANNIVERSAIRES QEEL */ .anvQEEL { width:390px; height:90px; padding:5px; overflow:auto; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } .anvQEEL .row1{ background:none !important; padding:0 !important; } /* 24H */ .dayQEEL { width:390px; height:90px; padding:5px; overflow:auto; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } .dayQEEL .row1 { background:none; padding:0; } /* BLOC NOMS DES GROUPES QEEL */ .GQEEL { width:800px; height:23px; padding:2px 0 0; overflow:auto; background-color:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ text-align:center; font-size:16px; text-transform:uppercase; } /* NOM GROUPE QEEL */ .onglet { display:inline-block; margin:0 5px; opacity:0.5; } /* SURVOL NOM GROUPE QEEL */ .onglet_1 { opacity:1; font-weight:bold; } /* DESCRIPTIFS GROUPES QEEL */ .blocGQEEL { width:800px; margin:auto; } .contenu_onglet { display:none; width:790px; height:75px; padding:5px; overflow:auto; font-size:11px; text-align:justify; background:rgba(0,0,0,0.2); color:black; /* MODIFIABLE */ } /* PARTENAIRES FOOTER */ .footerSIT { margin:auto; margin-top:15px; width:800px; height:85px; padding:0; } /*___________________________Liens utiles_____________________*/ .liens_utile { position:fixed; right:170px; top:0; z-index:100; width:140px; height:auto; padding:5px; background-color:#828282; font-size:15px; text-align:center; text-transform:uppercase; }
/*___________________________Bandeau gauche_____________________*/ .bandeau_gauche { position:fixed; left:0; top:0; z-index:100; width:190px; height:auto; padding:5px; background-color:#313131; font-size:15px; text-align:center; text-transform:uppercase; } .bandeau_titre1 { display:block; margin-top:0; text-align:center; font-size:15px; font-family:sans-serif; color:#8F8CAC; text-indent:0px; } .bandeau_blabla { display:display; margin:10px; font-size:11px; font-family:sans-serif; text-align: center; text-indent:0px; } .bandeau_lien { background-color:#fefefe; margin-left:0; width:168px; height:11%; padding:5px; overflow:hidden; } .bandeau_lien_zoom { text-align:center; font-size:11px; font-family:sans-serif; opacity:0.8; } .bandeau_lien_zoom:hover { font-size:12px; opacity:1; } .bandeau_lien_zoom_d { font-size:12px; font-family:sans-serif; text-align:justify; opacity:0.8; } .bandeau_lien_zoom_d ::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: 0px; /*hauteur de la scrollbar horizontale*/ background-color: #FEFEFE; } .bandeau_lien_zoom_d ::-webkit-scrollbar-track { background-color: #FEFEFE; /*couleur du fond de la scrollbar*/ } .bandeau_lien_zoom_d ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #1D746B; /*couleur de l'ascenseur*/ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .bandeau_interphone2 { display:block; text-align:justify; font-size:11px; font-family:sans-serif; color: #090b06; } .bandeau_interphone1 { margin-left:0; width:140px; height:7%; padding:5px; overflow:auto; } /*___________________________ Scrollbar _____________________*/ ::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: 0px; /*hauteur de la scrollbar horizontale*/ background-color: #EBEBEB; } ::-webkit-scrollbar-track { background-color: #EBEBEB; /*couleur du fond de la scrollbar*/ } ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #BB3132; /*couleur de l'ascenseur*/ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
/*______________________enlever le soulignement______________________*/ a, a:focus, a:active, a:hover, a:link, a:visited { text-decoration:none !important; } |
| | | Ven 12 Fév - 12:10 | Bonjour, Bonjour, Merci pour tout ce que vous avez fait ! C'est rapide et efficace. Je suis vraiment contente de travailler avec vous. J'ai fait un copier coller tout simple de tout vos codes. Mais il y a encore un léger soucis. Je vous redirige vers le forum test : Forum test• Le margin-left 200px, ne fonctionne toujours pas. Et il reste toujours une bande de environs 10px sur la droite, ce qui fait qu'il y a encore un trou entre la bannière et la fin de la largeur voulu pour le forum. Et il y a des petits beugs il me semble pour le queel et les partenaires footer. Je m'explique en image tout d'abord pour le queel : https://www.zupimages.net/up/16/06/y2m2.png• Le titre qui est en ligne en image, c'est en dehors du queel, en soit. Il est centré et en dessous débute le vrai "queel" avec le "Bienvenue à ..." centré lui aussi. • Et les autres images "les statistiques et Membre connecté il y 'a un petit padding top de 10. • Le bleu c'est une bordure de 1px, je l'ai faite plus grosse sur le schéma pour qu'on la voit mieux. Pour le footer : https://www.zupimages.net/up/16/06/139r.png• Les images ne sont pas alignées sur la deuxième ligne et sont collées. J'aimerais qu'elles soit toutes alignées et qu'il y est le même padding qu'entre chaque images sur une ligne mais cette fois ci, pour séparer les deux lignes. J'espère que vous comprenez ce que je suis en train de dire, j'ai beaucoup de mal à m'exprimer. Donc je l'ai faite en image : https://www.zupimages.net/up/16/06/8k67.pngPour le sujet Je me suis encore une fois mal exprimée, ou mal schématisée, mais c'est compliqué de faire ressortir tout ce que l'on veut sur cacoo. Le site où je vais pour faire mes schémas. • Pour la date sur le coté du sujet, je voulais quel soit mise de cette manière : https://www.zupimages.net/up/16/06/j445.png• Pour l'avatar j'aimerais que lorsqu'on passe la souris, les champs de contact soit un peu espacés et tous alignés du coté droit, en mode Justify si vous voyez ce que je veux dire. • Et j'aimerais que les Boutons : Nouveaux Sujet / Répondre au sujet soit en haut à droite, au dessus des boutons Citer éditer supprimer. Et qu'entre "Votre 1er sujet" et les Boutons Nouveau sujet/Répondre au sujet qu'il y ai plus de largeur entre ces deux élément, pour ne pas que ça fasse block. Voilà, je suis désolée, je dois vous accaparer votre temps. En espérant que vous acceptiez tout de même malgré mes exigences de continuer à travailler avec moi. Ce forum m'est très chères. Bonne journée à vous, Chaleureusement, Corpse. |
| | | Ven 12 Fév - 15:01 | Re bonjour,
Je me permet un double post, pour vous informer, que j'ai réussi avec le footer. Il fallait juste que je fasse un retour à la ligne entre les images. C'est parfait, merci encore pour votre travail !
- Ce matin, les catégories marchaient bien, c'était parfait, maintenant, elles ne s'affichent plus. Je me suis donc dit, que le cache était peut-être trop chargé. Je l'ai donc vidé. Mais rien n'y fait. Pourtant, elles sont bien dans le css, et ce matin, tout marchait bien. Je ne sais comment réagir face à ça.
En vous souhaitant une agréable journée,
Chaleureusement, Corpse,
|
| | | Sam 13 Fév - 4:47 | Le résultat de votre forum test différant significativement du mien, quels paramètres avez-vous modifié à la suite de sa création ? Avez-vous activé l'optimisation du CSS ? Avez-vous déterminé la largeur du forum à l'endroit dédié du panneau d'administration - Général > Forum > Configuration > Structure des pages ? - Citation :
- Et j'aimerais que les Boutons : Nouveaux Sujet / Répondre au sujet soit en haut à droite, au dessus des boutons Citer éditer supprimer. Et qu'entre "Votre 1er sujet" et les Boutons Nouveau sujet/Répondre au sujet qu'il y ai plus de largeur entre ces deux élément, pour ne pas que ça fasse block.
L'ajout de ces boutons exigeant une modification du template, il vous faudra ainsi vous contenter de ceux toujours disponibles au bas du sujet.
Afin de corriger l'apparence du QEEL & du sujet, remplacer l'intégralité de la partie CSS par : - Code:
-
/* CODAGE GLOBAL */ body{ float:left; margin:0; margin-left:200px !important; width:800px; padding:0; background-attachment:fixed; background-color:#828282; background-image:url(http://www.zupimages.net/up/16/06/pibo.jpg); } #i_logo { margin-bottom:15px; } .bodyline { background: #828282; margin:0; padding:0 !important; border-right:2px solid #828282; border-left:2px solid #828282; box-shadow:0px 0px 20px #EAEAEA; } /*_________Navigation ND___________*/ a.mainmenu{ width:600px; font-size:12px; font-family:Roboto; text-transform:uppercase; } .menu{ border-bottom: 5px solid #E6E8F0; border-top: 5px solid #E6E8F0; margin-top:60px; padding-top: 60px; }
/*______________________P.A______________________*/ /* ajustements personnels */
/* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: sans-serif; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: 'Roboto', sans-serif; font-size: 15px; color: #eaeaea; text-transform: uppercase; text-align: center; font-style: italic; margin-bottom: 10px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #883A3A; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } #pa a:hover{ color: #883A3A; } /* stylisation format date des news */ .date { font-weight: bold; font-size: 11px; text-transform: uppercase; color: #883A3A; } /* stylisation liens menu */ ul#menu a { text-decoration: none; letter-spacing: 0px; font-size: 16px; color: #883A3A; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } ul#menu a:hover { letter-spacing: 2px; font-weight: bold; } /* stylisation pseudo "staff" */ .pseudo { margin: 5px 0px; font-weight: bold; font-size: 110%; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}
/* GÉNÉRAL */ #pa { width: 800px; margin-left:-4px; } #container { width: 800px; overflow: hidden; margin-top:10px; } .left { float: left; margin-right: 10px; width: 640px; min-height: 150px; } .right { float: left; padding: 10px; width: 126px; height: 421px; border: 2px solid #303030; } /* contexte */ #contexte { width:616px; max-width:716px; height: 136px; max-height:136px; padding: 10px; margin-bottom: 10px; border: 2px solid #303030; } img.contexteimg { float: left; margin: 0 10px 0 0; width: 160px; height: 140px; } .texte-contexte { width: 440px; height: 140px; padding-right: 5px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px; } .texte-contexte p:last-child{ margin-bottom: 0px; } /* NEWS & CHOSES SE PASSANT */ .twocols { float: left; margin-right: 10px; width: 291px; height: 81px; padding: 10px; overflow: hidden; border: 2px solid #303030; position: relative; text-align:justify } .twocols:nth-child(even) { margin-right: 0px; } .news img { width: 100%; height: auto; } .choses img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 105px; transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; } .choses:hover img { /* Pour faire disparaitre l'image au survol */ position: absolute; top: 52.5px; left: 0; width: 100%; height: 0px; } .choses p { /* Positionnement du texte sous l'image + scroll */ position:absolute; z-index: 0; top: 0; left: 0; width: 286px; height: 85px; padding: 10px; overflow-y: auto; } /* MEMBRES + NEWS + RECHERCHES */ .threecols { position: relative; float: left; margin-right: 10px; width: 194px; height: 136px; padding: 10px; border: 2px solid #303030; } .threecols2 { float: left; position: relative; margin-right: 10px; width: 160px; height: 136px; padding: 10px; border: 2px solid #303030; } .threecols:nth-child(2) { width: 216px; } .threecols:last-child { margin-right: 0px; } .memberofthemonth { width: 216px; height: 115px; padding-left : 15px; padding-right:15px; } .mom { float: left; margin-right: 6px; width: 75px; text-align: center; } .mom .pseudo { font-weight: bold; } .mom:nth-child(2), .research a:nth-child(odd) { margin-right: 0px; } .mom img { width: 75px; height: 75px; background-color:#303030; } .newscontent { height: 110px; overflow-y: auto; } .nouvelle { margin: 5px 0px; border-bottom: 1px dotted #303030; padding-bottom: 5px; } .research { text-align: center; overflow-y: auto; } .research a { display: inline-block; margin-left: 5px; margin-bottom: 10px; width: 50px; height: 50px; background: #303030; text-align: center; } .research a img{ width: 50px; height: 50px; } /* STAFF */ .contentstaff { margin-bottom: 10px; width: 126px; text-align: center; } .contentstaff img { width: 126px; height:80px; background:#303030; }
#credits { position: absolute; bottom:10px; right: 0; }
/* HAUT CATEGORIES */ .topCAT { margin:5px auto; width:798px; } /* TITRE CATEGORIES */ .tleCAT{ margin:auto; width:798px; padding:1px 0; text-align:center; background:black; /* MODIFIABLE */ } .tleCAT h2{ font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; color:white; /* MODIFIABLE */ } /* BLOC FORUMS */ .blocFRM{ width:800px; margin:auto; } /* BLOC FORUM */ .FRM { float:left; margin:5px 0 5px 1px; width:399px; opacity:0.7; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear; } .FRM:hover { opacity:1; } /* TITRE FORUM */ .tleFRM { width:370px; padding:10px 0 10px 27px; text-transform:uppercase; text-align:left; background:black; /* MODIFIABLE */ } .tleFRM a{ letter-spacing:0; color:white !important; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOL TITRE FORUM */ .tleFRM:hover a{ letter-spacing:2px; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; width:262px; height:90px; padding:5px; overflow:auto; font-size:9px; text-align:justify; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { display:inline-block; width:115px; height:90px; padding:5px; overflow:hidden; text-align:left; text-transform:uppercase; font-size:11px; background:#ccc; /* MODIFIABLE */ } /* LIEN SOUS-FORUMS */ .sfFRM a{ color:black !important; /* MODIFIABLE */ } /* BLOC DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; width:262px; height:40px; padding:5px; overflow:hidden; text-align:center; font-size:8px; background-color:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */ } /* NOMBRE SUJETS ET MESSAGES FORUM */ .nbFRM { margin-bottom:3px; width:262px; height:18px; padding-top:7px; font-size:9px; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ } /* TAILLE PSEUDONYME DERNIER POSTEUR */ .lmsgFRM .gensmall { font-size:8px; /* MODIFIABLE */ } .lmsgFRM br { display:none; } .lmsgFRM a{ margin:0 5px; } .lmsgFRM .sprite-icon_topic_latest { margin-left:-12px; max-height:8px; } /* ICÔNES FORUM */ .imgFRM{ display:inline-block; vertical-align:top; width:125px; height:50px; } /* PRESENTATION DU SUJET */ /* TITRE SUJET */ .tlePOST { margin:auto; width:780px; padding:15px 0; background:grey; color:black; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } .tlePOST h1 { display:block; font-size:32px; } /* CITER / EDITER / SUPPRIMER / IP */ .toolsPOST { margin-left:25px; } /* DATE SUJET */ .datePOST { position:absolute; margin-top:305px; height:5px; width:300px; font-size:10px; text-transform:uppercase; text-align:right; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform-origin:top left; -webkit-transform-origin:top left; } /* APPARENCE MESSAGE */ div.postbody { margin-left:15px; background:#ccc; color:black; /* MODIFIABLE */ width:545px; min-height:380px; padding:10px; text-align:justify; } /* TAILLE MAXIMALE DES IMAGES APPARENCE MESSAGE */ div.postbody img { max-width:525px; } /* BLOC JOUEUR */ .boxPOST { margin-left:10px; width:200px; } /* AVATAR */ .avaPOST { width:200px; height:400px; } /* CONTACT */ .ktactPOST { position:absolute; z-index:3; margin-top:-400px; width:190px; height:390px; padding:5px; overflow:hidden; text-align:right; background:rgba(0,0,0,0.7); /* MODIFIABLE */ opacity:0; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out; } .ktactPOST:hover { opacity:1; } /* IMAGES CONTACT */ .ktactPOST a{ display:block; margin:20px auto; width:180px; text-align:right; } /* PSEUDONYME */ .namePOST { width:200px; padding:5px 0 0; text-align:center; text-transform:uppercase; font-size:28px; letter-spacing:1px; } .namePOST a { text-decoration: none !important; } /* TEXTE RANG */ .rankPOST { width:200px; padding-bottom:5px; text-align:center; font-size:12px; text-transform:uppercase; } /* INFORMATIONS JOUEUR */ .abtPOST { width:190px; padding:5px; background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */ font-size:11px; } .abtPOST img{ max-width:190px; width:190px; height:100px; filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.55s ease-in-out; -webkit-transition:all 0.55s ease-in-out; } .abtPOST img:hover { filter:grayscale(0); -webkit-filter:grayscale(0); } /* INTITULES INFORMATIONS JOUEUR */ .abtPOST span{ text-transform:uppercase; font-weight:bold; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE */ .rpgPOST{ margin-top:5px; font-size:11px; color:black; /* MODIFIABLE */ } /* IMAGE RANG */ .imgrankPOST { max-width:200px; } /* LIENS FORUMS LUS/SUJETS & POSTEURS DU JOUR */ .lksSTATS { padding:10px 0; text-align:center; } .lksSTATS .gensmall { color:black; /* MODIFIABLE */ }
/* QEEL */ #QEEL { margin:auto; width:800px; } /* TITRE QEEL */ .tleQEEL { margin:auto; margin-bottom:10px; width:385px; height:50px; } /* DERNIER UTILISATEUR ENREGISTRE QEEL */ .lstQEEL { width:800px; height:35px; padding-top:15px; background:#3e3e3e; color:white; /* MODIFIABLE */ text-transform:uppercase; text-align:center; font-size:16px; } /* BLOCS POSITIONNEMENT */ .boxQEEL { display:inline-block; vertical-align:top; width:400px; } /* TITRES BLOCS QEEL */ .tleBQEEL { width:400px; height:20px; padding:5px 0; font-family:Arial; background:#0d1217; color:white; /* MODIFIABLE */ letter-spacing:2px; text-transform:uppercase; text-align:center; } /* STATISTIQUES */ .stsQEEL { width:388px; height:90px; padding:5px; overflow:auto; background:rgba(250,250,250,0.3); color:black; border-right:1px solid black; border-left:1px solid black; /* MODIFIABLE */ font-size:11px; text-align:justify; } /* MEMBRES CONNECTES */ .onlineQEEL { width:389px; height:90px; padding:5px; overflow:auto; background:rgba(250,250,250,0.3); color:black; border-right:1px solid black; /* MODIFIABLE */ font-size:11px; text-align:justify; } .onlineQEEL .row1 { background:none; padding:0; } /* ANNIVERSAIRES QEEL */ .anvQEEL { width:388px; height:90px; padding:5px; overflow:auto; background:rgba(250,250,250,0.3); color:black; border-right:1px solid black; border-left:1px solid black; /* MODIFIABLE */ font-size:11px; text-align:justify; } .anvQEEL .row1{ background:none !important; padding:0 !important; } /* 24H */ .dayQEEL { width:389px; height:90px; padding:5px; overflow:auto; background:rgba(250,250,250,0.3); color:black; border-right:1px solid black; /* MODIFIABLE */ font-size:11px; text-align:justify; } .dayQEEL .row1 { background:none; padding:0; } /* BLOC NOMS DES GROUPES QEEL */ .GQEEL { width:800px; height:23px; padding:2px 0 0; overflow:auto; background-color:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ text-align:center; font-size:16px; text-transform:uppercase; } /* NOM GROUPE QEEL */ .onglet { display:inline-block; margin:0 5px; opacity:0.5; } /* SURVOL NOM GROUPE QEEL */ .onglet_1 { opacity:1; font-weight:bold; } /* DESCRIPTIFS GROUPES QEEL */ .blocGQEEL { width:800px; margin:auto; } .contenu_onglet { display:none; width:790px; height:75px; padding:5px; overflow:auto; font-size:11px; text-align:justify; background:rgba(0,0,0,0.2); color:black; /* MODIFIABLE */ } /* PARTENAIRES FOOTER */ .footerSIT { margin:auto; margin-top:15px; width:800px; height:85px; padding:0; } /*___________________________Liens utiles_____________________*/ .liens_utile { position:fixed; right:170px; top:0; z-index:100; width:140px; height:auto; padding:5px; background-color:#828282; font-size:15px; text-align:center; text-transform:uppercase; }
/*___________________________Bandeau gauche_____________________*/ .bandeau_gauche { position:fixed; left:0; top:0; z-index:100; width:190px; height:auto; padding:5px; background-color:#313131; font-size:15px; text-align:center; text-transform:uppercase; } .bandeau_titre1 { display:block; margin-top:0; text-align:center; font-size:15px; font-family:sans-serif; color:#8F8CAC; text-indent:0px; } .bandeau_blabla { display:display; margin:10px; font-size:11px; font-family:sans-serif; text-align: center; text-indent:0px; } .bandeau_lien { background-color:#fefefe; margin-left:0; width:168px; height:11%; padding:5px; overflow:hidden; } .bandeau_lien_zoom { text-align:center; font-size:11px; font-family:sans-serif; opacity:0.8; } .bandeau_lien_zoom:hover { font-size:12px; opacity:1; } .bandeau_lien_zoom_d { font-size:12px; font-family:sans-serif; text-align:justify; opacity:0.8; } .bandeau_lien_zoom_d ::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: 0px; /*hauteur de la scrollbar horizontale*/ background-color: #FEFEFE; } .bandeau_lien_zoom_d ::-webkit-scrollbar-track { background-color: #FEFEFE; /*couleur du fond de la scrollbar*/ } .bandeau_lien_zoom_d ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #1D746B; /*couleur de l'ascenseur*/ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .bandeau_interphone2 { display:block; text-align:justify; font-size:11px; font-family:sans-serif; color: #090b06; } .bandeau_interphone1 { margin-left:0; width:140px; height:7%; padding:5px; overflow:auto; } /*___________________________ Scrollbar _____________________*/ ::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: 0px; /*hauteur de la scrollbar horizontale*/ background-color: #EBEBEB; } ::-webkit-scrollbar-track { background-color: #EBEBEB; /*couleur du fond de la scrollbar*/ } ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #BB3132; /*couleur de l'ascenseur*/ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
/*______________________enlever le soulignement______________________*/ a, a:focus, a:active, a:hover, a:link, a:visited { text-decoration:none !important; } |
| | | Sam 13 Fév - 9:20 | Bonjour,
Je voulais vous remercier pour tout le travail que vous avez fait pour moi. Il y a encore un décalage entre la bannière et la fin du forum, mais ce n'est pas un gros soucis.
Je suis extrêmement contente de tout ce que vous avez fait. Vraiment, je suis épatée!
En tout cas, un gros lien de crédit vous sera dédié, vous le méritez amplement, avec toutes vos créations en libre service, vos réponses rapides et efficaces.
Encore merci pour tout, bon courage pour votre journée, je reviendrais vers vous lorsque j'en aurais besoin, ça c'est sur !
Chaleureusement Corpse,
Encore merci ! |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|