Welcome

Halloween Index complets

Robots

Halloween, LS codage Forumactif Index complets Index complet Robots

PHPBB2

Optimisé Hover sur les prédéfinis et le staff de la PA. Le cadre autour des forums correspond à l'image "No new", et le bloc à gauche des sous-forum peut contenir la description. Pensez à ajouter le lien Google font de la police "Cantarell" dans le template "Overall_header". Réalisé pour le forum Robots. IMPORTANT Pour une raison qui reste inconnue le commanditaire m'a fait reproduire les rendus de la PA et du QEEL proposés par Awful sur son forum TerribleLes codes sont différents mais le résultat final étant identique, je m'excuse TT La maquette complète

Retour

Codage index complet Robots accueil Halloween Forumactif

CSS

/*********************************************************************** PAGE ACCUEIL ***********************************************************************/
a, a:hover {
  	transition: .5s all;
  	text-decoration: none !important;
}

a:hover {
  	color: #8f8173 !important;
}

.clear {
  	clear: both;
}

/* SCROLLBAR */
::-webkit-scrollbar {
    	width: 5px;
}
::-webkit-scrollbar-thumb {
    	background: #8f8173;
}
::-webkit-scrollbar-track {
    	background: #9c9c9c;
}

.page_accueil {
        background: #1d1d1d;
        border: 2px solid rgba(99,91,91,.6);
        padding: 2% 3%;
        width: 820px;
  	font-family: 'Cantarell', sans-serif;
  	margin: auto;
  	color: #9c9c9c;
        font-size: 12px;
}

/* TITRES */
.page_accueil h2 {
        text-align: center;
        font-size: 24px;
        text-transform: uppercase;
        color: #9c9c9c;
        letter-spacing: 5px;
        margin: 0 0 2%;
}

.page_accueil h3 {
        border: 1px solid rgba(99,91,91,.63);
        background: #282828;
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 500;
        padding: .5% 0;
}

/* PSEUDO STAFF ET NOM PREDEFINIS */
.page_accueil h4 {
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0;
}

/* RANG STAFF */
.page_accueil h5 {
        font-weight: normal;
        font-style: italic;
        text-transform: lowercase;
        font-size: 12px;
        margin: 0;
        letter-spacing: -1px;
}

/* CONTENU */
.page_accueil p {
        background: #282828;
        border: 1px solid rgba(99,91,91,.63);
        padding: 4%;
        text-align: justify;
        box-sizing: border-box;
        width: 100%;
        height: 159px;
        overflow: auto;
}

.page_accueil p span {
    	font-weight: bold;
}

.partenaires img {
  	margin: 0 .83%;
}

.partenaires+a {
        text-align: center;
        display: block;
}

/* Contexte */
.b1 p {
    	height: 368px;
  	border: 0;
}

/* Liens */
.page_accueil a {
        text-transform: uppercase;
        color: #9c9c9c;
        font-size: 10px;
  	letter-spacing: 2px;
}

/* Lien rose */
.page_accueil .rose {
        color: #a2335c;
        margin: 0 0 31.5%;
        display: block;
}

/* STAFF ET PREDEFINIS*/
.bloc_staff, .bloc_predef {
        width: 80px;
  	margin: 4% 0 0;
        height: 60px;
        overflow: hidden;
        display: inline-block;
        position: relative;
}

.bloc_staff:nth-child(0n+2) {
    	margin: 4% 7% 0;
}

.bloc_staff:hover .img_staff, .bloc_predef:hover .img_predef {
    	margin-left: -80px;
}

.img_staff, .img_predef {
        position: relative;
        transition: .5s all;
  	z-index: 1;
}

.contenu_staff, .contenu_predef {
        position: absolute;
        top: 0;
        width: 80px;
        height: 60px;
        background: #989898;
        color: #282828;
  	text-align: center;
  	padding: 5% 0;
        box-sizing: border-box;
}

.bloc_staff a, .bloc_predef a {
        color: #6d2941;
}

/* PREDEFINIS */
.bloc_predef {
        height: 80px;
        margin: 0;
}

.contenu_predef {
        height: 80px;
        padding: 20% 0;
}

