Partagez | 
 

 Fiches de pub (1)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Azuriel
Admin


Messages : 181
Date d'inscription : 05/03/2016

MessageSujet: Fiches de pub (1)   Lun 14 Mar - 17:10



Nom du forum
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur quo iure earum nisi error possimus amet molestias et sint ut quam quod harum in fugit distinctio esse similique est recusandae.
Nombre de lignes, style et format d'avatars, tout ce que tu jugeras utile.
Pseudo
Rang
Contact
Pseudo
Rang
Contact
Pseudo
Rang
Contact
Prédéfinis attendus
Nous rejoindre
- -
Fiche par Azuriel sur le Chapeau

Code à placer dans une page HTML annexe (disponible dans Modules > Gestion des pages HTML).
Code:
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style>
a{text-decoration:none; color:#000;}
a:hover{font-style:italic;}
.partoglobale{margin-left:auto; margin-right:auto; width:500px; border-left: 3px solid #ac95bd; border-right: 3px solid #ac95bd; height:680px; background-image:url('https://i.imgur.com/kVCd3l3.png'); background-position: left top; background-repeat: no-repeat; background-size: 100% auto; background-color:#fdfdfd;}
.partonomforum{padding-top:210px; font-family: 'Lobster', cursive; font-size: 42px; color:#ac95bd; text-align:center; text-shadow: 1px 2px 0px #bfc2ce; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out;}
.partonomforum:hover{font-size:50px; padding-top:200px;}
.partoforumcontexte{width:300px; height:150px; margin-top:20px; margin-left:10px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.partoimagecontexte{width:300px; height:150px; background-image: url('http://i.imgur.com/IWDmKFV.png'); -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; -khtml-transition: 0.3s all;}
.partotextecontexte{width:290px; height:140px; padding:5px; z-index: 9; overflow: auto; font-family: 'Arial'; font-size: 12px; text-align: justify; opacity: 0; margin-top:-150px; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; -khtml-transition:0.3s all;}
.partoforumcontexte:hover .partoimagecontexte {opacity: 0.3;}
.partoforumcontexte:hover .partotextecontexte {opacity: 1;}
.partoinfosforum{border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color: #f3f2f4; width:290px; height:50px; padding:5px; margin-left:10px; font-size:11px; font-family: 'Arial';} .partoforumstaff{margin-top:19px;}
.partoforumstaff img{width:66px; height:66px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; opacity:0.8; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; -khtml-transition: 0.3s all;}
.partoforumstaff img:hover{opacity:1;}
.partostafftexte{height:66px; width:100px; font-size:10px; background-color:#f3f2f4; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; margin-left:-4px; text-align:center; font-family:Arial; line-height:22px;}
.partopredefforum{margin-top:5px; text-align:center; font-family:'Arial'; font-size:20px; color:#ac95bd; text-shadow: 1px 1px 0px #bfc2ce; font-weight:bold;}
.partopredefforum img{border:1px solid #ccc; opacity:0.8; margin:5px; width:50px; height:50px;}
.partopredefforum img:hover{opacity:1;}
.partoforumrejoindre{margin-top:5px; text-align:center; font-family:'Arial'; font-size:20px; color:#ac95bd; text-shadow: 1px 1px 0px #bfc2ce; font-weight:bold;}
.partoforumrejoindre img{margin-top:5px; margin-bottom:5px;}
.partocredit{text-align:center; font-size:9px;}</style>

<div class="partoglobale"><div class="partonomforum">Nom du forum</div><table><tr><td><div class="partoforumcontexte"><div class="partoimagecontexte"></div><div class="partotextecontexte">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur quo iure earum nisi error possimus amet molestias et sint ut quam quod harum in fugit distinctio esse similique est recusandae.</div></div><div class="partoinfosforum">Nombre de lignes, style et format d'avatars, tout ce que tu jugeras utile.</div></td><td><div class="partoforumstaff"><table><tr><td><img src="http://i.imgur.com/kmoA4bm.png" /></td><td><div class="partostafftexte">Pseudo<br />Rang<br /><a href="">Contact</a></div></td></tr><tr><td><img src="http://i.imgur.com/kmoA4bm.png" /></td><td><div class="partostafftexte">Pseudo<br />Rang<br /><a href="">Contact</a></div></td></tr><tr><td><img src="http://i.imgur.com/kmoA4bm.png" /></td><td><div class="partostafftexte">Pseudo<br />Rang<br /><a href="">Contact</a></div></td></tr></table></div></td></tr></table><div class="partopredefforum">Prédéfinis attendus<br /><a href=""><img src="http://i.imgur.com/kmoA4bm.png" /></a><a href=""><img src="http://i.imgur.com/kmoA4bm.png" /></a><a href=""><img src="http://i.imgur.com/kmoA4bm.png" /></a><a href=""><img src="http://i.imgur.com/kmoA4bm.png" /></a><a href=""><img src="http://i.imgur.com/kmoA4bm.png" /></a><a href=""><img src="http://i.imgur.com/kmoA4bm.png" /></a><a href=""><img src="http://i.imgur.com/kmoA4bm.png" /></a></div><div class="partoforumrejoindre">Nous rejoindre<br /><a href=""><img src="http://i.imgur.com/TMkexJ2.png" /></a> - <a href=""><img src="http://i.imgur.com/TMkexJ2.png" /></a> - <a href=""><img src="http://i.imgur.com/TMkexJ2.png" /></a></div><div class="partocredit">Fiche par Azuriel sur <a href="">le Chapeau</a></div></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://chapeauazuriel.forumactif.com
 
Fiches de pub (1)
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Les fiches pratiques du permis moto
» Spécificités du matériel réel
» Etablissement d'une grille horaire
» Permis C - Questions Ecrites Vs 1.0
» Quel répartiteur conseillez-vous?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le Chapeau d'Azuriel :: Libre-service :: Codage :: Fiches-
Sauter vers: