| |
Points : 1415 # Messages : 380 Réputation : 0 Date d'inscri : 13/07/2009 Age : 33 Localisation : sweet poison (c) Lily ruse et pouvoir | (#) ♣ Codage du forum test
par la plume de Lily ϟ Posté Dim 29 Nov 2020 - 12:18
| |
| - Code:
-
<center> <br /> <div style="font-size:25pt; font-family:'Courier New', Courier, monospace; text-align:center;color:#6F7CB0;border-bottom:1px #070326solid;margin-left:30px;margin-right:30px;"> BONJOUR <span style="color: #6F7CB0;">{USERNAME}</span> </div><br /><br /> <iframe frameborder="0" allowtransparency="true" src="https://embed.spotify.com/?uri=spotify:track:63y2aL2dT6zzw8FOSLaNrp" style="width: 300px; height: 100px;"></iframe> <div style="font-size:25pt; font-family:'Courier New', Courier, monospace; text-align:center;color:#6F7CB0;border-bottom:1px #070326solid;margin-left:30px;margin-right:30px;"> Ceci est un forum TEST, merci de ne pas vous inscrire :) </div> </center> |
| | | |
Points : 1415 # Messages : 380 Réputation : 0 Date d'inscri : 13/07/2009 Age : 33 Localisation : sweet poison (c) Lily ruse et pouvoir | (#) ♣ Re: Codage du forum test
par la plume de Lily ϟ Posté Dim 29 Nov 2020 - 12:22
| |
| CSS - Code:
-
/*CATEGORIES gris et rose par Alu' pour Never-Utopia*************************************************************************/
.titrecategorie h2, .titrerose, .forumlink, .forumdroite .gensmall a {color:#eba9aa !important;} /*tous les titres en rose*/
.titrecategorie h2, .titrerose, .forumlink {font-family:'Voltaire', Georgia;} /*police des titres*/
.fondcategorie{background-color:#a0a9b4;/*couleur de fond*/border-radius:15px;padding:25px 25px 0 25px;}/*fond des catégories*/
.boxforum{ background:#dce2e5; /*couleur de fond d'une ligne de forum*/ border-radius:15px; height:90px; padding:15px; margin-bottom:25px; position:relative; }
.titrecategorie h2{ text-align:center; font:90px; font-variant:small-caps; text-shadow: 6px 0px 0 #7a8088;/*couleur de l'ombre du texte*/ margin:0; } .titrerose{ font:20px; text-decoration:underline; font-variant:small-caps; }
.description{ padding:3px 10px 10px; width:300px; height:70px; border-radius: 15px; border: 1px dotted #7a8088;/*couleur de la bordure en pointilles*/ float:left; position:relative; overflow:auto; } .sousforum{ position:absolute;left:0; top:63px; display:block; height:1em; width:100%; text-align:center; font:Georgia; font-variant:small-caps; } .description span{color:#7a8088;font-size:12px;} /*texte de la description d un forum*/
.forumlink{ font:65px; font-variant:small-caps; margin:0 auto; text-align:center; text-shadow: 5px 0px 0 #7a8088;/*couleur de l'ombre du texte*/ position:relative; z-index:1; } .forumdroite{ position:relative; overflow:hidden; width:170px; height:60px; padding:10px; margin: auto 0 auto auto; } .forumdroite .gensmall{color:#949494; font-size: 11px;}/*texte sous l'image no news*/ .forumdroite .gensmall a{font-variant:small-caps;font-size:12px; text-shadow: 1px 0px 0 #7a8088;/*couleur de l'ombre du texte*/}
.boutonforum{ position:absolute;top:0;left:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; }
.forumdroite:hover > .boutonforum{top:-100%;}
.fondcategorie tr:nth-of-type(2) .boxforum .decoforum, .fondcategorie tr:nth-of-type(4) .boxforum .decoforum, .fondcategorie tr:nth-of-type(6) .boxforum .decoforum, .fondcategorie tr:nth-of-type(8) .boxforum .decoforum, .fondcategorie tr:nth-of-type(10) .boxforum .decoforum, .fondcategorie tr:nth-of-type(12) .boxforum .decoforum { background-image:url(https://2img.net/image.noelshack.com/fichiers/2014/48/1416839340-1416062066-ville1-copie.png)!important; background-position:bottom right; } .decoforum{ position:absolute; top:-39px; left:0; height:40px; width:100%; background-image:url(https://2img.net/image.noelshack.com/fichiers/2014/46/1416062066-ville2.png); background-repeat:no-repeat; background-position:bottom left; z-index:0; }
.lastpost-avatar img { height:42px; width:auto; border:3px solid #a0a9b4;/*couleur de la bordure autour du mini avatar*/ margin-right:4px; } /*fin des categories *********************************************************************************/
.credit{text-align:center;} .credit a{ color:grey; font:9px calibri; text-transform:uppercase;} .fichouille{ background:#eaeaea; box-shadow: 1px 1px 8px #454545; width:480px; height:850px; margin:0 auto; background-image:url('https://imgur.com/4eVHFCh.png');} .fichouille img{position:absolute;} .titlefo{ text-align:center; padding:80px; position:relative;} .titlefo span{ border:solid 2px #676767; padding:20px; font-size:25px; font-family:'Open Sans Condensed'; text-transform:uppercase; font-weight:bold; letter-spacing:10px; background-color: rgba(250, 250, 250, 0.7); color:#454545; text-shadow:1px 0px 2px #676767;} .blockstats{ background-image:url('https://imgur.com/MKQTl9R.png'); background-color:rgba(160, 207, 231, 0.8); box-shadow: 1px 0px 8px #909090; width:400px; position:relative; height:80px; margin:0 auto; padding:10px;} .stati{ display:inline-block; margin:20px; padding-left:30px; text-transform:uppercase; font-family:'Open Sans condensed'; color:black;} .trukapres{ display:inline-block; margin:20px; padding-left:54px; position:relative; top:-45px; text-transform:uppercase; font-family:'Open Sans condensed'; font-weight:bold; font-size:20px; color:black;}.blokcontexte{ width:450px; margin:0 auto; height:200px;} .imagu{ float:right; padding:50px; margin-right:80px;} .imagu img{ border-radius:50%; border:5px solid #909090; height:100px; width:100px;} .conte{ padding:20px; position:relative; top:-80px; width:250px; height:120px; overflow:auto; font-size:12px; text-align:justify; font-family:'Calibri'; line-height:11px; color:black;} .conte::-webkit-scrollbar{ width: 1px; background: #eaeaea;} .conte::-webkit-scrollbar{width: 1px;} .conte::-webkit-scrollbar-thumb{ background-color: #676767;} .conte::-webkit-scrollbar-track{ background-color: #111; border: 1px solid #eaeaea;} .blokevent{ width:450px; margin:0 auto; height:200px;} .imagu2{ float:left; padding:30px; position:relative; top:20px;} .imagu2 img{ border-radius:50%; border:5px solid #909090; width:100px; height:100px;} .fond{ background-color:rgba(160, 207, 231, 0.8); background-image:url('https://imgur.com/bUQshDr.png');} .event{ padding:20px; width:250px; height:120px; margin-left:150px; overflow:auto; font-size:12px; position:relative; top:20px; text-align:justify; color: #4c4c4c; font-family:'Calibri'; line-height:11px;} .event::-webkit-scrollbar{ width: 1px; background: #eaeaea;} .event::-webkit-scrollbar{width: 1px;} .event::-webkit-scrollbar-thumb{background-color: #676767;} .event::-webkit-scrollbar-track{ background-color: #111; border: 1px solid #eaeaea;} .bouton{ display:inline-block; margin:55px;}
.sudoku1{ border-top: 1px white solid; border-bottom: 1px white solid; border-left: 1px white solid; width:10px; height: 10px;} .sudoku2{ border-top: 1px white solid; border-bottom: 1px white solid; border-right: 1px white solid; width:10px; height: 10px;}
/*Bloc général*/ .mont_general{ width: 600px; height: 1100px; overflow: hidden; background: linear-gradient(to bottom, #D4423E, #D4423E); box-shadow: 0px 0px 4px 1px #000; margin: auto; cursor: url(https://zupimages.net/up/18/37/pxjj.png), auto; /*curseur*/ }
.mont_general > img{ width: 600px; height: 185px; }
/*Nom du forum*/ .mont_general h1{ margin-top: -35px; font-size: 45px; font-family: 'Cinzel', serif; color: #FFF; text-shadow: 3px 2px 1px #000; text-align: center; font-weight: normal; letter-spacing: 2px; transition: all 0.8s; }
.mont_general h1:hover{ letter-spacing: 12px; }
/*liens en haut*/ .mont_general > p, .mont_general > p a{ margin-top: -35px;; font-size: 22px; font-family: 'Cinzel', serif; color: #FFF; text-shadow: 3px 2px 1px #000; text-align: center; font-weight: normal; letter-spacing: 1px; text-decoration: none; transition: all 0.5s; }
.mont_general > p a:hover{ color: #000; text-shadow: 3px 2px 1px #FFF; font-weight: bold; }
/*sous-titres*/ .mont_cadre-st{ display: inline-block; overflow: hidden; margin-top: 30px; margin-left: 30px; width: 205px; height: 38px; border-top: 4px solid #6B6B6B; border-bottom: 4px solid #6B6B6B; transform: skewX(-30deg); }
#mont_cadre-st_cont{ margin-left: 20px; }
.mont_cadre-st div{ width: 205px; height: 30px; background: linear-gradient(to bottom, #FFFFFF, #8D9FC8); background-clip: content-box; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.mont_cadre-st h2{ transform: skewX(30deg); margin: auto; font-size: 22px; font-family: 'Cinzel', serif; color: #FFF; text-shadow: 3px 2px 1px #000; text-align: center; font-weight: normal; }
/*la bouboule qui roule*/ .mont_boule-st{ display: inline-block; overflow: hidden; position: relative; top: 7px; left: -22px; z-index: 2; width: 50px; height: 50px; background: #FFFFFF; border: 4px solid #A3C0EA; border-radius: 100%; box-shadow: 0px 0px 0px 4px #6B6B6B; transition: all 3s; }
.mont_boule-st:hover{ position: relative; left: -237px; }
/*carrés de texte*/ .mont_carre{ display: inline-block; overflow: auto; margin: 15px 37px; width: 210px; height: 190px; background: rgba(255, 255, 255, 0.2); border: 0.5px solid #A3C0EA; box-shadow: 0px 0px 1px 0.8px #FFF; padding: 5px; color: #000; font-family: times; text-align: justify; font-size: 12px; }
#mont_carredroite{ margin-left: 25px; }
.mont_carre span{ font-weight: bold; }
/*les p'tits cadres du staff*/ .mont_cadre-staff{ position: relative; display: inline-block; overflow: hidden; margin: 20px 20px 5px 35px; width: 230px; height: 50px; background: rgba(255, 255, 255, 0.2); border: 0.5px solid #A3C0EA; box-shadow: 0px 0px 1px 0.8px #FFF; }
.mont_cadre-staff:hover{ animation: staff 0.6s none; animation-timing-function: linear; }
.mont_cadre-staff img{ width: 50px; height: 50px; }
.mont_cadre-staff span{ display: inline-block; overflow: hidden; height: 40px; color: #000; font-size: 15px; font-weight: bold; font-family: 'Cinzel', serif; padding: 5px 10px; }
@keyframes staff{ 0%{ left: 0px; } 25%{ left: 25px; } 50%{ left: 0px; } 75%{ left: -25px; } 100%{ left: 0px; } }
/*les partenaires*/ .mont_cadre-partos{ margin: 20px auto; width: 540px; height: 50px; animation: defile 15s infinite; animation-timing-function: linear; }
.mont_cadre-partos a img{ height: 50px; width: 70px; margin: 0px 7px; }
@keyframes defile{ 0%{ margin-left: -530px; } 100%{ margin-left: 600px; } }
/*copyright*/ .mont_general > span{ position: relative; bottom: 12px; left: 250px; font-size: 9px; font-family: times; color: #000; text-align: center; }
/*barre défilante sur les deux cadres de texte*/ ::-webkit-scrollbar { width: 4px; height: 4px; background-color: #FFFFFF; }
::-webkit-scrollbar-track { background-color: #FFFFFF; }
::-webkit-scrollbar-thumb { background-color: #FFFFFF; }
/* NOTIFICATIONS */
/* Cacher les bout de la toolbar que je ne veux pas */ .fa_tbMainElement#fa_left, .fa_tbMainElement#fa_search, .fa_tbMainElement#fa_share, #fa_menu, .rightHeaderLink#fa_hide, .fa_tbMainElement#fa_right a.rightHeaderLink { display:none!important; } /* Supprimer la couleur de fond et positionnement du bloc */ #fa_toolbar { background-color:transparent!important; position:fixed; top:5px; padding:5px; width:100%; z-index:999; box-sizing:border-box; }
/* Mise en page du bouton Notification */ .fa_tbMainElement#fa_right a.rightHeaderLink#fa_notifications { display:block!important; position:absolute; top:10px; right:10px; width:160px; padding:3px; background:#C8C7C6; box-shadow:0 0 5px #E9E7EA; color:#9E7221; font-family:Arial; font-size:16px; letter-spacing:2px; text-align:center; text-decoration:none!important; } #fa_toolbar #fa_right #notif_list li:first-child{ padding-top:10px; }
/* Mise en page bouton "notification" - Au clic */ #fa_menu:hover:visited, #fa_toolbar > #fa_right.notification > #fa_notifications { background:#828282!important; color:#9E7221!important; text-shadow:none; }
/* Référence pour la liste des notifications */ #fa_toolbar #fa_right.fa_tbMainElement { position:relative; }
/* Mise en page de la liste des notifications */ #fa_toolbar #fa_right.notification #notif_list { top:50px!important; right:10px; left:auto!important; max-width:340px; min-width:167px; box-shadow:0 0 5px #E9E7EA; border:none!important; }
/* Mise en page des notifications */ #fa_toolbar #fa_right #notif_list li .content, #fa_toolbar #fa_right #notif_list li { width:auto!important; font-size:12px; background-color:#C8C7C6; }
/* Taille des blocs textes des points de la liste de notif' */ #fa_toolbar #fa_right #notif_list li .contentText { overflow:visible!important; width:300px !important; height:auto!important; }
/* Bloc "notifs non lues" */ .fa_tbMainElement#fa_right a.rightHeaderLink.unread#fa_notifications { width:180px; /* On supprime 1px à la largeur car la bordure fera 1px d'épaisseur */ border-left:1px solid black; }
#fa_toolbar #fa_right #notif_list li.unread { background:#f1d9ae!important; }
/* Mise en page du bloc "voir toutes les notifications" */ #fa_toolbar #fa_right #notif_list li.see_all { text-align:center!important; background:#C8C7C6!important; padding:5px!important; font-size:12px!important; } #fa_toolbar #fa_right #notif_list li.see_all a{ color:#9E7221; }
/******QEEL ARTEMIS******/
.content_qeel_arte { width: 790px; height: 380px; background-color: #D4423E; /**FOND DU QEEL**/ margin: auto; padding: 10px; font-family: 'Arial'; font-size: 12px; word-spacing: 6px; position: relative; }
.content_qeel_arte a { text-decoration: none !important; }
.statistics_forum { width: 320px; height: 150px; text-align: justify; color: #011c31; line-height: 15px; font-size: 11px; }
.statistics_forum img { width: 90px; height: 90px; border: 2px solid #011c31; float: left; margin: 0px 5px 5px 0px; }
.statistics_forum span { color: #011c31; /**COULEUR DES STATISTIQUES**/ font-weight: bold; }
.block_lastvisit { width: 320px; height: 230px; box-sizing: border-box; border: 2px solid #011c31; padding: 45px 10px 10px 10px; text-align: justify; overflow: auto; position: relative; }
.content_qeel_arte .row1 { background: transparent; }
.content_qeel_arte h3 { width: 316px; height: 34px; text-align: center; font-size: 20px; padding-top: 5px; }
.content_qeel_arte h3 , .content_qeel_arte h4 { background: #828282; /**FOND DES TITRES**/ margin: 0; position: absolute; top: 0; left: 0; font-family: 'EB Garamond'; color: #e3dabb; text-transform: uppercase; }
.content_qeel_arte h4 { width: 380px; height: 40px; font-size: 30px; padding: 15px 30px 10px 40px; line-height: 20px; border: 2px solid #011c31; }
.content_qeel_arte h4 span { }
.blocks_qeel_right { width: 450px; height: 317px; position: absolute; top: 10px; right: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 70px;
}
.members_online { width: 295px; height: 67px; border: 8px solid #011c31; /**BORDURES DU BLOCK DES MEMBRES CONNECTES**/ text-align: justify; padding: 10px; }
.blocks_qeel_right img { width: 95px; height: 155px; object-fit: cover; -o-object-fit: cover; position: absolute; top: 15px; right: 10px; z-index: 2; border: 2px solid #011c31; /**BORDURES AVATAR**/ }
.block_text_q { font-family: 'EB Garamond'; font-size: 20px; color: #011c31; text-transform: uppercase; width: 430px; margin-top: -9px; padding-left: 15px; }
.crew_color { width: 100px; height: 25px; }
.crew_color div { width: 420px; height: 110px; position: absolute; bottom: 7px; left: 0; z-index: 3; padding: 15px; color: #e3dabb; text-align: justify; line-height: 11px; font-size: 11px; visibility: hidden; transition: all 0.3s; border: 2px solid #011c31; }
.block_description_crews { width: 450px; height: 141px; background: #828282; /**FOND DU BLOCK DES DESCRIPTIONS**/ text-align: justify; color: #e3dabb; }
.crew_color h5 { margin: 0; width: 410px; height: 20px; margin: auto; background: #e3dabb; font-family: 'EB Garamond'; text-transform: uppercase; text-align: center; font-size: 20px; color: #011c31; margin-bottom: 7px; padding-top: 9px; }
.crew_color:hover div { visibility: visible; opacity: 1; }
#copy_arte { position: absolute; bottom: 0; right: 0; font-size: 10px; }
/* FICHE DE PRESENTATION AVEC SLIDE PAR RITS-U SUR EPICODE */
.fond_principal{ /* est le fond général */ padding:5px; margin: 10px; font-family: sans-serif,Verdana,Arial,Helvetica; font-size: 10px; width:500px; color:#000000; background-color:#13131D; }
.titre_principal{ /* le titre principal */ padding:10px; font-family: Times New Roman; text-shadow: #13131D 0px 1px 0px; text-transform: uppercase; color:#1D1D29; font-size: 40px; text-align:center; background-color:#373747; }
.titre1{ /* sous titre */ font-family: Times New Roman; text-shadow: #13131D 0px 1px 0px; text-transform: uppercase; color:#474757; font-size: 20px; text-align:center; background-color:#1D1D29;}
.titre2{ /* credits */ font-size: 8px; text-align:center; text-transform: uppercase; }
.bloc_texte1{ /* informations & caractère */ background: #373747; padding: 10px; font-family: sans-serif,Verdana,Arial,Helvetica; font-size: 10px; text-align: justify; height: 130px; overflow:auto; border: 1px solid #1D1D29; }
.bloc_texte2{ /* biographie */ background: #373747; padding: 10px; font-family: sans-serif,Verdana,Arial,Helvetica; font-size: 10px; text-align: justify; height: 250px; overflow:auto; border: 1px solid #1D1D29; }
/* EFFET AVATAR */
#slides div { /* physionomie */ background: #373747; padding: 10px; font-family: sans-serif,Verdana,Arial,Helvetica; font-size: 10px; text-align: justify; height: 300px; margin: 5px; overflow:hidden; position: relative; border: 1px solid #1D1D29; width: 180px; }
#slides div img { left: 0; top: 0; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; }
#slides div:hover img { transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -webkit-transform: translateX(-200px); }
#M14_porte { position: relative;/*ne pas toucher*/ overflow: hidden;/*ne pas toucher*/ height: 100px;/*la hauteur du bloc*/ width:100%;/*ne pas toucher*/ margin: 0; /*ne pas toucher*/ padding: 0; /*ne pas toucher*/ border: 3px solid #021d2b; /*la bordure*/ }
.M14_porte_gauche { background-image:url(https://2img.net/u/3413/73/38/67/avatars/1287-76.jpg); background-repeat:no-repeat; background-position:100% 50%; background:#666666;/*La couleur de fond*/ width: 50%;/*ne pas toucher*/ height: 125px; /*la hauteur du bloc*/ position: absolute; /*ne pas toucher*/ top:0; /*ne pas toucher*/ left: 0; /*ne pas toucher*/ border-right:1px solid #333333;/*la bordure droite*/ } .M14_porte_droite { background-image:url(https://2img.net/u/3413/73/38/67/avatars/1287-76.jpg); background-repeat:no-repeat; background-position:0% 50%; background:#666666;/*La couleur de fond*/ width: 50%;/*ne pas toucher*/ height: 125px; /*la hauteur du bloc*/ position: absolute; /*ne pas toucher*/ top:0; /*ne pas toucher*/ right: 0;/*ne pas toucher*/ border-left:1px solid #333333;/*la bordure droite*/ }
/* Profil du membre dans les sujets */ #profil_posteur{ width:200px; background:#927d75; padding:8px 0; border-radius: 6px; box-sizing:border-box; /* Cette propriete permet d ajuster le padding en fonction de la taille du bloc */ } /* La partie suivante centre a la fois le pseudo, le rang écrit et l image du rang */ .pseudo_sujet, .rang_sujet{ text-align:center; } /* La partie suivante concerne uniquement le pseudo du membre */ .pseudo_sujet{ font-family:Freestyle Script; position: relative; margin-top: -20px; } /* La partie suivante concerne les div du rang */ .rang_sujet{ font-size:10px; letter-spacing:2px; text-transform:uppercase; } /* La partie suivante concerne uniquement l image du rang */ .rang_sujet img{ max-width:100%; } /* La partie suivante concerne l effet sur le profil */ .hover_profil{ position:relative; /* Ne pas modifier cette partie */ width:200px; /* A modifier en fonction de la taille de votre avatars */ height:320px; /* A modifier en fonction de la taille de votre avatars */ overflow:hidden; margin:8px 0; } .avatar_sujet{ position:absolute; top:0; left:0; /* La propriete filter permet d appliquer un flou a l image */ -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); /* La valeur scale permet d agrandir la zone concernee */ -webkit-transform:scale(1); transform:scale(1); /* La propriete transition permet d avoir un effet fluide */ -webkit-transition:all 400ms; transition:all 400ms; } .hover_profil:hover .avatar_sujet{ /* La propriete filter permet d appliquer un flou a l image */ -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); /* La valeur scale permet d agrandir la zone concernee */ -webkit-transform:scale(2); transform:scale(2); } .infosprofil_sujet{ position:absolute; /* Ne pas modifier cette partie */ top:10px; /* Ne pas modifier cette partie */ left:10px; /* Ne pas modifier cette partie */ width:180px; height:300px; overflow:auto; padding:10px; background:rgba(0, 0, 0, 0.2); /* La derniere valeur permet de modifier l opacite de la couleur de fond */ border:4px solid #f9fdf9; box-sizing:border-box; /* Cette propriete permet d ajuster le padding en fonction de la taille du bloc */ opacity:0; /* La valeur scale permet d agrandir la zone concernee */ -webkit-transform:scale(1.5); transform:scale(1.5); /* La propriete transition permet d avoir un effet fluide */ -webkit-transition:all 400ms; transition:all 400ms; } .hover_profil:hover .infosprofil_sujet{ opacity:1; /* La valeur scale permet d agrandir la zone concernee */ -webkit-transform:scale(1); transform:scale(1); } .label_sujet{ background:#f9fdf9; padding:3px; text-transform:uppercase; font-size:10px; letter-spacing:1px; margin:0 0 5px 0; } /* Ne pas modifier cette partie */ .label_sujet:last-child{ margin:0 0 0 0; }
/*css new fow*/ .legendeqeel{ font-size: 20px; position: center; font-family: 'Lucida Calligraphy', Parisienne; color: #000000 !important;} .qeel{ border: 1px solid #000000; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .listlastconnected td {background-color: transparent;} .listwhosbirthday td { background-color: transparent; ! important;} .pseudoqeel {font-variant: small-caps;} .sor{background-color: #00B0F0;width:100px; height:10px;font-size: 12px;} .poud{background-color: #B400F0;width:400px; height:10px;font-size: 12px;} .gry{background-color: #F00000;width:100px; height:10px;font-size: 12px;} .serd{background-color: #3531A8;width:100px; height:10px;font-size: 12px;} .serp{background-color: #387515;width:100px; height:10px;font-size: 12px;} .pouf{background-color: #F0D000;width:100px; height:10px;font-size: 12px;} .her{background-color: #6F797D;width:200px; height:10px;font-size: 12px;} .cm{background-color: #F5AD31;width:100px; height:10px;font-size: 12px;} .pnj{background-color: #FFFFFF;width:100px; height:10px;font-size: 12px;} .trait { /*trait sous titre profil, signature, groupes, etc...*/ border-bottom: 1px #8E2C3B solid;} .nameperso{ font-family: Parisienne; font-size:25px; text-align: center;} .avaperso{ border: 3px #540e0e solid; height:100px; width:100px;} .prezacontour{ border:1px #540e0e solid;} .presacontour{ border:1px #540e0e solid; margin-left:3px; margin-right:3px;} .fichecontour{ background-color: #FFFFFF;} .avafriendscontour { border:1px #540e0e solid; height:100px; width:100px;} .friendscontour{ border:1px #540e0e solid; height:100px; overflow: auto;}
/*TEST*/
.message { /*MEP message*/ border: 2px dotted #540e0e; background-color: #761C1E; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin-bottom: 5px;}
.M14_sujet_ferme{ margin: 15px 0px;/*on decale de 15px du haut puis 0 */ width:20%;/*on demande une largeur de 20%; padding: 13px 10px 13px 50px;/*l espace interieur du bloc*/ border: 1px solid #20aec8;/*la bordure*/ background-image: url(LE LIEN DE L IMAGE);/*le lien de l image 16 px*/ background-repeat: no-repeat;/*on ne repete pas l image*/ background-position: 10px center;/*on place l image a 10 px du haut puis on la centre*/ color: #20aec8 !important;/*la couleur de police*/ background-color: #141414;/*la couleur de fond*/ -webkit-border-radius: 10px;/*les bordures arrondies*/ -moz-border-radius: 10px; border-radius: 10px; text-align: center;/*on centre le texte*/ font-size: 12px;/*on donne une taille de police*/}
.info { /*infobullePA*/ position: relative; color: #DB9744; font-size:10px; text-decoration: none;} .info span { display: none; /* on masque l'infobulle */} .info:hover { background: none; /* correction d'un bug IE */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ z-index:5;} .info:hover span { width:200px; display: block; /* on affiche l'infobulle */ position: absolute; top: 50px; /* on positionne notre infobulle */ left: 0px; background-color: #301B07; color: #DB9744; text-align:center; padding: 2px; border: 1px solid #F3D25F;}
/*CSS FORUM TEST A NE PAS MODIFIER*/
tr.post span.gensmall { display: none; } .forumline{ -moz-border-radius: 6px; border-width:3px;}
body{background-repeat: no-repeat;}
a{ font-family: cambria ; COLOR: #000000; text-transform: uppercase; TEXT-DECORATION: none ; text-shadow: 2px 2px 2px #000000; }
a:hover{ font-style: italic ; font-family: Courier New ; COLOR: steelblue; text-transform: lowercase; text-decoration: none ; text-shadow: none ;}
.mini_ava {float: left;} /*avatar sur index*/ .mini_ava img { width: 40px; height: 40px; margin: 0 5px; border-radius: 10px; transition: all 2s; -moz-transition: all 2s; webkit-transition: all 2s; -o-transition: all 2s;} .mini_ava img:hover { width: 80px; height: 80px;} .postdetails.poster-profile a img {/*contours avatar*/ -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border: 4px solid #8161a1 ;} .postdetail.poster-profile textarea { width: 100px;}
input.mainoption { background-color:#381E52; -moz-border-radius: 8px;} input.liteoption { background-color:#381E52; -moz-border-radius: 8px;} .quote{ border: none; border: 2px solid black; background-color:none;} .code{ border: none; border: 2px solid black; background-color:#d5f2cb;} .quote, .code { -moz-border-radius: 12px; padding: 4px;} .spoiler_content { display: block; } .hidden .spoiler_content { display: none; } /* translucidité des images by BestRPG */ imguser {border: none; opacity: 0.5; background-color: transparent;} imguser:hover {border: none; opacity: 1; background-color: transparent;} a imguser {border: none; opacity: 0.5; background-color: transparent;} a:hover imguser {border: none; opacity: 0.5; background-color: transparent;} .postbody .content a{ font-size :11px; text-decoration: underline; color : red; font-weight: bold; display: block; text-align:justify;} .italic { color: black; text-shadow: 1px 2px 1px;}
|
| | | |
Points : 1415 # Messages : 380 Réputation : 0 Date d'inscri : 13/07/2009 Age : 33 Localisation : sweet poison (c) Lily ruse et pouvoir | (#) ♣ Re: Codage du forum test
par la plume de Lily ϟ Posté Dim 29 Nov 2020 - 12:24
| |
| INDEX BOX - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --> <div class="titrecategorie"> {catrow.tablehead.L_FORUM} </div> <table class="forumline fondcategorie" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <td class="over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <div class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </div> </h{catrow.forumrow.LEVEL}> <div class="boxforum"> <div class="decoforum"></div> <div class="description"> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <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 class="sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> </span> </div> <div class="forumdroite"> <div class="boutonforum"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </div> <span class="gensmall">Sujets: {catrow.forumrow.TOPICS} • </span><span class="gensmall">Messages: {catrow.forumrow.POSTS}</span><br /> <!-- BEGIN avatar --> <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span> <!-- END avatar --> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </div> </div> </td> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> |
| | | |
Points : 1415 # Messages : 380 Réputation : 0 Date d'inscri : 13/07/2009 Age : 33 Localisation : sweet poison (c) Lily ruse et pouvoir | (#) ♣ Re: Codage du forum test
par la plume de Lily ϟ Posté Dim 29 Nov 2020 - 12:28
| |
| INDEX BODY - 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'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.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} <!-- BEGIN switch_user_logged_in --> <!-- END switch_user_logged_in --> {BOARD_INDEX}
<!-- 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'" v="2" 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 --> <link href="https://fonts.googleapis.com/css?family=EB+Garamond" rel="stylesheet"/> <div class="content_qeel_arte"> <div class="statistics_forum"> <img src=" https://i.servimg.com/u/f90/11/72/28/04/coupe110.png" alt="imagestatistics"/>Il existe un monde où tout est magique, tout est beau, tout est fabuleux, tout est bisounours mais ce forum ne raconte pas son histoire. <br/>Arriverez-vous à vous faire une place parmi les <span id="crac">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('crac').innerHTML=document.getElementById('crac').innerHTML.replace(/Nous avons/,"");</script> <script type="text/javascript">document.getElementById('crac').innerHTML=document.getElementById('crac').innerHTML.replace(/membre enregistré/,"sorcier");</script><script type="text/javascript">document.getElementById('crac').innerHTML=document.getElementById('crac').innerHTML.replace(/membres enregistrés/,"sorciers");</script> de ce monde ? Les hiboux et les chouettes ont transporté <span id="tot">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tot').innerHTML=document.getElementById('tot').innerHTML.replace(/Nos membres ont posté un total de/,"");</script><script type="text/javascript">document.getElementById('tot').innerHTML=document.getElementById('tot').innerHTML.replace(/message/,"parchemin");</script><script type="text/javascript">document.getElementById('tot').innerHTML=document.getElementById('tot').innerHTML.replace(/messages/,"parchemins");</script> au Grand Manitou. <br /> <br/> <span class="qeel"><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Il y a en tout/,"Parmi les ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"poudlarien");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"poudlariens");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/::/,"; il y a");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Sorcier");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"Sorciers");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"Maraudeur et");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"Maraudeurs et");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Moldu");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"Moldus");</script>.<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Moteur de recherche/,"Carte du Maraudeur");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Moteurs de recherche/,"Cartes du Maraudeur");</script></span></div> <div class="block_lastvisit"> <h3>Ils étaient là il y a 24H</h3> <table class="listlastconnected"> <span id="connectes"> {L_CONNECTED_MEMBERS} <script type="text/javascript"> document.getElementById('connectes').parentNode.innerHTML=document.getElementById('connectes').parentNode.innerHTML.replace(/Membres connectés au cours des 48 dernières heures/,"Les sorciers admis à Poudlard depuis 2 jours sont"); </script></span> </table>
</div> <div class="blocks_qeel_right"> <h4>Bienvenue à <span><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></span></h4> <div class="members_online"> <span class="qeel"><span id="list">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('list').innerHTML=document.getElementById('list').innerHTML.replace(/Utilisateur enregistré/,"Le sorcier présent est");</script><script type="text/javascript">document.getElementById('list').innerHTML=document.getElementById('list').innerHTML.replace(/Utilisateurs enregistrés/,"Les sorciers présents sont");</script></span> </div> <img src="https://i.servimg.com/u/f90/11/72/28/04/logpou11.png"/> <div class="block_text_q"> Ils sont actuellement là </div> <div class="crew_color" style="background: #ca1436;"> <div> <h5> GRYFFONDOR </h5> Si vous allez à Gryffondor, vous rejoindrez les courageux. Les plus hardis et les plus forts sont rassemblés en ce haut lieu.</div> </div> <div class="crew_color" style="background: #1461ca;"> <div> <h5> SERDAIGLE </h5> Si vous êtes sage et réfléchi, Serdaigle vous accueillera peut-être. Là-bas, ce sont des érudits; qui ont envie de tout connaître. </div> </div> <div class="crew_color" class="groupes" style="background: #0c7b3d;"> <div> <h5> SERPENTARD </h5> Vous finirez à Serpentard. Si vous êtes plutôt malin,car ceux-là sont de vrais roublards. Qui parviennent toujours à leurs fins. </div> </div> <div class="crew_color" style="background: #BAA830;"> <div> <h5> POUFSOUFFLE </h5> Si à Poufsouffle vous allez, comme eux vous s'rez juste et loyal. Ceux de Poufsouffle aiment travailler. Et leur patience est proverbiale. </div> </div> <div class="crew_color" style="background: #8CB4C2;"> <div> <h5> ECOLES ETRANGERES </h5> Tous les élèves des écoles étrangères Ilvermony, Castellobruxo, Beauxbâtons, Durmstrang et Salem font partis de ce groupe. </div> </div> <div class="crew_color" style="background: #874F85;"> <div> <h5> SORCIERS </h5> Tous les sorciers adultes sont répartis dans ce groupe, et ce quelque soit le métier dans lequel ils sont. </div> </div> <div class="crew_color" style="background: #F59025;"> <div> <h5> CRACMOLDUS </h5> Les adultes ou les enfants qui ne sont pas des sorciers font partis de ce groupe. Cracmols et moldus. </div> </div> <div class="crew_color" style="background: #636363;"> <div> <h5> PNJ </h5> Ici, vous pourrez trouver tous les PNJ du forum. </div> </div> <div class="block_description_crews"></div> </div> <span id="copy_arte">artemis | <a href="http://www.epicode-entraide.com/">www</a></span></div> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" />
<div class="partenaires" style="display:block" width="100%" border="0" cellspacing="1" cellpadding="0"><center>Nos Alliés <br/><a href="https://www.pub-rpg-design.com/" target="_blank"><img src="https://i.imgur.com/TtfPSOO.png"></a> <a href="https://www.never-utopia.com/" target="_blank"><img src="https://2img.net/r/hpimg4/pics/211544logo5.jpg"></a> <a href="http://www.epicode-entraide.com" target="_blank"><img src="https://zupimages.net/up/20/12/47yk.png" alt="10035epi" name="Epicode" /></a> <a href="http://repellomuggletum.forumactif.com/" target="_blank"><img src="https://nsm09.casimages.com/img/2020/08/01//2008010457488388816944996.gif" /></a> <a href="http://protego-diabolica.forumactif.com/" target="_blank"><img src="https://i.imgur.com/LPqImG5.png"></a> <a href="http://magichappensonlyonce.forumactif.com/" target="_blank"><img src="https://nsa39.casimages.com/img/2018/05/23/mini_180523054737850052.png"></a> <a href="https://sorbetcitrouille.forumactif.com/" target="_blank"><img src="https://zupimages.net/up/20/33/ao1n.png"/></a> <a href="http://maraudeurs-era.forumactif.org/" target="_blank"><img src=https://nsa37.casimages.com/img/2016/05/07/160507112332536590.png></a> <br/><a href="https://lesperanto.forumactif.com/" target="_blank"><img src="https://images2.imgbox.com/2b/7e/kCcxQ872_o.png" style="width:100px;heigth:35"></a> <a href="https://gameofblood.forumactif.com/" target="_blank"><img src="https://nsa40.casimages.com/img/2020/07/26/200726083647605616.png"/></a> <a href="http://www.royale-pub.com/"target="_blank"><img src="https://zupimages.net/up/20/12/uiki.png" alt="Royale-Pub, forum de publicité"></a> <a href="https://riddikulus.forumpro.fr/"target="_blank"><img src="https://zupimages.net/up/20/40/od35.png" /></a><a href="https://impedimenta.forumactif.com/" target="_blank"><img src="https://zupimages.net/up/20/29/xes3.png" /> <a href="http://www.hp-hogwarts.com/" target="_blank"><img src="https://2img.net/image.noelshack.com/fichiers/2019/08/7/1551020688-boutons100351.png"></a> <a href="http://wheretofindthem.forumactif.com/" target="_blank"><img src="https://i.servimg.com/u/f62/19/81/31/76/wtftbo10.png"/></a> <a href="https://pub-o-saure.forumactif.com/"target="_blank"><img src="https://nsa40.casimages.com/img/2020/11/03/201103082213985990.png" /></a> </center> </div> <br/> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST} |
| | | |
Points : 1415 # Messages : 380 Réputation : 0 Date d'inscri : 13/07/2009 Age : 33 Localisation : sweet poison (c) Lily ruse et pouvoir | (#) ♣ Re: Codage du forum test
par la plume de Lily ϟ Posté Dim 29 Nov 2020 - 12:51
| |
| WIEW TOPIC BODY - 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 = { }; } });
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 align="left" valign="middle" nowrap="nowrap"> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" 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}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td> <td class="nav" valign="middle" width="100%"> <span class="nav"> <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a> <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>--> {NAV_CAT_DESC_SECOND} </span> </td> <td align="right" valign="bottom" nowrap="nowrap" width="100%"> <!-- BEGIN switch_twitter_btn --> <span id="twitter_btn" style="margin-left: 6px; "> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </span> <!-- END switch_twitter_btn --> <!-- BEGIN switch_fb_likebtn --> <script>(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 = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> <!-- END switch_fb_likebtn --> <span class="gensmall bold"> <a class="addthis_button" href="#">{L_SHARE}</a> <!-- BEGIN switch_plus_menu --> | <script type="text/javascript">//<![CDATA[ var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}'; var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> <!-- END switch_plus_menu --> </span> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" > <tr align="right"> <td class="catHead" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"> <h1 class="cattitle"> {TOPIC_TITLE}</h1> </td> <td align="right" 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="#bottom">{L_GOTO_DOWN}</a> </td> </tr> </table> </td> </tr> <!-- BEGIN topicpagination --> <tr> <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th> </tr> <!-- BEGIN postrow --> <!-- BEGIN hidden --> <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td> </tr> <!-- END hidden --> <!-- BEGIN displayed --> <tr id="p{postrow.displayed.U_POST_ID}"> <td valign="top"> <div id="profil_posteur"> <div class="rang_sujet"> {postrow.displayed.RANK_IMAGE} </div> <div class="hover_profil"> <div class="avatar_sujet"> {postrow.displayed.POSTER_AVATAR} </div> <div class="infosprofil_sujet"> <!-- BEGIN profile_field --> <div class="label_sujet"> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT} </div> <!-- END profile_field --> {postrow.displayed.POSTER_RPG} </div> </div> <div class="pseudo_sujet" style="font-family:Freestyle Script;font-size: 30px; letter-spacing:0px; font-weight: normal; text-shadow: black 0px 2px 2px;"> {postrow.displayed.POSTER_NAME} </div> <div class="rang_sujet"> {postrow.displayed.POSTER_RANK} </div> </div> <a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a> </td> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: <span class="M14_POST_SUBJECT">{postrow.displayed.POST_SUBJECT}</span> <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td> <td valign="top" nowrap="nowrap" class="post-options"> {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} </td> </tr> <tr> <td colspan="2" class="hr"> <hr /> </td> </tr> <tr> <td colspan="2"> <!-- 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 -->
<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> <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span> </td> </tr> </table> </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" valign="middle" width="150"> <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"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG} </td> </tr> </table> </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="2" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> <tr align="right"> <td class="catBottom" colspan="2" 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="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script> |
| | | |
Points : 1415 # Messages : 380 Réputation : 0 Date d'inscri : 13/07/2009 Age : 33 Localisation : sweet poison (c) Lily ruse et pouvoir | (#) ♣ Re: Codage du forum test
par la plume de Lily ϟ Posté Dim 29 Nov 2020 - 12:53
| |
| OVERALL HEADER - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/> <meta http-equiv="content-script-type" content="text/javascript"/> <meta http-equiv="content-style-type" content="text/css"/> <!-- BEGIN switch_compat_meta --> <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/> <!-- END switch_compat_meta --> <!-- BEGIN switch_canonical_url --> <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/> <!-- END switch_canonical_url --> {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/> <script src="{JQUERY_PATH}" type="text/javascript"></script> <!-- BEGIN switch_recent_jquery --> <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script> <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script> <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script> <!-- END switch_recent_jquery --> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> {RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login --> <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script> <!-- END switch_fb_login -->
<!-- BEGIN switch_ticker --> <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/> <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT});
switch (tickerDirParam) { case 'top' : slid_vert = true; break; case 'left': break; case 'bottom': slid_vert = true; auto_dir = 'prev'; break; case 'right': auto_dir = 'prev'; break; default: slid_vert = true; }
$(document).ready(function () { var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0) { $('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */ $('#fa_ticker_content').css('display', 'block');
/* Calcul des dimensions du conteneur et des elements */ var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); var height_max = h_perso;
/* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */ $('ul#fa_ticker_content li').each(function () { if ($(this).height() > height_max) { height_max = $(this).height(); } });
/* Redimensionnement des elements et des images trop larges */ $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } });
/* Redimensionnement et centrage du conteneur en mode vertical */ if (slid_vert) { $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto'); }
/* Initialisation du caroussel */ $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display', 'none'); $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center'); } }); //]]> </script> <!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[ $(document).ready(function () { <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if (pm != null) { pm.focus(); } <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if (report != null) { report.focus(); } <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> $(document).ready(function () { Ticker.start({ height: {switch_ticker.HEIGHT}, spacing: {switch_ticker.SPACING}, speed: {switch_ticker.SPEED}, direction: '{switch_ticker.DIRECTION}', pause: {switch_ticker.STOP_TIME} }); }); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false; <!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup --> $(document).ready(function () { $(window).resize(function () { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup");
$("#login_popup").css({ "left": windowWidth / 2 - popupWidth / 2 }); }); }); <!-- END switch_login_popup --> //]]> </script> {GREETING_POPUP} <!-- BEGIN switch_ticker_new --> <style> .jcarousel-skin-tango .jcarousel-item { text-align: center; width: 10px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style> <!-- END switch_ticker_new --> {HOSTING_JS}
<!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) }) (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', '{G_ANALYTICS_ID}', 'auto'); ga('send', 'pageview'); ga('set', 'anonymizeIp', true);
<!-- BEGIN google_analytics_code_bis --> ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis'); ga('bis.send', 'pageview'); ga('bis.set', 'anonymizeIp', true); <!-- END google_analytics_code_bis --> //]]>
</script> <!-- END google_analytics_code --> <script type="text/javascript"> $(function(){ $('.sous_forums').each(function(index){ $('.sous_forums:eq('+index+')').html($('.sous_forums:eq('+index+')').html().replace(/,/ig, " •")); }); }); </script>
</head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br/> <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup" style="z-index: 10000 !important;"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}"/> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_login_popup -->
<!-- BEGIN switch_like_popup --> <div id="like_popup" style="z-index: 10000 !important;"> <table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LIKE_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="like_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}"/> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/> <input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/> </form> </div> <span class="genmed">{LIKE_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_like_popup -->
<a name="top"></a> {JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img loading="lazy" 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 loading="lazy" 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 loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a> </td> <!-- END switch_logo_right --> </tr> </table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </td> </tr> </table> </div> <!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker -->
<div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation --> |
| | | |
Points : 1415 # Messages : 380 Réputation : 0 Date d'inscri : 13/07/2009 Age : 33 Localisation : sweet poison (c) Lily ruse et pouvoir | (#) ♣ Re: Codage du forum test
par la plume de Lily ϟ Posté Dim 29 Nov 2020 - 12:55
| |
| OVERALL FOOTER BEGIN - Code:
-
<!-- BEGIN html_validation --> <div> <div> <table> <tbody> <tr> <td> <!-- END html_validation --> </td> <td valign="top" width="{C3SIZE}"> <div id="{ID_RIGHT}"> <!-- BEGIN giefmod_index2 --> {giefmod_index2.MODVAR} <!-- BEGIN saut --> <div style="height: {SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index2 --> </div> </td> </tr> </tbody> </table> </div> </div> <!-- close div id="page-body" --> <div id="page-footer"> <div align="center"> <div class="gen"> <!-- BEGIN html_validation --> </div> </div> </div> <!-- END html_validation --> |
| | | |
Points : 1415 # Messages : 380 Réputation : 0 Date d'inscri : 13/07/2009 Age : 33 Localisation : sweet poison (c) Lily ruse et pouvoir | (#) ♣ Re: Codage du forum test
par la plume de Lily ϟ Posté Dim 6 Déc 2020 - 18:21
| |
| |
| | | |
| (#) ♣ Re: Codage du forum test
par la plume de Contenu sponsorisé ϟ Posté
| |
| |
| | | |
|
|
| Règlement de l'école : | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
|
|