Bonjour/Bonsoir à tous,
J'ai été intéressée par le code d'A-Lice, son bandeau vertical serait utile pour mon forum. J'ai bien réussi à l'installer, le modifier etc mais j'ai remarqué qu'il n'était que sur la page d'accueil. Je l'ai donc enlevé du template index_body, et l'ai placé dans overall_header, espérant que ça le mette sur tout le forum. En effet, ce fut le cas, mais je me trouve confrontée à un petit souci : les modifications placées dans le css ne touchent pas le bandeau sur les pages autres que la page d'accueil, et certains pages sont affectées par la modification des textes alors que d'autres non...
Voici le lien de mon forum test pour un aperçu : http://random-forest.forumactif.org/
Voici la partie du templates overall_header qui contient le code du bandeau :
(la div widgetflottant correspond au bandeau violet et vert que j'ai moi-même créé)
Et enfin voici le css du bandeau d'A-Lice :
Je n'ai pour le moment vu que le problème sur Chrome car je n'ai que ça, alors je ne sais pas si ça marche sur les autres. Je vous remercie de prendre en considération mon problème, si quelque chose manque en information je le rajouterais.
Merci d'avance.
J'ai été intéressée par le code d'A-Lice, son bandeau vertical serait utile pour mon forum. J'ai bien réussi à l'installer, le modifier etc mais j'ai remarqué qu'il n'était que sur la page d'accueil. Je l'ai donc enlevé du template index_body, et l'ai placé dans overall_header, espérant que ça le mette sur tout le forum. En effet, ce fut le cas, mais je me trouve confrontée à un petit souci : les modifications placées dans le css ne touchent pas le bandeau sur les pages autres que la page d'accueil, et certains pages sont affectées par la modification des textes alors que d'autres non...
Voici le lien de mon forum test pour un aperçu : http://random-forest.forumactif.org/
Voici la partie du templates overall_header qui contient le code du bandeau :
- Code:
</head>
<div class="haut">
<a href="#top"><img src="http://i758.photobucket.com/albums/xx227/Cherryiis/PHA%20V10/UP.png" alt="RSS" style="border:none" /></a>
</div>
<div class="bas">
<a href="#bottom"><img src="http://i758.photobucket.com/albums/xx227/Cherryiis/PHA%20V10/DOWN.png" alt="RSS" style="border:none" /></a>
</div>
<script src="http://milouze14.fr/M14smoothscroll.js" type="text/javascript"></script>
<div class="bandeau_fond"><span class="bandeau_titre" style="margin-top:30px; font-family: 'Luna', cursive; font-size:30px">Hello !</span>
<span class="bandeau_titre">Liens utiles</span>
<div class="bandeau_lien"><div class="bandeau_lien_zoom"><a href="ICI LE LIEN">Questions</a></div>
<div class="bandeau_lien_zoom"><a href="ICI LE LIEN">Ateliers</a></div>
<div class="bandeau_lien_zoom"><a href="ICI LE LIEN">Prédéfinis</a></div>
<div class="bandeau_lien_zoom"><a href="ICI LE LIEN">Boutique</a></div>
</div>
<span class="bandeau_titre">Annonces</span>
<div class="bandeau_news"> ♪ Si vous voulez voir la police du nouveau thème, le staff vous conseille d'installer cette police sur votre pc, elle est totalement gratuite : <a href="http://www.dafont.com/fr/luna2.font">Dafont</a>.<br/>
♪ Le design a été fait par Joker mais avec <a href="http://joker-land.forumactif.org/t94-credits-du-forum">un peu d'aide</a>.<br/>
</div><br/>
<a href="http://www.never-utopia.com/" class="ALice_credit">© by A-Lice</a>
</div>
<div class="widgetflottant">
</div>
<link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<table style="position: fixed; left: 270px; top: 0px; right: 0px; background-color: #484860; border-bottom: 2px #ffffff solid; z-index:1000; width: 810px;" ><tr><td><center>{GENERATED_NAV_BAR}</center></td></tr></table>
(la div widgetflottant correspond au bandeau violet et vert que j'ai moi-même créé)
Et enfin voici le css du bandeau d'A-Lice :
- Code:
.bandeau_fond {
width:180px;
padding:5px;
position:fixed;
height:100%;
right:20px;
top:0px;
z-index:100;
}
.bandeau_titre {
font-size:22px;
color:white;
display:block;
text-indent:45px;
margin-top:10px;
font-family: 'Love Ya Like A Sister', cursive;
}
.bandeau_lien {
width:135px;
padding:5px;
height:15%;
overflow:hidden;
margin-left:25px;
font-family: 'Indie Flower', cursive;
}
.bandeau_lien_zoom {
opacity:0.8;
text-align:center;
font-size: 18px;
font-family: Georgia;
}
.bandeau_lien_zoom:hover {
font-size:24px;
opacity:1;
text-align:center;
}
.bandeau_news {
background-color:white;
width:135px;
padding:5px;
height:25%;
margin-left:30px;
font-size:12px;
color:black;
text-align:justify;
overflow:auto;
font-family: 'Georgia', cursive;
}
a.ALice_credit {
font-size:12px;
text-decoration:none;
display:block;
text-align:center;
color:white;
margin-top:5px;
}
Je n'ai pour le moment vu que le problème sur Chrome car je n'ai que ça, alors je ne sais pas si ça marche sur les autres. Je vous remercie de prendre en considération mon problème, si quelque chose manque en information je le rajouterais.
Merci d'avance.
Dernière édition par BlueBerry ♪ le Mar 31 Mai 2016 - 21:42, édité 1 fois
![[résolu]Bandeau vertical sur tout le forum 7310](https://i.servimg.com/u/f56/18/37/59/05/7310.png)
