Jawn

# [FOOTER] - Lun 17 Déc - 3:38
![[FOOTER] 0bb8bbbcd1](https://puu.sh/zZsO2/0bb8bbbcd1.png)
LE HTML : -se place dans votre overall_footer_end après cette partie là :
- Code:
<!-- END switch_footer_links -->
</div>
{PROTECT_FOOTER}
</td>
</tr>
</table>
LE HTML :
- Code:
<script src="https://use.fontawesome.com/c9dc62c48f.js"></script>
<link rel='stylesheet' href='http://www.aht.li/3031956/font-awesome.css' />
<link rel='stylesheet' href='http://www.aht.li/3031957/font-awesomemin.css' />
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<div class="statistics">
<div id="entoure1"> <div class="titlenavi"><i class="fa fa-bars" aria-hidden="true"></i><span>N</span>avigation</div>
<div class="links1">
• <a href="/">Top 20 des posteurs du jour</a><p>
• <a href="/">Top 20 des posteurs du forum</a><p>
• <a href="/">Top 20 des posteurs du jour</a><p>
• <a href="/">Top 20 des posteurs du jour</a><p>
• <a href="/">Top 20 des posteurs du jour</a><p>
• <a href="/">Top 20 des posteurs du jour</a><p>
• <a href="/">Top 20 des posteurs du jour</a><p>
• <a href="/">Top 20 des posteurs du jour</a><p>
• <a href="/">Top 20 des posteurs du jour</a><p>
</div>
</div>
<div id="entoure2"> <div class="titlenavi"><i class="fa fa-external-link" aria-hidden="true"></i><span>L</span>iens utiles</div>
<div class="links1">
• <a href="/">Sujet actif du jour</a><p>
• <a href="/">Voir ses messages</a><p>
• <a href="/">Supprimer les cookies</a><p>
• <a href="/">Top 20 des posteurs du jour</a><p>
• <a href="/">Top 20 des posteurs du forum</a><p>
• <a href="/">Marquer tous les forums comme lus</a><p>
• <a href="/">Top 20 des posteurs du jour</a><p>
• <a href="/">Top 20 des posteurs du jour</a><p>
</div>
</div>
<div id="entoure3"> <div class="titlenavi"><i class="fa fa-address-card" aria-hidden="true"></i><span>T</span>op <span>P</span>artenaires</div>
<div class="carrey">
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
<div class="carr1"><a href="/"><img src="https://imgur.com/vKge6Ht.png"></a></div>
</div></div>
<div class="lineuh"></div>
<div class="credou">Copyright : Tous droits réservés. Thème code réalisé par <a href="http://epsilon-ls.forumactif.com/">E P S I L O N</a>. Toute reproduction même partielle est interdite.</div></div>
LE CSS :
- Code:
.credou {
color:grey;
font-size:11px;
position:relative;
margin:50px;
}
.credou a {
color :#d66b6b;
text-decoration:none;
}
.lineuh{
border-bottom: solid 1px #5b5b5b;
width:800px;
height:50px;
margin:0 auto;
text-align:center;
}
.carr1 {
width:50px;
height:50px;
margin:5px;
background-color:black;
display:inline-block;
filter: grayscale(80%);
transition:all 800ms;
border:1px solid #d66b6b;
}
.carr1:hover {
transition:all 800ms;
filter:grayscale(0%);
}
.links1 {
font-family:'Times New Roman';
font-size:12px;
line-height:10px;
}
.statistics {
background-color: #4c4c4c;
border-top: solid 15px #d66b6b;
color: black;
height: 400px;
font-size: 1.3rem;
overflow: hidden;
padding: 24px 0;
width: 1000px;
margin: 0 auto;
}
#entoure1 {
width:270px;
padding:20px;
display:inline-block;
position:relative;
}
#entoure2 {
width:270px;
padding:20px;
display:inline-block;
position:relative;
top:-20px;
}
#entoure3 {
width:350px;
padding:20px;
display:inline-block;
position:absolute;
}
.titlenavi {
color :black;
font-size:25px;
font-family:'Anton';
text-transform:uppercase;
font-weight:400;
}
.titlenavi span {
color :#d66b6b;
font-size:30px;
font-family:'Anton';
font-weight:400;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|