.bloc_predef+a {
        margin: 4% 0 0;
        display: block;
}

/* TOPS */
.tops a:nth-child(0n+4) {
    	margin: 0;
}
.tops a {
    	margin: 0 5% 0 0;
}

.tops span {
        font-style: italic;
        line-height: 1;
        text-align: center;
        display: block;
}

.tops span a {
        text-transform: initial;
        letter-spacing: 0;
        color: #8f8173!important;
        font-size: 12px;
}

/* BLOCS */
.b1, .b3 {
        width: 30.1%;
        float: left;
}

.b2 {
        width: 35%;
        float: left;
        margin: 0 2%;
}

HTML

<div class="page_accueil">
	       
	<h2>
		    Bienvenue au paradis    
	</h2>
	       
	<div class="b1">
		       
		<h3>
			    Contexte    
		</h3>
		       
		<p>
			    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam finibus id magna eget faucibus. Integer molestie dolor ac tempor elementum. Nunc sed ex eleifend est tempus tristique. Sed vel diam eget est mollis feugiat. Nam ullamcorper eleifend orci, vel semper justo maximus ut. Nullam ultrices purus vitae purus pulvinar, vel rhoncus sem varius. In hac habitasse platea dictumst. Phasellus feugiat justo vitae libero venenatis, volutpat consectetur augue feugiat. Mauris ultricies justo orci. Quisque sollicitudin at lorem eu cursus. Aenean sed nisi eu arcu pretium posuere nec vitae nulla. Morbi pharetra urna et mollis dictum. Praesent vel nunc sem. Nam suscipit luctus porttitor. Sed leo magna, aliquam et auctor id, interdum eget ante. Fusce vel tellus metus. Proin molestie maximus fringilla. Duis euismod vulputate enim, vel sollicitudin ex porttitor a. Aenean vitae quam consectetur metus vestibulum rhoncus. Sed tristique at justo sed aliquet. Integer id lorem libero. Nullam tincidunt nunc diam, eget dapibus libero sodales sed. Phasellus sollicitudin, ex nec euismod feugiat, libero urna volutpat ipsum, pharetra congue ex arcu non ex. Etiam lobortis ex ac elementum efficitur. Proin rutrum auctor lorem, eget pulvinar massa placerat quis. Aenean ornare efficitur eros sit amet efficitur. Nulla et malesuada nulla. Etiam accumsan elit id dui aliquam efficitur. <a href="#">La suite</a>    
		</p>
		       
	</div>
	       
	<div class="b2">
		       
		<div class="bloc_staff">
			    <img class="img_staff" alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/80x6010.png" />    
			<div class="contenu_staff">
				       
				<h4>
					    Pseudo    
				</h4>
				       
				<h5>
					    Rang    
				</h5><a href="#">MP</a>    
			</div>
			       
		</div>
		         
		<div class="bloc_staff">
			    <img class="img_staff" alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/80x6010.png" />    
			<div class="contenu_staff">
				       
				<h4>
					    Pseudo    
				</h4>
				       
				<h5>
					    Rang    
				</h5><a href="#">MP</a>    
			</div>
			       
		</div>
		         
		<div class="bloc_staff">
			    <img class="img_staff" alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/80x6010.png" />    
			<div class="contenu_staff">
				       
				<h4>
					    Pseudo    
				</h4>
				       
				<h5>
					    Rang    
				</h5><a href="#">MP</a>    
			</div>
			       
		</div>
		         
		<p>
			    <span>01/01</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam finibus id magna eget faucibus.<br /><br /><span>01/01</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam finibus id magna eget faucibus.    
		</p>
		         
		<h3>
			    Partenaires    
		</h3>
		       
		<div class="partenaires">
			    <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a><br /><br /> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a>    
		</div><a href="#">Fait ta demande ici</a>    
	</div>
	       
	<div class="b3">
		       
		<h3>
			    Prédéfinis    
		</h3>
		       
		<div class="bloc_predef">
			    <img class="img_predef" alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/80x8010.png" />    
			<div class="contenu_predef">
				       
				<h4>
					    Nom perso    
				</h4><a href="#">Consulter</a>    
			</div>
			       
		</div>
		         
		<div class="bloc_predef">
			    <img class="img_predef" alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/80x8010.png" />    
			<div class="contenu_predef">
				       
				<h4>
					    Nom perso    
				</h4><a href="#">Consulter</a>    
			</div>
			       
		</div>
		         
		<div class="bloc_predef">
			    <img class="img_predef" alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/80x8010.png" />    
			<div class="contenu_predef">
				       
				<h4>
					    Nom perso    
				</h4><a href="#">Consulter</a>    
			</div>
			       
		</div>
		         
		<div class="bloc_predef">
			    <img class="img_predef" alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/80x8010.png" />    
			<div class="contenu_predef">
				       
				<h4>
					    Nom perso    
				</h4><a href="#">Consulter</a>    
			</div>
			       
		</div>
		         
		<div class="bloc_predef">
			    <img class="img_predef" alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/80x8010.png" />    
			<div class="contenu_predef">
				       
				<h4>
					    Nom perso    
				</h4><a href="#">Consulter</a>    
			</div>
			       
		</div>
		         
		<div class="bloc_predef">
			    <img class="img_predef" alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/80x8010.png" />    
			<div class="contenu_predef">
				       
				<h4>
					    Nom perso    
				</h4><a href="#">Consulter</a>    
			</div>
			       
		</div><a href="#">Envie d'incarner un Dieu ?</a><a class="rose" href="#">Découvre tous les prédéfinis</a>     
		<h3>
			    Top-sites    
		</h3>
		       
		<div class="tops">
			    <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a> <a target="_blank" href="#"><img alt="" src="https://i62.servimg.com/u/f62/19/91/20/95/50x5010.png" /></a><br /><span>Codage par <a href="http://ls-halloween.fr" target="_blank">Halloween</a></span>    
		</div>
		       
	</div>
	       
	<div class="clear">
		       
	</div>
