|
Messages : 173
Date d'inscription : 27/03/2013
|  Sam 16 Nov - 21:52 Comment adapter son fond de page en fonction de la résolution du visiteur ? Cette question revient souvent dans l'Entraide, et c'est pourquoi ce tutoriel va vous l'expliquer.
Il fonctionne sous toutes les versions.
Panneau d'administration Modules HTML & JAVASCRIPT
Gestion des codes Javascript
Vous devez disposer de votre image de fond aux tailles suivantes :
▪ 800x600 px,
▪ 1024x768 px,
▪ 1280x960 px,
▪ 1600x1200px,
▪ taille plus grande que 1600px de large.
Pensez à les héberger sous des noms pratiques : taille800, taille1024, etc.
Créer un nouveau javascript ( voir ce tutoriel ), et insérez-y ce code :
CODE:
$(function(){
var bg= "Adresse image (largeur plus grande que 1600px)";
if(screen.width < 801) bg="Adresse image (largeur 800px)";
else if(screen.width < 1025) bg="Adresse image (largeur 1024px)";
else if(screen.width < 1281) bg="Adresse image (largeur 1280px)";
else if(screen.width < 1601) bg="Adresse image (largeur 1600px)";
document.body.style.backgroundImage="url(\""+bg+"\")";
});
Remplacez dans ce code les parties en rouge par les URL des images adéquates.
Une fois que vous avez remplacé tous les extraits en rouge, cochez à placement "Placement" => "Sur toutes les pages" et mettez le titre que vous souhaitez puis pour finir cliquer sur le bouton valider.
Le fond de votre forum change désormais en fonction de la résolution de vos visiteurs.
Si vous souhaitez aligner votre fond au centre de l'écran, et le fixer à la page (pour qu'il ne défile pas), ajoutez ce code à votre CSS personnalisé (PA > Affichage > Couleurs > Feuille de style CSS)
Code: Sélectionner le contenu
body{
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}   |
|
Messages : 173
Date d'inscription : 27/03/2013
| Dim 18 Juin - 18:35 - Spoiler:
CODE CSS - Code:
/*-------------------------------------------------------------------tronc du forum codes------------------------------------------------------------------*/
body {
background: url("https://www.zupimages.net/up/23/22/8baf.png") top center no-repeat, #1f2d2a;
margin-top: 0;
}
.headerbar {
background-image: url(https://2img.net/www.zupimages.net/up/21/34/222y.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding: 0;
overflow: hidden;
margin: 0;
height: 800px;
position: relative;
background-color: #0000;
}
/*-------------------------------------------------------------------bardenavigation------------------------------------------------------------------*/
.navbar li {
display: inline-block;
}
.navbar a {
color: #e9e4e3;
font-size: 12px;
text-transform: uppercase;
text-shadow: 0px 1px 1px #000;
text-align: center;
}
.navbar a:hover{
color: #e9e4e3;
font-size: 12px;
text-transform: uppercase;
text-shadow: 0px 1px 1px #000;
text-align: center;
background:transparent;
box-shadow: none!important;
}
.navbar {
text-align: center;
}
.is-sticky#headerbar-top {
background-color: #5b7a72;
box-shadow: 0 0 3px rgba(0,0,0,0.9);
height: 38px;
left: 0;
padding: 4px;
position: fixed;
right: 0;
top: 0;
z-index: 10000!important;
text-align: center;
transition: 0.5s;
}
#headerbar-top {
text-align: center;
background-color: #5b7a72;
box-shadow: 0 0 3px rgba(0,0,0,0.9);
height: 85px;
left: 0;
padding: 4px;
position: absolute;
right: 0;
top: 700px;
z-index: 10000!important;
transition: 0.3s;
}
.wrap {
margin: 0 auto;
max-width: 1400px;
position: absolute;
width: 100%;
text-align: center;
left: 0;
right: 0;
}
/*-------------------------------------------------------------------------catégories forum-----------------------------------------------------------------*/
.catefofo {
position: relative;
background-color: #f9f9f9;
background-image: url(https://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
background-position: 0 0;
padding: 0;
border-radius: 3px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.forums {
position: relative;
width: 1000px;
left: 0;
height: 300px;
}
.ttlfo {
position: absolute;
top: 0;
background: linear-gradient(268deg, #569685, #395957);
width: 948px;
left: 0;
height: 85px;
padding: 23px;
/* font-size: 7px; */
text-align: left;
color: #fff;
}
a.forumtitle:visited {
color: none;
}
.ttlfo a {
margin-bottom: -7px;
text-transform: uppercase;
letter-spacing: 6px;
font-weight: 600;
font-size: 35px;
color: #fff;
}
a.forumtitle:link {
color: #fff;
}
a.forumtitle:visited {
}
.descfo {
background: #e2e6e7;
position: absolute;
width: 506px;
height: 199px;
padding: 10px;
text-align: justify;
top: 93px;
font-family: auto;
font-size: 15px;
left: 9px;
color: #9a2516;
letter-spacing: 1px;
}
.descfo b{
font-weight: 700;
color: #e8864e;
}
.descfo img {
float: left;
overflow: hidden;
padding-right: 10px;
padding-bottom: 10px;
}
.ssfo {
width: 200px;
background: url(https://www.zupimages.net/up/23/23/o3mo.png);
position: absolute;
right: 275px;
top: 93px;
height: 199px;
}
.ssfo a{
background: linear-gradient(39deg,#569685,#395957);
color: #fff!important;
display: inline-block;
font-size: 10px;
height: 21px;
letter-spacing: 1px;
line-height: 10px;
margin: auto auto 4px;
overflow: hidden;
padding: 2px;
padding-top: 6px;
text-align: center;
text-transform: uppercase;
width: 200px;
}
.lastpost {
position: absolute;
background: #000;
right: 60px;
width: 100px;
height: 100px;
overflow: hidden;
text-align: center;
top: 93px;
}
.lastpost-avatar img {
display: block;
height: 160px;
padding: 0;
border-radius: 0;
width: 100px;
z-index: 1;
}
.lastpost-infos{
position: absolute;
background: #cbd7da;
right: 166px;
width: 100px;
height: 100px;
padding: 10px;
top: 93px;
text-align: center;
font-size: 12px;
line-height: 10px;
}
.posts {
position: absolute;
background: #d4e3e9;
right: 166px;
width: 100px;
height: 95px;
top: 197px;
padding: 10px;
text-align: center;
}
.topics{
position: absolute;
background: #569685;
right: 60px;
width: 100px;
height: 95px;
padding: 10px;
text-align: center;
top: 197px;
}
.lastpost-avatar {
float: left;
padding: 0;
position: relative;
}
/*-------------------------------------------------------------------PA du forum codes------------------------------------------------------------------*/
/*-------------------------------------------------------------------PA du forum codes------------------------------------------------------------------*/
/*-------------------------------------------------------------------PA du forum codes------------------------------------------------------------------*/
.panel {
background-color: #f8f8f8;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
color: #444;
border-radius: 3px;
overflow: inherit;
height: 400px;
position: relative;
}
.fondPA {
height: 400px;
position: inherit;
width: 948px;
}
.imgPA{
left: 150px;
position: absolute;
top: -40px;
}
.titredevfofo{
position: absolute;
top: 95px;
right: 50px;
font-size: 18px;
background: #5594844a;
padding: 5px;
width: 250px;
height: 45px;
text-align: center;
color: #4d6362;
font-family: -webkit-body;
text-transform: uppercase;
}
.nivdevfofo {
position: absolute;
right: 52px;
top: 142px;
color: #109579;
font-size: 30px;
font-family: auto;
font-weight: bolder;
text-transform: uppercase;
}
.devfofo {
position: absolute;
background: #1f2e2b;
right: 50px;
width: 250px;
height: 35px;
top: 143px;
}
.devfofopoucent{
width: 1%;
background: #84c3b9;
position: absolute;
height: 100%;
}
.soustitredevfofo {
position: absolute;
top: 121px;
right: 50px;
font-size: 9px;
letter-spacing: 2px;
width: 240px;
height: 35px;
text-align: center;
color: rgb(80, 137, 123);
font-family: -webkit-body;
text-transform: uppercase;
}
.minisinfos {
background: #000000;
color: #fff;
font-size: 8px;
right: 29px;
letter-spacing: 1px;
padding: 10px;
position: absolute;
text-align: center;
text-transform: uppercase;
bottom: 0;
width: 85px;
}
.topsitebloc {
display: inline-flex;
height: 52px;
left: 20px;
padding-top: 15px;
position: absolute;
top: 238px;
width: 275px;
background: #00000087;
}
.topsitetitre {
background: #000000ad;
color: #8f0000;
font-family: lobster;
font-size: 16px;
height: 31px;
line-height: 14px;
margin-left: 9px;
margin-right: 21px;
margin-top: -5px;
padding: 8px;
text-transform: uppercase;
width: 40px;
}
.topsite1{
background: #0000007d;
text-align: center;
font-family: lobster;
font-size: 35px;
height: 40px;
margin-top: -6px;
margin-right: 10px;
margin-left: -11px;
padding: 4px;
text-decoration: none;
width: 40px;
}
.topsite1 a{
color: #c11f02;
text-decoration: none !important;
}
.topsite2 a{
color: #c11f02;
text-decoration: none !important;
}
.topsite3 a{
color: #c11f02;
text-decoration: none !important;
}
.topsite2 {
background: #0000007d;
text-align: center;
font-family: lobster;
font-size: 35px;
height: 40px;
margin-top: -6px;
margin-right: 10px;
padding: 4px;
text-decoration: none;
width: 40px;
}
.topsite3 {
background: #0000007d;
text-align: center;
font-family: lobster;
font-size: 35px;
height: 40px;
margin-top: -6px;
margin-right: 10px;
padding: 4px;
text-decoration: none;
width: 40px;
}
.titretoppartos {
color: #7f3fae;
font-family: serif;
font-size: 15px;
height: 27px;
padding: 10px;
position: absolute;
right: 30px;
text-align: center;
text-transform: uppercase;
top: 232px;
width: 200px;
}
.bloctoppartos {
line-height: 7px;
position: absolute;
width: 237px;
right: 0;
bottom: 0;
}
.bloctoppartos img{
margin: 5px;
width: 50px;
height: 50px;
opacity: 0.8;
transition: all 0.6s;
}
.bloctoppartos img:hover{
margin: 5px;
width: 50px;
height: 50px;
opacity: 1;
transition: all 0.6s;
}
.pa_total {
height: 150px;
left: 30px;
margin: auto;
position: absolute;
top: 235px;
width: 150px;
}
.slide_bloc {
/* border: 1px solid #000; */
margin: auto;
overflow: hidden;
position: relative;
width: 150px;
z-index: 3;
}
#shidden {
height: 150px;
}
.slide {
display: inline-block;
position: relative;
left: 0;
height: 0;
transition: 1s all;
width: 306px;
}
.contenu {
display: inline-block;
}
#shidden .contenu {
width: 150px;
height: 150px;
}
.selecteur {
text-align: center;
margin-bottom: 5px;
}
.selecteur img {
opacity: 0.4;
height: 10px;
padding: 3px 1px 0;
cursor: pointer;
}
.selecteur img:hover {
opacity: 0.6;
}
.selecteur img.selected {
opacity: 1;
cursor: default;
}
.gauche {
left: 6px;
}
.droite {
right: 6px;
}
.pa-staff {
left: 0;
position: absolute;
top: 0;
text-align: center;
width: 237px;
height: 400px;
background: linear-gradient(2deg,#569685,#395957);
padding-top: 8px;
}
.pa-staff > div {
height: 80px;
z-index: 2;
overflow: hidden;
position: relative;
width: 80px;
margin-right: 5px;
margin-left: 6px;
margin: 4px;
display: inline-block;
}
.pa-staff > div img {
border: 1px solid #fff;
padding: 4px;
width: 80px;
height: 80px;
-webkit-filter: saturate(175%); /* Safari */
filter: saturate(175%);
}
.pa-staff > div > div {
height: 100%;
width: 100%;
background: #ffffff82;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 9px;
text-align: center;
text-transform: uppercase;
transform: translate(0,0);
transition: all 0.6s;
}
.pa-staff > div > div a {
color: #b28eb9;
transition: color 0.3s;
}
.pa-staff > div > div a:hover {
color: #C3A7CC;
}
.pa-staff > div > div:hover {
background: #fff;
transition: all 0.6s;
}
.pa-staff > div > div b {
color: #4a66c3;
font-family: 'Montserrat', sans-serif;
font-size: 8px;
}
.pa-staff > div:hover > div {
transform: translate(0,-80px);
}
.pa-staff .statut {
color: white;
font-family: Cousine, monospace;
font-size: 8px;
letter-spacing: 1px;
margin-top: 2px;
margin-bottom: 2px;
background: #04c10b;
}
.pa-staff .statut.absent {
color: white;
background: red;
}
.bloclienPA {
position: absolute;
left: 333px;
text-align: center;
top: 10px;
width: 237px;
transform: skew(20deg);
}
.liensu {
display: inline-block;
font-size: 10px;
transform: skewX(-20deg);
height: 21px;
letter-spacing: 1px;
line-height: 10px;
text-align: center;
text-transform: uppercase;
width: 237px;
color: rgb(255, 255, 255) !important;
background: linear-gradient(39deg, rgb(86, 150, 133), rgb(57, 89, 87));
margin: auto auto 4px;
overflow: hidden;
padding: 6px 2px 2px;
}
.bloclienPA a {
color: #fff;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
transition: all .6s;
}
.bloclienPA a:hover {
color: #fff;
font-size: 12px;
letter-spacing: 4px;
text-decoration: none;
text-transform: uppercase;
transition: all .6s;
}
.blocactusPA {
background: #fff;
height: 191px;
padding: 0;
text-align: justify;
font-size: 13px;
width: 242px;
text-transform: initial;
line-height: 15px;
bottom: 12px;
padding-top: 9px;
right: 349px;
position: absolute;
border: 1px solid #86c9b7;
font-family: auto;
/* color: #921c10; */
letter-spacing: 2px;
font-weight: 600;
padding: 12px;
}
.actusPA {
position: absolute;
background: #ffffff85;
width: 173px;
height: 174px;
bottom: 23px;
left: 32px;
z-index: 2;
font-size: 11px;
letter-spacing: 2px;
line-height: 16px;
color: #000;
padding: 16px;
}
.actusPA h {
background: #1f2e2b;
color: #38c7a3;
border-radius: 3px;
margin-right: 5px;
padding: 2px;
padding-bottom: 4px;
text-align: left;
float: left;
height: 17px;
margin-top: -1px;
font-weight: 400;
}
.imgPA {
position: absolute;
z-index: 1;
top: 0;
left: 84px;
}
/*-------------------------------------------------------------------PA du forum codes------------------------------------------------------------------*/
/*-------------------------------------------------------------------PA du forum codes------------------------------------------------------------------*/
/*-------------------------------------------------------------------PA du forum codes------------------------------------------------------------------*/
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
position: relative;
width: 948px;
text-align: center;
padding-top: 6px;
height: 88px;
margin-top: 2px;
font-family: Arial;
border-radius: 3px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
background: #fff;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-10px; margin-top:30px;
}
/* AVATAR DERNIER POSTEUR */
.avSBJ {
display: inline-block;
vertical-align: top;
margin-right: 5px;
width: 75px;
position: absolute;
height: 75px;
overflow: hidden;
left: 6px;
}
.avSBJ img{
width:85px;
}
/* BLOC TITRE & DESCRIPTION / ICÔNES / DERNIER MESSAGE SUJET */
.boxSBJ {
display: inline-block;
vertical-align: top;
width: 550px;
position: absolute;
left: 87px;
}
/* BLOC TITRE & DESCRIPTION SUJET */
.tleSBJ {
display: inline-block;
vertical-align: top;
width: 550px;
height: 54px;
padding: 0 5px;
overflow: hidden;
background: linear-gradient(268deg,#569685,#395957);
color: #fff;
text-align: left;
text-transform: uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
display:inline-block; vertical-align:middle; margin-right:5px;
color:#CCC; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle; font-size:9px;
color:#CCC; /* MODIFIABLE */
}
.gotoSBJ a{
color:#CCC !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
.gotoSBJ img {
display:none;
}
/* ICÔNES SUJET */
.imgSBJ {
display: inline-block; */
vertical-align: top;
margin-top: 5px;
margin-right: 5px;
width: 300px;
height: 15px;
position: absolute;
bottom: -20px;
background: #000;
left: 0;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
position: absolute;
/* vertical-align: top; */
/* margin-top: 5px; */
width: 549px;
height: 15px;
overflow: hidden;
background: #cbd7da;
color: #000;
font-size: 9px;
text-align: center;
line-height: 15px;
right: -305px;
top: 59px;
}
/* AUTEUR SUJET */
.nameSBJ {
position: absolute;
width: 193px;
height: 54px;
/* overflow: hidden; */
background: #e2e6e7;
font-size: 11px;
text-align: center;
/* line-height: 11px; */
right: 112px;
}
.nameSBJ a{
vertical-align: middle;
width: 99%;
margin-top: -18px;
display: inline-block;
}
/* BLOC VUES & REPONSES SUJET */
.stsSBJ {
position: absolute;
vertical-align: top;
width: 100px;
/* padding: 5px; */
line-height: 15px;
background: #395a58;
right: 6px;
height: 54px;
}
/* VUES SUJET */
.vuesSBJ {
margin: 5px auto;
width: 85px;
height: 20px;
padding-top: 5px;
background: rgba(250,250,250,0.8);
color: #000;
font-size: 11px;
text-align: center;
}
/* REPONSES SUJET */
.repSBJ {
margin: 5px auto;
width: 85px;
height: 20px;
padding-top: 5px;
background: rgba(250,250,250,0.8);
color: #000;
font-size: 11px;
text-align: center;
}
/*-------------------------------------------------------------------profil en sujet------------------------------------------------------------------*/
/*-------------------------------------------------------------------profil en sujet------------------------------------------------------------------*/
/*-------------------------------------------------------------------profil en sujet------------------------------------------------------------------*/
.post {
border-color: rgba(0,0,0,0.18);
background-position: 100% 0;
background-repeat: no-repeat;
border-radius: 3px;
border-style: solid;
min-height: 420px;
border-width: 1px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
margin-bottom: 24px;
}
.postprofile {
color: #444;
position: absolute;
display: block;
float: right;
font-size: 1.3rem;
width: 200px;
right: 10px;
top: 10px;
}
.postprofile-avatar img {
/* border-radius: 120px; */
border: 3px solid #FFF;
box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
width: 200px;
height: 320px;
}
.postbody {
color: #444;
float: none;
font-size: 1.2rem;
margin-right: 211px;
padding: 12px 80px 18px;
word-break: break-word;
text-align: justify;
}
|
|
Messages : 173
Date d'inscription : 27/03/2013
| Dim 18 Juin - 18:36 index_box - Spoiler:
- Code:
<ul class="linklist top">
<!-- BEGIN switch_user_logged_in -->
<li>
<a href="{U_SEARCH_NEW}"><i class="ion-ios-flame"></i>{L_SEARCH_NEW}</a>
</li>
<li>
<a href="{U_SEARCH_SELF}"><i class="ion-ios-box-outline"></i>{L_SEARCH_SELF}</a>
</li>
<!-- END switch_user_logged_in -->
<li>
<a href="{U_SEARCH_UNANSWERED}"><i class="ion-ios-chatbubble-outline"></i>{L_SEARCH_UNANSWERED}</a>
</li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside">
<a href="{U_MARK_READ}" accesskey="m"><i class="ion-android-checkmark-circle"></i>{L_MARK_FORUMS_READ}</a>
</li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<div class="catefofo">
<div class="forums">
<div class="ttlfo"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></div>
<div class="descfo">{catrow.forumrow.FORUM_DESC}</div>
<div class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;"></div>
<!-- BEGIN switch_moderators_links -->
<!-- END switch_moderators_links -->
<div class="ssfo"> <span id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
</script></div>
<div class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></div>
<div class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></div>
<div class="lastpost">
<!-- BEGIN ads -->
<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
<span class="AD_LastInfos">
<a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a>
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
</span>
<!-- END ads -->
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span></div>
<!-- END avatar -->
<span class="lastpost-infos">
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_forum_images -->
<div class="forabg">
<div class="header">
<h3 class="table-title" style="padding:18px;display:block;margin:0;">{switch_forum_images.TITLE}</h3>
</div>
<div class="container-imgs-list" style="max-height: 500px" id="imageList">
{switch_forum_images.SCRIPTS}
</div>
</div>
<!-- END switch_forum_images -->
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_forum_images -->
<div class="forabg">
<div class="header">
<h3 class="table-title" style="padding:18px;display:block;margin:0;">{switch_forum_images.TITLE}</h3>
</div>
<div class="container-imgs-list" style="max-height: 500px" id="imageList">
{switch_forum_images.SCRIPTS}
</div>
</div>
<!-- END switch_forum_images -->
<!-- BEGIN switch_on_index -->
<ul class="linklist bottom">
<li>
<a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
</li>
<li>
<a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
</li>
<li class="last">
<a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
</li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="ion-trash-a"></i>{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var btn_collapse = $('<div></div>', {
class: 'btn-collapse'
});
<ul class="linklist bottom">
<li>
<a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
</li>
<li>
<a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
</li>
<li class="last">
<a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
</li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="ion-trash-a"></i>{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var btn_collapse = $('<div></div>', {
class: 'btn-collapse'
});
var btn_collapse_show = $('<i></i>', {
class: 'ion-android-add-circle hidden',
'data-tooltip': '{L_EXPEND_CAT}'
}).appendTo(btn_collapse);
var btn_collapse_hide = $('<i></i>', {
class: 'ion-android-remove-circle',
'data-tooltip': '{L_HIDE_CAT}'
}).appendTo(btn_collapse);
var collapsed = [];
if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}
$(document).on('click', '.btn-collapse', function() {
$(this).children('.ion-android-add-circle').toggleClass('hidden');
$(this).children('.ion-android-remove-circle').toggleClass('hidden');
$(this).parents('.forabg').toggleClass('hidden');
if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}
if (!$(this).parents('.forabg').hasClass('hidden')) {
removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);
createCookie('collapsed', collapsed);
} else {
collapsed.push('' + $(this).parents('.forabg').data('cindex'));
createCookie('collapsed', collapsed);
}
});
$('.forabg').each(function(i) {
$(this).data('cindex', '' + i);
$(btn_collapse)
.clone()
.attr('id', 'forabg' + i)
.appendTo($(this).find('.header'));
if ($.inArray('' + i, collapsed) > -1) {
$(this).toggleClass('hidden');
$('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
$('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
}
});
});
function removeFromArray(item, array) {
var i = array.indexOf(item);
if (i > -1) {
array = array.splice(i, 1);
}
}
function createCookie(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
} else {
expires = "";
}
document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = encodeURIComponent(name) + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
return null;
}
//]]>
</script>
|
|
Messages : 173
Date d'inscription : 27/03/2013
| Dim 18 Juin - 18:36 overall_header - Spoiler:
- 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 name="viewport" content="width=device-width, initial-scale=1">
<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 () {
$('#fa_ticker_content').css('display', 'block');
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0) {
$('ul#fa_ticker_content li').css('float', 'left').css('list-style', 'none').width(width_item).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);
}
});
if (slid_vert) {
var height_max = h_perso;
$('ul#fa_ticker_content li').each(function () {
if ($(this).height() > height_max) {
height_max = $(this).height();
}
});
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#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 -->
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 -->
document.onclick = function(e){
if (!e.target.classList.contains('navicon')) {
if ($(e.target).parents('.responsive-headerbar').length == 0 && e.target.id != "menu-btn") {
document.getElementById('menu-btn').checked = false;
}
}
};
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
$(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}
<style type="text/css">
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
<!-- BEGIN switch_ticker_new -->
.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;
}
<!-- END switch_ticker_new -->
</style>
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- BEGIN google_analytics_code_bis -->
gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- END google_analytics_code_bis -->
</script>
<!-- END google_analytics_code -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese&display=swap"
rel="stylesheet"/>
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"/>
</head>
<body id="modernbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" loading="lazy" /> <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 inactive_users_modal -->
<div id="inactive_popup" style="z-index: 10000 !important;">
<div class="h3">{inactive_users_modal.L_MODAL_TITLE}</div>
<div id="inactive_popup_message">{inactive_users_modal.L_MODAL_BODY}</div>
<div id="inactive_popup_buttons">
<button id="inactive_popup_url" class="button1">{inactive_users_modal.L_MODAL_BUTTON}</button>
<button id="inactive_popup_close" class="button1">{inactive_users_modal.L_CLOSE}</button>
</div>
</div>
<script type="text/javascript">
$('#inactive_popup #inactive_popup_close').on('mouseup', function () {
document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
$('#inactive_popup').hide(50);
});
$('#inactive_popup #inactive_popup_url').on('mouseup', function () {
document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
location.href = '{inactive_users_modal.U_MODAL}'
})
</script>
<!-- END inactive_users_modal -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
<div id="login_popup_message">
{LOGIN_POPUP_MSG}
</div>
<!-- BEGIN switch_quick_login -->
<br/>
<div class="h3">{switch_login_popup.switch_quick_login.L_QUICK_CONNECT}</div>
<div>
<div class="mt10">
<div class="social_btn">
<!-- BEGIN fb_quick_connect -->
<div class="fb-login-button"></div>
<!-- END fb_quick_connect -->
<!-- BEGIN topicit_quick_connect -->
<div class="ti-connect"></div>
<!-- END topicit_quick_connect -->
</div>
</div>
</div>
<br/>
<!-- END switch_quick_login -->
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}"/>
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}"/>
</form>
</div>
</div>
<!-- END switch_login_popup -->
<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
<div id="like_popup_message">
{LIKE_POPUP_MSG}
</div>
<div id="like_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}"/>
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
<input id="like_popup_close" type="button" class="button2" value="{L_LIKE_CLOSE}"/>
</form>
</div>
</div>
<!-- END switch_like_popup -->
<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}
<div id="page-header">
<div class="headerbar">
<div id="headerbar-top" class="responsive-headerbar">
<div class="wrap">
<a class="M14_toolbar"href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
<br/>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul id="modernbb-nav-menu" class="navbar navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
</div>
<div class="wrap">
<div id="site-desc">
<!-- BEGIN switch_h1 -->
<div id="site-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->
<!-- BEGIN switch_desc -->
<p>{switch_desc.SITE_DESCRIPTION}</p>
<!-- END switch_desc -->
</div>
</div>
</div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_blockD" style="margin-top:4px;">
<div class="module">
<div class="inner">
<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>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
</div>
<div class="conteneur_minwidth_IE modern-resp">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
<div id="page-body">
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;">
<div class="module">
<div class="inner">
<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>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<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>
<div id="container">
<div id="content-main">
<div id="main">
<div id="main-content">
|
|
Messages : 173
Date d'inscription : 27/03/2013
| Dim 18 Juin - 18:37 topics_list_box - Spoiler:
- Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- END header_table --><!-- BEGIN header_row -->
<tr>
<td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
</tr>
<!-- END header_row -->
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
<!-- END single_selection -->
<div class="LSBJ">
<!-- BEGIN avatar --><div class="avSBJ">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div><!-- END avatar --><div class="boxSBJ"><div class="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:55px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><br/><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div></div></div><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div><div class="nameSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:75px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><div class="stsSBJ"><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div></div>
</div>
<!-- BEGIN multi_selection -->
<td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->
</tr>
<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
</tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<tr>
<td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
<table width="800px" style="margin:auto;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="gensmall">{PAGINATION}</span></td>
<td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr></table>
</td></tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
|
|
Messages : 173
Date d'inscription : 27/03/2013
| Dim 18 Juin - 18:37 PA - Spoiler:
- Code:
<br />
<div class="fondPA">
<div class="imgPA">
<img src="https://www.zupimages.net/up/23/23/3fsd.png" />
</div>
<div class="titredevfofo">
% d'évolution
</div>
<div class="soustitredevfofo">
avant le prochain niveau
</div>
<div class="devfofo">
<div class="devfofopoucent">
</div>
</div>
<div class="nivdevfofo">
Nv. 0
</div>
<div class="topsitebloc">
<div class="topsitetitre">
top-sites
</div>
<div class="topsite1">
<a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=3095">1</a>
</div>
<div class="topsite2">
<a href="http://www.root-top.com/topsite/justmarried/in.php?ID=1118">2</a>
</div>
<div class="topsite3">
<a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=6719">3</a>
</div>
</div>
<div class="minisinfos">
forum à <strong>avatars mangas</strong> 200*320. <span style="text-decoration: underline;">aucun minimum</span> de ligne. jeux de dés. <strong><span style="color: #ff0000;"> NC-16</span></strong>
</div>
<div class="bloctoppartos">
<a href="https://paradisdenfer.forumactif.com/"><img src="https://www.zupimages.net/up/23/23/ncvf.png" /></a><a href="https://paradisdenfer.forumactif.com/"><img src="https://www.zupimages.net/up/23/23/ncvf.png" /></a> <a href="https://paradisdenfer.forumactif.com/"><img src="https://www.zupimages.net/up/23/23/ncvf.png" /></a> <a href="https://paradisdenfer.forumactif.com/"><img src="https://www.zupimages.net/up/23/23/ncvf.png" /></a> <a href="https://paradisdenfer.forumactif.com/"><img src="https://www.zupimages.net/up/23/23/ncvf.png" /></a> <a href="https://paradisdenfer.forumactif.com/"><img src="https://www.zupimages.net/up/23/23/ncvf.png" /></a>
</div>
<div class="pa-staff">
<div>
<img src="https://www.zupimages.net/up/23/21/qnb2.png" />
<div>
<strong>Eudora</strong>
<div class="statut">
Présente
</div>
<div>
<a href="https://paradisdenfer.forumactif.com/privmsg?mode=post&u=2" target="_blank">MP</a>
</div>
</div>
</div>
<div>
<img src="https://www.zupimages.net/up/23/23/ncvf.png" />
<div>
<strong>Pseudo</strong>
<div class="statut">
Présent
</div>
<div>
<a href="#" target="_blank">MP</a>
</div>
</div>
</div>
<div>
<img src="https://www.zupimages.net/up/23/23/ncvf.png" />
<div>
<strong>Pseudo</strong>
<div class="statut">
Présent
</div>
<div>
<a href="#" target="_blank">MP</a>
</div>
</div>
</div>
<div>
<img src="https://www.zupimages.net/up/23/23/ncvf.png" />
<div>
<strong>Pseudo</strong>
<div class="statut">
Présent
</div>
<div>
<a href="#" target="_blank">MP</a>
</div>
</div>
</div>
</div>
<div class="bloclienPA">
<div class="liensu">
<a href="https://paradisdenfer.forumactif.com/t7-i-contexte-concept">Contexte</a>
</div>
<div class="liensu">
<a href="https://paradisdenfer.forumactif.com/t6-ii-reglement-du-forum">Règlement</a>
</div>
<div class="liensu">
<a href="https://paradisdenfer.forumactif.com/t5-iii-les-jouabilites-groupes">Jouabilités</a>
</div>
<div class="liensu">
<a href="https://paradisdenfer.forumactif.com/t10-devenir-partenaire#25">Partenariat</a>
</div>
<div class="liensu">
<a href="#">Actualités</a>
</div>
<div class="liensu">
<a href="https://paradisdenfer.forumactif.com/f9-s-inspirer">prédéfinis</a>
</div>
<div class="liensu">
<a href="https://discord.gg/rZBMSUda">discord</a>
</div>
</div>
<div class="actusPA">
<div class="actusblocPA">
<h>26.05.23</h> ouverture officielle du forum !
</div>
</div>
<div class="blocactusPA">
Le Roi Démon a jeté le sort de la Nuit Eternelle sur le royaume de Petit Paradis. Monstres & Démons se déchainent sur ces terres qui étaient, hier encore si... ennuyeuses. Maintenant que le Chaos règne enfin, profitez bien de cette nouvelle vie ! enfin... survis pour les plus aigris...
</div>
</div>
|
|
| |
Accueil
Rechercher
S'enregistrer
Connexion
