Jawn

# [YELLOW AND PIN] - Lun 17 Déc - 3:10
![[YELLOW AND PIN] 1514568732-bsx](https://2img.net/image.noelshack.com/fichiers/2017/52/5/1514568732-bsx.png)
LE HTML - se met dans le template overall_header sous la balise GENERATED_NAV_BAR :
- Code:
<div class="sidebar">
<div class="pin">
<img src="http://wfarm4.dataknet.com/static/resources/icons/set2/a86aba4c5f34.png" style="width:50px; height:50px;" /></div>
<div class="firsttarace">
<span>Rumeur</span> </div>
<div id="blblbl"><div class="ensemble"><div class="titreuh">Nom du membre</div>
<div class="endessous">Sous titre </div>
<div class="teeete"> <img src="http://via.placeholder.com/50x50" alt="image" style="width: 50px; height: 50px;" /> </div>
<div class="plusbas">Ton texte ici.</div></div></div>
<div class="firsttarace"><span>Rp voulus</span> </div>
<div class="padd">
<div class="baton2">
<a href="h/">Lien</a> </div>
<div class="baton2">
<a href="h/">Lien</a> </div>
<div class="baton2">
<a href="h/">Lien</a> </div>
<div class="baton2">
<a href="h/">Lien</a> </div>
<div class="baton2">
<a href="h/">Lien</a> </div>
<div class="firsttarace"><span>Coups de :hearts:</span> </div>
<div class="teteun"><div class="coude">
<a href="LIEN_FIRST" class="coudeimg" target="_blank"><img src="http://via.placeholder.com/70x70"/></a>
<a href="LIEN_FIRST" class="coudeimg" target="_blank"><img src="http://via.placeholder.com/70x70"/></a></div></div>
</div>
<div class="art"><a href="http://epsilon-ls.forumactif.com/">E P S I L O N</a></div>
<link href="http://www.aht.li/3031956/font-awesome.css" rel="stylesheet" />
<link href="http://www.aht.li/3031957/font-awesomemin.css" rel="stylesheet" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Dancing+Script" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poiret+One" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Julius+Sans+One" />
LE CSS :
- Code:
.art {
margin-top:70px;
text-align:center;
}
.art a {
font-size:10px;
color:grey;
text-decoration:none;
}
.coude {
margin-left:15px;
}
.coudeimg {
padding:5px;
width:70px;
height:70px;
}
.teteun {
width: 200px;
height: 15px;
text-align: center;
display: inline-block;
}
.pin {
z-index:99;
margin-top:-40px;
}
.baton2 {
background: #f0e0aa;
text-decoration: none;
padding: 5px;
margin-top: 5px;
width: 190px;
height: 10px;
margin-left: 10px;
text-align: center;
}
.baton2 a {
color: black !important;
font-family: 'Roboto Condensed';
font-size: 11px;
text-decoration:none;
}
.sidebar {
height:540px;
width:220px;
background-color:black;
left:10px;
top:100px;
position:fixed;
border: solid 1px #eaeaea;
}
.firsttarace {
background-color:#d09f01;
width:200px;
margin:10px;
height:25px;
}
.firsttarace span {
color:black;
margin-left:70px;
border-bottom:solid 1px black;
margin-top:20px;
font-family:'Poiret One';
font-weight: 600;
}
.firsttarace2 {
background-color:#d09f01;
width:200px;
margin-left:42px;
margin-top:10px;
height:25px;
}
.firsttarace2 span {
color:black;
margin-left:60px;
border-bottom:solid 1px black;
margin-top:20px;
font-family:'Poiret One';
font-weight: 600;
}
#blblbl {
width:180px;
height:180px;
margin:0 auto;
background-color:#eaeaea;
border:solid 5px #d09f01;
}
.ensemble{
display:inline;
vertical-align:baseline;
}
.teeete {
border: solid 5px #d09f01;
float: left;
height: 50px;
margin: -15px 5px 5px;
width: 50px;
}
.endessous{
font-size:11px;
float:right;
margin-top:3px;
margin-right:20px;
font-family :'Roboto';
color:#000;
}
.plusbas{
overflow:auto;
width:164px;
height:96px;
font-size:11px;
margin-left:8px;
text-align:justify;
line-height: 11px;
margin-top:-35px;
padding:3px;
color:#000;
}
.titreuh {
border-bottom: 1px solid #5b5367;
color: #000;
font-family: 'Roboto Condensed';
font-size: 14px;
font-style: italic;
margin-left: 75px;
text-transform: uppercase;
width: 105px;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|