LE CSS.
index_body
Dernière édition par Walden le Dim 1 Aoû - 18:35, édité 1 fois
Code:
:root {
--font1: public sans;
--font2: Orelega One;
--normal: 11px;
--titre: 16px;
}
a, a:hover {text-decoration:none !important;}
c { -webkit-transition: .5s linear;
background-image: linear-gradient(600deg,#B08751,#222222);
color: #fff;
font-size: 9px;
font-weight: 100;
letter-spacing: 1px;
text-align: center;
text-transform: lowercase;
padding: 1px 5px; }
l { color:#B08751; font-style:italic; font-size:11px; }
/*index */
.wwhead {background-image: url(https://images2.imgbox.com/19/fb/aihXRMHk_o.png); /* header */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 450px;
width:900px;
margin: auto;
overflow: hidden;
padding: 0;
position: relative;}
.forumline { border-collapse: collapse;} /* tableau catégories */
th {height: 40px; text-align:right; background-position: top right; } /* taille titres des catés */
.secondarytitle h2 { /* titre des catés */
-webkit-transition: .5s linear;
background-image: linear-gradient(600deg,#B08751,#222222);
color: #fff;
font-size: 10px;
font-weight: 100;
letter-spacing: 1px;
text-align: center;
text-transform: lowercase;
padding: 2px 11px;
margin-right: 15px;}
/* titre des forums */
.forumlink { font-family: var(--font2);
font-size: var(--titre);
letter-spacing: 0;
line-height: 18px;
padding-left: 5px;
font-weight: 100;
text-transform: lowercase;}
/* description des forums */
.wwdesc { font-size: var(--normal) !important;
text-align:justify; padding: 9px;
border: 1px solid #dedede; }
.wwdesc-d { overflow:auto; height:50px; padding-right:3px;}
/* scrollbar des descriptions */
.wwdesc-d::-webkit-scrollbar {width: 1px;}
.wwdesc-d::-webkit-scrollbar-track { background: #fff;}
.wwdesc-d::-webkit-scrollbar-thumb {
background-color: #B7936B; border-radius: 0px; border: 1px solid #dedede;}
.wwlast {font-size: var(--normal); width:200px;
border:1px solid #dedede; height:70px;padding: 10px 5px; }
/* avatar dans les catégories */
.lastpost-avatar img {
height: 65px; width: 40px;
border-radius:0px;
margin-right:5px;
padding: 3px;
border: 1px solid #999;}
/* barre de separation dans les textes */
hr {
border: solid #dedede 1px;
border-top-width: 0px;
height: 0;
}
/* qeel */
.qeelleft {text-align:justify; font-size:11px; }
.qeeltotal {border: 1px solid #dedede; color:white;
text-align: center;
width: 46%;
float: left;
padding: 4px;
margin-right: 2px;
align-items: normal;
font-size: 10px;
background-image: url('https://2img.net/images2.imgbox.com/19/fb/aihXRMHk_o.png');
background-position: center;
}
.qeelnew {float: left;
border-bottom: 1px solid #dddddd;
font-size: 14px;
margin: 8px 0;
padding: 4px;
text-align: center;
color: black;
width: 96%;
font-family: var(--font2);
letter-spacing: 1px;
}
.qeellist {font-size: 10px;
height: 40px;
margin: 5px 0px;
overflow: auto;}
.qeelco { text-align: justify;
width: 300PX;
padding: 10px;
height: 100px;
overflow: auto;
border: 1px solid #dedede;
margin-bottom:5px; }
.groupe1 { margin:2px; background-color:#768AB3; width:200px; padding:5px; color:white; float:left;
opacity: 0.5; font-size: 10px; text-transform: uppercase; text-align:center; }
.groupe2 { margin:2px; background-color:#D4A37B; width:200px; padding:5px; color:white; float:left;
text-align:center; opacity: 0.5; font-size: 10px; text-transform: uppercase;}
.groupe3 { margin:2px; background-color:#A77DB3; width:200px; padding:5px; color:white; float:left; text-align:center; opacity: 0.5; font-size: 10px; text-transform: uppercase; }
.groupe4 { margin:2px; background-color:#C97979; width:200px; padding:5px; color:white; float:left; text-align:center; opacity: 0.5; font-size: 10px; text-transform: uppercase; }
.groupe5 { margin: 2px 2px 10px 2px;background-color:#81A182; width:200px;padding:5px; color:white;float:left; text-align:center; opacity: 0.5; font-size: 10px; text-transform: uppercase; }
/* liste des sujets */
.topictitle, h1, h2 {
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
}
/* profil */
/* pseudo du membre */
.profil-pseudo {
text-align: center;
padding: 5px 0px; }
.profil-pseudo .name { font-family: 'Orelega One';
color: #636363;
font-size: 14px; }
.profil-pseudo .name strong {font-weight:lighter;} /* pour que le pseudo ne soit plus en gras */
.profil-champ { text-align:justify; padding: 5px; width:190px; overflow:auto;
max-height:300px; }
/* image dans les profils */
.postdetails.poster-profile img { max-width: 190px; }
/* contenu message */
.postbody { padding: 5px 25px; font-size:12px;}
/* titre du sujet */
td.catHead { height: 50px;}
td.catHead a {color:#D4C7B6;}
.cattitle {
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
color:#D4C7B6;}
/* barre de notif */
.mainmenu img {display:none;}
.navbar {text-transform: lowercase;
letter-spacing: 1px;
padding-left:20px;
font-size: 10px;
width: 100%;
margin-top: -20px;
z-index: 2;
position:fixed; }
.navbar a { color:white; font-family: var(--font1); }
#fa_left, #fa_search, #fa_share { display: none!important; }
#fa_toolbar {background-color: #211d1c; border-bottom:2px #583c13 solid;
z-index:1; position:absolute; }
#fa_right { float: right; font-family: var(--font1);
font-size: var(--normal);
text-transform: lowercase;
background-color: #211d1c; }
#fa_toolbar #fa_right #notif_list {background-color:#ffffff;
border: 1px solid #eee;
font-size: var(--normal);}
#fa_toolbar #fa_right #notif_list li .contentText a {
color: #000!important;
text-decoration: none!important; }
#fa_menulist { line-height: 18px; background-color: #fff; border: 1px solid #eee; min-width: 155px; padding:10px;}
#fa_menulist table { display: none!important; }
#fa_usermenu { }
#fa_usermenu img { width: 83px; display:none; }
#fa_ranktitle { display: none!important; }
#fa_menulist :link, #fa_menulist :visited { color: #000!important;}
/* code */
.codebox dd { max-width: 500px; }
/* scrollbar */
*::-webkit-scrollbar {
width: 3px;
height: 3px;
}
*::-webkit-scrollbar-track {
background: #fefefe;
}
*::-webkit-scrollbar-thumb {
background-color: #B7936B;
border-radius: 0px;
border: 1px solid #fefefe;
}
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">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">
<table>
<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>
<!-- BEGIN switch_social_login -->
<td width="10%" align="center" valign="middle" class="row1">
<span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
</td>
<!-- END switch_social_login -->
</tr>
</table>
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<div class="wwdesc" style="text-align:center;">
<!-- BEGIN switch_user_logged_in -->
<a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a> ·
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a> ·
<!-- END switch_delete_cookies -->
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> ·
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> ·
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</div>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="50%" valign="top" align="right" class="row1">
<table>
<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>
<!-- BEGIN switch_social_login -->
<td width="10%" align="center" valign="middle" class="row1">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
</td>
<!-- END switch_social_login -->
</tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td width="100%" valign="top"><div class="qeelleft">
<div class="qeelnew"><span id="dernierr">{NEWEST_USER}</span></div>
<span id="onlinee">{TOTAL_USERS_ONLINE}</span>
<div class="qeellist"> <span id="userlist"><i class="fas fa-anchor"></i> {LOGGED_IN_USER_LIST}</span>
</div>
</div>
<div class="qeeltotal"> <span id="totall">{TOTAL_POSTS}</span> </div><div class="qeeltotal"><span id="totallusers"> {TOTAL_USERS}</span></div>
</td>
<td> <div class="qeelco"><table>{L_CONNECTED_MEMBERS}</table></div></td>
<td valign="top" align="center"><div class="groupe1">bitter sweet symphony</div><br/>
<div class="groupe2">zombie</div><br/>
<div class="groupe3">losing my religion</div><br/>
<div class="groupe4">smells like teen spirit</div><br/><div class="groupe5">underclass hero</div> <br/><br/>
</td></tr>
</table>
<script type="text/javascript">
document.getElementById('dernierr').innerHTML=document.getElementById('dernierr').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Bienvenue à");
document.getElementById('totall').innerHTML=document.getElementById('totall').innerHTML.replace(/Nos membres ont posté un total de /," ");
document.getElementById('totall').innerHTML=document.getElementById('totall').innerHTML.replace(/messages/,"MESSAGES ");
document.getElementById('totallusers').innerHTML=document.getElementById('totallusers').innerHTML.replace(/Nous avons/," ");
document.getElementById('totallusers').innerHTML=document.getElementById('totallusers').innerHTML.replace(/membres enregistrés/,"MEMBRES ");
document.getElementById('totallusers').innerHTML=document.getElementById('totallusers').innerHTML.replace(/membre enregistré/,"MEMBRE ");
document.getElementById('onlinee').innerHTML=document.getElementById('onlinee').innerHTML.replace(/Il y a en tout/," ");
document.getElementById('onlinee').innerHTML=document.getElementById('onlinee').innerHTML.replace(/utilisateurs en ligne /," âmes errantes actuellement à exeter ");
document.getElementById('onlinee').innerHTML=document.getElementById('onlinee').innerHTML.replace(/:: /," ");
document.getElementById('onlinee').innerHTML=document.getElementById('onlinee').innerHTML.replace(/Enregistré/,"habitant");
document.getElementById('onlinee').innerHTML=document.getElementById('onlinee').innerHTML.replace(/Enregistrés/," habitants");
document.getElementById('onlinee').innerHTML=document.getElementById('onlinee').innerHTML.replace(/Invisible/," fantôme");
document.getElementById('onlinee').innerHTML=document.getElementById('onlinee').innerHTML.replace(/Invisibles/," fantômes");
document.getElementById('onlinee').innerHTML=document.getElementById('onlinee').innerHTML.replace(/Invités/," touristes.");
document.getElementById('onlinee').innerHTML=document.getElementById('onlinee').innerHTML.replace(/Invité/," touriste.");
document.getElementById('userlist').innerHTML=document.getElementById('userlist').innerHTML.replace(/Utilisateurs enregistrés/,"Actuellement en ligne ");
</script>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<!-- END switch_legend -->
{AUTO_DST}
Dernière édition par Walden le Dim 1 Aoû - 18:35, édité 1 fois