Forum

Bonjour!



Ma question va paraître idiote, mais je ne trouve pas la réponse sur le site!



Comment changer les éléments de la bande BLEU au dessus (sur ce site = PHPBoost CMS avec l'icone Flavicon...)



Car a priori, je dois remplacer ça par une bannière ! (j'aimerai bien ne pas etre obligé de devoir écrire un nom de site aussi du coup... ce sera sur la bannière)



Par la suite, si j'y arrive, j'aimerai en fait mettre un systeme de bande comme sur ce template : http://www.templatemonster.com/free-templates/free-website-template-business-ideas-2011.php



Soit, faire défiler des images avec des fleches (défilement manuel ou automatique, peu importe...)



Merci beaucoup





Dans leur feuille HTML, ça donne ça :





<div class="body3">

<div class="body4">

<div class="main">

<div class="slogan">

<div id="slider">

<img src="images/text1.jpg" alt="">

<img src="images/text2.jpg" alt="">

<img src="images/text3.jpg" alt="">

</div>

</div>

</div>

</div>

</div>



et CSS :



/* The Nivo Slider styles */

#slider {height:141px;position:absolute !important;top:0;width:981px;left:82px;top:108px}

.nivoSlider {position:absolute}

.nivoSlider img {top:0px;left:0px}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none}

/* The slices in the Slider */

.nivo-slice {display:block;position:absolute;z-index:50;height:100%}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {position:absolute;margin-top:63px;z-index:99;cursor:pointer;text-indent:-9999px;width:21px;height:33px}

.nivo-prevNav {left:-22px; display:block;background:url(../images/marker_left.jpg) no-repeat}

.nivo-nextNav {right:123px;background:url(../images/marker_right.jpg) no-repeat}

.nivo-prevNav:hover {background:url(../images/marker_left_active.jpg) no-repeat}

.nivo-nextNav:hover {background:url(../images/marker_right_active.jpg) no-repeat}



Mais ici, je suis un peu perdu !





J'ai fais ça... :



<div id="global">

<div id="header_container">

<div id="header">

<div id="log"></div>

<div id="site_nam">{SITE_NAME}</div>

<img src="{PATH_TO_ROOT}/templates/{THEME}/images/MONIMAGE.png"

# IF C_MENUS_HEADER_CONTENT #

{MENUS_HEADER_CONTENT}

# ENDIF #

</div>

<div id="sub_header">

# IF C_MENUS_SUB_HEADER_CONTENT #

{MENUS_SUB_HEADER_CONTENT}

# ENDIF #

</div>

<div class="spacer"></div>

</div>





Pour rajouter une image et j'ai supprimer le O de logo et le E de site Name pour ne plus qu'il s'affiche et que la bannière les remplace... mais la bande bleu est trop petit et ça décale tout mon site...

Édité par zacof Le 03/11/2013 à 13h59

Bonjour.

Dans ton fichier design.css, trouve la ligne qui correspond au div #header. Celui-ci possède de base une hauteur qu'il faut supprimer si tu veux qu'il puisse s'agrandir (;

J'ai pris le style whiteweb 2.0 et quand je fais ça;

la ligne noir au dessus ne s’agrandit pas pour autant

J'viens de réussir a modifier la hauteur de la bande noir qui me permet de mettre le LOGO en plus grande taille (bannière)

Mais comment faire pour avoir un menu de selection (Acceuil, forum, informatique, etc...) en dessous et non pas a coté? Car la taille est figée du coup et sur les petits écrans, ca peut causer soucis.

Merci d'avance

Édité par zacof Le 03/11/2013 à 15h47