Signatures
Dim 7 Aoû - 16:38
IMPORTANT |
Forumactif limitant le nombre de caractères qu'il est possible d'insérer dans une signature, il vous faudra certainement l'héberger pour pouvoir ensuite l'afficher grace à une balise iFRAME. Pour cela, vous pouvez utiliser votre propre hébergeur ou bien utiliser votre propre forum, via la gestion des pages HTML (dans les modules disponibles depuis le panneau d'administration).
Rappel : [ comment créer une balise iFRAME facilement avec Forumactif ]
Parcourir ce site et en utiliser les ressources proposées implique le respect des conditions imposées.
Re: Signatures
Dim 7 Aoû - 16:43
Pseudo
Ceci est une citation
CODE HTML :
- Code:
<center><img src="http://i35.servimg.com/u/f35/18/03/38/40/the-su10.jpg" alt="balise IMG1"
class="img1" height="100" width="100"><img src="http://i35.servimg.com/u/f35/18/03/38/40/road-810.jpg"
alt="balise IMG2" class="img2" height="100" width="100"><img src="http://i35.servimg.com/u/f35/18/03/38/40/sunset10.jpg"
alt="balise IMG3" class="img3" height="100" width="100">
<div class="maxi">Pseudo</div><div class="mini">Ceci est une citation</div></center>
CODE CSS :
- Code:
.img1 {
width: 100px;
height: 100px;
border: 2px solid rgb(234, 212, 225);
border-radius: 55px;
box-shadow: 0px 2px 3px black;
}
.img2{
width: 100px;
height: 100px;
border: 2px solid rgb(234, 212, 225);
border-radius: 55px;
box-shadow: 0px 2px 3px black;
margin-left: -30px;
}
.img3 {
width: 100px;
height: 100px;
border: 2px solid rgb(234, 212, 225);
border-radius: 55px;
margin-left: -30px;
box-shadow: 0px 2px 3px black;
}
.maxi {
height: 25px;
width: 170px;
font-family: "Yellowtail",cursive;
font-size: 50px;
color: rgb(240, 202, 32);
text-shadow: 0px 0px 2px black;
display: block;
margin-top: -50px;
margin-bottom: -20px;
margin-left: 15px;
text-align: center;
}
.mini {
height: 25px;
width: 170px;
font-family: "Yellowtail",cursive;
font-size: 20px;
color: rgb(240, 202, 32);
text-shadow: 0px 0px 2px black;
display: block;
margin-top: 50px;
margin-left: 15px;
margin-bottom: 5px;
text-align: center;
}
Re: Signatures
Jeu 14 Déc - 12:45
CODE HTML :
- Code:
<div class="sign"><span class="sign_icone"><a class="sign_iconedef" href="LIEN VERS VOTRE PROFIL" target="_blank"><i class="fa fa-user-plus"></i></a></span><span class="sign_titre">Votre Pseudo</span><span class="sign_contenu"><font color="SteelBlue"><a href="LIEN VERS VOTRE FICHE DE PERSONNAGE" target="_blank">personnage</a></font> & <font color="FireBrick"><a href="LIEN VERS VOTRE FICHE DE RELATIONS" target="_blank">relations</a></font> & <font color="DarkGoldenrod"><a href="LIEN VERS VOTRE FICHE DE DEMANDES DE ROLEPLAY" target="_blank">demandes de rp</a></font></span></div>
CODE CSS :
- Code:
<html>
<head><link href='https://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
a:link {color: SteelBlue; text-decoration: none;}
a:visited {color: gray; text-decoration: none;}
a:hover, a:focus, a:active {color: red; text-decoration: none;}
.sign {
width: 80%;
margin: 10px auto;
background: #FFFFFF none repeat scroll 0% 0%;
padding: 2px;
text-shadow: none;
box-shadow: 0px 0px 2px #8A8682;
}
.sign_icone
{
display: block;
position: absolute;
width: 50px;
height: 50px;
margin-top: 20px;
margin-left: 0px;
background: #FFFFFF no-repeat scroll center center;
}
.sign_iconedef {
border-radius: 40px;
background-color: #FFFFFF;
box-sizing: border-box;
box-shadow: 0px 0px 3px #8A8682;
color: #000000;
float: left;
font-size: 25px !important;
height: 50px;
margin-left: 5px;
margin-right: 15px;
margin-top: 0px;
padding: 12px 0px;
text-align: center;
width: 50px;
padding-left: 2px;
}
.sign_titre {
display: block;
font-size: 36px;
font-family: 'Dancing Script', cursive;
text-align: center;
padding: 10px;
margin: 5px 5px;
color: #000000;
}
.sign_contenu {
display: block;
padding: 10px;
text-align: center;
color: #757769;
font-size: 20px;
padding: 10px;
margin: 5px 5px;
font-family: 'Cuprum', sans-serif;
font-variant: small-caps;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|