</div>

Index_body

Dans le template Index_body remplacer les lignes 1 à 17 par :

Codage index complet Robots catégories Halloween Forumactif PHPBB2

CSS

/*********************************************************************** CATEGORIES ***********************************************************************/
a, a:hover {
  	transition: .5s all;
  	text-decoration: none !important;
}

a:hover {
  	color: #8f8173 !important;
}

.clear {
  	clear: both;
}

/* SCROLLBAR */
::-webkit-scrollbar {
    	width: 5px;
}
::-webkit-scrollbar-thumb {
    	background: #8f8173;
}
::-webkit-scrollbar-track {
    	background: #9c9c9c;
}

/* LIENS AVANT ET APRES CATEGORIES */
.liens_categories {
        text-align: center;
        margin: 2% 0;
}

.liens_categories a {
        color: #9c9c9c;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
}

.liens_categories a::after {
        content: "|";
        padding: 0 1% 0 1%;
}

.liens_categories a:nth-child(0n+4)::after {
    	content: "";
}

.liens_categories.header a:nth-child(0n+3)::after {
    	content: "";
}

/* TITRE CATEGORIES */
.secondarytitle h2 {
        background: #1d1d1d;
        border: 2px solid rgba(99,91,91,.6);
        margin: 1% auto 2%;
        padding: 1% 3%;
        display: block;
        width: 600px;
  	font-family: 'Cantarell', sans-serif;
        color: #9c9c9c;
        font-size: 28px;
        letter-spacing: 5px;
        text-align: center;
        text-transform: uppercase;
}

/* CADRE FORUM */
.forum {
        background: #1d1d1d;
        border: 2px solid rgba(99,91,91,.6);
        font-size: 12px;
        margin: auto;
        padding: 2% 0;
  	color: #9c9c9c;
  	font-family: 'Cantarell', sans-serif;
        width: 870px;
        box-sizing: border-box;
}

.ligne_forum {
        background: #282828;
        border-radius: 2px;
        box-sizing: border-box;
        height: 130px;
        margin: 2% auto;
        padding: 2%;
        position: relative;
        width: 850px;
}

/* STATUT */
img.statut_forum {
        position: absolute;
        top: 0;
        left: 0;
  	z-index: 2;
}

/* POSITIONNEMENT */
.avatar_forum, .description_sous_forum, .forum_info, .forum_stat {
        position: relative;
        z-index: 3;
}

/* AVATAR */
.avatar_forum img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        float: left;
}

/* STATISTIQUES */
.forum_stat {
        float: right;
        width: 7%;
        margin: 0 2% 0 1%;
}

.forum_stat span:nth-child(0n+1) {
    	margin: 0 0 10%;
}

.forum_stat span {
        display: block;
        background: #1d1d1d;
        text-align: center;
        text-transform: lowercase;
        font-size: 10px;
        padding: 17% 0;
}

/* TITRE FORUM DERNIER MESSAGE */
.forum_info {
        float: right;
        width: 30%;
}

/* Nom forum */
a.forumlink::after {
        content: "";
        background: #a2335c;
        display: block;
        width: 100%;
        height: 1px;
}

a.forumlink {
        color: #9c9c9c !important;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
}

/* Dernier message */
.dernier_message {
        margin: 9.6% 0 0 0;
        letter-spacing: 1px;
}

.dernier_message a {
    	color: #9c9c9c !important;
}

.dernier_message strong {
        background: #1d1d1d;
        padding: 0 1% 1% 1%;
        width: 160px;
        display: inline-block;
        letter-spacing: 2px;
}

/* DESCRIPTION ET SOUS FORUM */
.description_sous_forum {
        float: right;
        width: 43%;
        background: #1d1d1d;
        margin: 0 0 0 2%;
  	padding: 1%;
        border: 1px solid rgba(99,91,91,.63);
}

/* Description */
.forum_description {
        border-right: 1px solid #a2335c;
        float: left;
        height: 80px;
        overflow: auto;
        text-align: justify;
        width: 210px;
        box-sizing: border-box;
        padding: 0 2% 0 0;
}

/* Sous forum */
.sous_forum {
        float: left;
        margin: 0 0 0 2%;
        width: 37%;
        height: 80px;
        overflow: auto;
}

.sous_forum a {
        display: block;
        color: #9c9c9c;
        font-size: 11px;
        letter-spacing: 1px;
        text-transform: lowercase;
}

Index_box

<div class="liens_categories header">
	
		<a id="nouveaux_mess" href="{U_SEARCH_NEW}">
                  	{L_SEARCH_NEW}
  		</a>
  
  		<a id="mes_messages" href="{U_SEARCH_SELF}">
                  	{L_SEARCH_SELF}
  		</a>
  	
			
  	<a id="sans_reponse" href="{U_SEARCH_UNANSWERED}">
          	{L_SEARCH_UNANSWERED}
  	</a>
</div>

<div class="secondarytitle">
                  	{catrow.tablehead.L_FORUM}
		</div>
<div class="forum">

<div class="ligne_forum">
                  
                  	<img class="statut_forum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  
                  	<div class="avatar_forum">
                          	
                          		{catrow.forumrow.avatar.LAST_POST_AVATAR}
                          	
                  	</div>
                  
                  	<div class="description_sous_forum">
                          	<div class="forum_description">
                                  	{catrow.forumrow.FORUM_DESC}
                          	</div>
                          
                          	<div class="sous_forum">
                                  	<span id="subforums">
                                          	{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                                  	</span>
                                  	<script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');</script>
                          	</div>
                  	</div>
                  
                  	<div class="forum_info">
                          	<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                                  	{catrow.forumrow.FORUM_NAME}
                          	</a>
                          
                          	<div class="dernier_message">
                                  	{catrow.forumrow.LAST_POST}
                          	</div>
                  	</div>
                  
                  	<div class="forum_stat">
                          	<span>
                                  	{catrow.forumrow.POSTS}<br />Messages
                          	</span>
                          
                          	<span>
                                  	{catrow.forumrow.TOPICS} <br />Sujets
                          	</span>
                  	</div>
                  
                  	<div class="clear">
                  	</div>
		</div>

<img src="{SPACER}" alt="" height="5" width="1" /></div>

Images

New No new

Codage index complet Robots qui est en ligne Halloween Forumactif PHPBB2

CSS

a, a:hover {
  	transition: .5s all;
  	text-decoration: none !important;
}

a:hover {
  	color: #8f8173 !important;
}

.clear {
  	clear: both;
}

/* SCROLLBAR */
::-webkit-scrollbar {
    	width: 5px;
}
::-webkit-scrollbar-thumb {
    	background: #8f8173;
}
::-webkit-scrollbar-track {
    	background: #9c9c9c;
}

/*********************************************************************** QUI EST EN LIGNE ***********************************************************************/
/* LIENS AVANT ET APRES CATEGORIES */
.liens_categories {
        text-align: center;
        margin: 2% 0;
  	font-family: 'Cantarell', sans-serif;
}

.liens_categories a {
        color: #9c9c9c;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
}

.liens_categories a::after {
        content: "|";
        padding: 0 1% 0 1%;
}

.liens_categories a:nth-child(0n+4)::after {
    	content: "";
}

.liens_categories.header a:nth-child(0n+3)::after {
    	content: "";
}

.qeel {
        background: #1d1d1d;
        border: 2px solid rgba(99,91,91,.6);
        font-size: 12px;
        margin: auto;
        padding: 2% 3%;  	
        font-family: 'Cantarell', sans-serif;
        width: 820px;
}

.qeel h2 {
        background: #282828;
        border: 1px solid rgba(99,91,91,.63);
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 5px;
        padding: 1% 0;
        text-align: center;
        text-transform: uppercase;
        color: #9c9c9c;
        width: 400px;
        margin: 0 auto 2%;
}

/* CONNECTES CES DERNIERES 24 HEURES */
.qeel_24 {
        background: #282828;
        width: 20%;
        height: 133px;
        overflow: auto;
        padding: 1%;
        box-sizing: border-box;
        float: left;
}

.qeel_24 .row1 {
    	background: none;
}

/* COLONNE 2 */
.c2 {
        float: left;
        margin: 0 3%;
        text-align: center;
        width: 30%;
}

/* Dernier inscrit */
.dernier_inscrit {
        color: #9c9c9c;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
}

.dernier_inscrit a {
        display: block;
        width: 100%;
        background: #282828;
        padding: 4% 0;
        margin: 2% 0;
        letter-spacing: 5px;
        font-weight: 100;
  	font-size: 14px;
}

.dernier_inscrit strong a span strong {
    	font-weight: normal !important;
  	color: #c9c9c9;
}

/* Groupes */
.groupes a:nth-child(3n+3) {
    	margin: 1% 0;
}

.groupes a {
        border: 1px solid rgba(99,91,91,.63);
        box-sizing: border-box;
        display: inline-block;
        font-size: 9px;
        margin: 1% 4% 1% 0;
        padding: 2%;
        text-transform: uppercase;
        width: 75px;
}

a.g1 {color: #293b72;} a.g1:hover {color: #293b72 !important; border: 1px solid #293b72;}
a.g2 {color: #656a2f;} a.g2:hover {color: #656a2f !important; border: 1px solid #656a2f;}
a.g3 {color: #7c412e;} a.g3:hover {color: #7c412e !important; border: 1px solid #7c412e;}
a.g4 {color: #336638;} a.g4:hover {color: #336638 !important; border: 1px solid #336638;}
a.g5 {color: #286b65;} a.g5:hover {color: #286b65 !important; border: 1px solid #286b65;}
a.g6 {color: #9a1770;} a.g6:hover {color: #9a1770 !important; border: 1px solid #9a1770;}

/* COLONNE 3 */
.c3 {
        float: left;
        width: 32%;
}

/* Statistiques connectes */
.actuellement_co {
        color: #9c9c9c;
  	margin: 0 0 2%;
        font-size: 7px;
        text-transform: uppercase;
}

/* Connectés */
.en_ligne {
        background: #282828;
        box-sizing: border-box;
        height: 100px;
        overflow: auto;
        padding: 1%;
        width: 100%;
        display: block;
}

/* Copyright */
.c3 p {
        color: #9c9c9c;
        font-size: 7px;
        text-transform: uppercase;
        font-style: italic;
        margin: 2% 0 0;
}

a.credits {
  	color: #8f8173 !important;
}

/* COLONNE 4 */
.c4 {
        float: left;
        width: 9%;
        margin: 0 0 0 3%;
}

/* Messages et membres */
.c4 span strong {
        display: block;
        font-weight: normal;
}

.c4 span {
        display: block;
        background: #282828;
        text-transform: uppercase;
        font-size: 8px;
        padding: 20% 2%;
        margin: 0 0 23%;
        text-align: center;
}

Index_Body

Remplacez les lignes 66 à 184 (après "BOARD_INDEX" jusqu'à la fin du commentaire du qeel compris) :

<div class="liens_categories">
	
		<a id="marquer_lu" href="{U_MARK_READ}">
                  	{L_MARK_FORUMS_READ}
  		</a>
	
  	
		<a href="{switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">
                  	{switch_delete_cookies.L_DELETE_COOKIES}
  		</a>
	
  
  	<a id="sujets_jour" href="{U_TODAY_ACTIVE}">
          	{L_TODAY_ACTIVE}
  	</a>
  
  	<a id="tops_posteurs" href="{U_OVERALL_POSTERS}">
          	{L_OVERALL_POSTERS}
  	</a>
				
  	
		
			<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" id="delete_cookies" rel="nofollow">
                          	{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}
  			</a>
		
	
</div>

<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>

<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">
                    
                    <div class="fb-login-button"></div>
                    
                    
                    <div class="ti-connect"></div>
                    
                </div>
            </td>

</tr>
    </table>
</form>

<div class="qeel">
  	<h2>
          	Qui est en ligne
  	</h2>
  
  	<div class="qeel_24">
          	<table id="qeel24">
                  	{L_CONNECTED_MEMBERS}
          	</table>
    		<script type="text/javascript">jQuery('#qeel24 span.gensmall').html(jQuery('#qeel24 span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ',''));</script>
  	</div>
  
  	<div class="c2">
          	<span class="dernier_inscrit" id="dernier_membre">
                  	{NEWEST_USER}
                </span>
                <script type="text/javascript">document.getElementById('dernier_membre').innerHTML=document.getElementById('dernier_membre').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Bienvenue sur Gods");</script>
          
          	<div class="groupes">
                  	<a href="#" class="g1">
                          	Groupe 1
                  	</a>
                  
                  	<a href="#" class="g2">
                          	Groupe 2
                  	</a>
                  
                  	<a href="#" class="g3">
                          	Groupe 3
                  	</a>
                  
                  	<a href="#" class="g4">
                          	Groupe 4
                  	</a>
                  
                  	<a href="#" class="g5">
                          	Groupe 5
                  	</a>
                  
                  	<a href="#" class="g6">
                          	Groupe 6
                  	</a>
          	</div>
  	</div>
  
  	<div class="c3">
          	<div id="stats_co" class="actuellement_co">
                  	{TOTAL_USERS_ONLINE}
          	</div>
          <script type="text/javascript">document.getElementById('stats_co').innerHTML=document.getElementById('stats_co').innerHTML.replace(/Il y a en tout /,"").replace(/::/,">>").replace(/, /," | ").replace(/et /, "| ");</script>
  	
          	<span class="en_ligne" id="connectes">
                  	{LOGGED_IN_USER_LIST}
                </span>
                <script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script>
          
          	<p>
                  	Copyright Gods 2018. Codage par <a href="http://ls-halloween.fr" target="_blank" class="credits">Halloween</a>
          	</p>
  	</div>
  
  	<div class="c4">
          	<span id="messages">
                  	{TOTAL_POSTS}
                </span>
          	<script type="text/javascript">document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"").replace(/message(s?)/,"Message$1");</script>
          
          	<span id="utilisateurs">
                  	{TOTAL_USERS}
                </span>
          	<script type="text/javascript">document.getElementById('utilisateurs').innerHTML=document.getElementById('utilisateurs').innerHTML.replace(/Nous avons/,"").replace(/membre(s?) enregistré(s?)/,"Membre$1");</script>
  	</div>
  
  	<div class="clear">
  	</div>
</div>

Télécharger le CSS complet

Dernière modification : 25 April 2020 23 : 36.

#robots #indexcomplet #forumactif #codage #libreservice

Halloween