[RÉGLÉ] Changement bannière

[meteolor']

Bonsoir, je sais que ce sujet à déjà était traité mais pas sur la version 1.7. Ainsi je demande comment je peux changer ma bannière sur la version 1.7. (la bannière qui est bleue actuellement j'en veux plus! )

Je vous passe mon site (en développement).

http://lormeteo.24.eu/

Répondez moi vite s'il vous plait!

[Astier]

Re : Changement bannière

Alors pour cela, je te conseille de te doter de l'extension Firebug sous Firefox afin de repérer les modifications à opérer dans le code.

En l'occurrence, il te faut jouer sur le css du template, plus particulièrement les fichiers personal.css et position.css, tout ce qui concerne les éléments avec les identifiants #header et #logoheader.

Je n'ai pour le moment eu que le temps de modifier cet aspect-là sur mon site, nouvellement réinstallé : http://www.briceboucard.fr/

A+

[meteolor']

Re : Changement bannière

Alors pour cela, je te conseille de te doter de l'extension Firebug sous Firefox afin de repérer les modifications à opérer dans le code.

En l'occurrence, il te faut jouer sur le css du template, plus particulièrement les fichiers personal.css et position.css, tout ce qui concerne les éléments avec les identifiants #header et #logoheader.

Je n'ai pour le moment eu que le temps de modifier cet aspect-là sur mon site, nouvellement réinstallé : http://www.briceboucard.fr/

A+

Ok merci, je vais essayer=)

[meteolor']

Re : Changement bannière

je ne trouve pas les fichiers que tu me dis. J'ai que cela:

#system-message {
margin-bottom: 10px;
padding: 0;
}
#system-message dt {
display: none;
font-weight: bold;
}
#system-message dd {
font-weight: bold;
margin: 0;
text-indent: 30px;
}
#system-message dd ul {
background-position: 4px top;
background-repeat: no-repeat;
border-bottom: 3px solid #84A7DB;
border-top: 3px solid #84A7DB;
color: #0055BB;
list-style: none outside none;
margin-bottom: 10px;
padding: 10px;
}
#system-message dd ul li {
line-height: 1.5em;
}
#system-message dd.message ul {
background-color: #C3D2E5;
background-image: url("../images/notice-info.png");
}
#system-message dd.error ul, #system-message dd.warning ul, #system-message dd.notice ul {
color: #CC0000;
}
#system-message dd.error ul {
background-color: #E6C0C0;
background-image: url("../images/notice-alert.png");
border-bottom-color: #DE7A7B;
border-top-color: #DE7A7B;
}
#system-message dd.warning ul {
background-color: #E6C8A6;
background-image: url("../images/notice-note.png");
border-bottom-color: #FFBB00;
border-top-color: #FFBB00;
color: #CC0000;
}
#system-message dd.notice ul {
background-color: #EFE7B8;
background-image: url("../images/notice-note.png");
border-bottom-color: #F0DC7E;
border-top-color: #F0DC7E;
color: #CC0000;
}



Est-ce normal?

[meteolor']

Re : Changement bannière

ah si c'est bon j'ai trouvé

Pour ajouter ce que tu me dis, j'ajoute via mon serveur? avec phpmyadmin?

[Astier]

Re : Changement bannière

Il faut que tu édites les fichiers du template dans /templates/beez20/css/, plus précisément les fichiers position.css et personal.css. Phpmyadmin n'a rien à voir là-dedans.

Sous Filezilla, un clic-droit sur le fichier te permet de l'éditer directement.

Tu peux utiliser Firebug pour faire des tests avant de commencer à modifier le fichier directement.

A+

[meteolor']

Re : Changement bannière

et je modifie quoi? ( désolé mais je n'ai jamais fait ça )

[Astier]

Re : Changement bannière

Alors, je te conseille de te diriger vers des tutos sur le CSS afin de comprendre comment cela fonctionne.

Pour ce qui est de la bannière, dans ce cas-là, il s'agit donc des propriétés attachées aux éléments avec les identifiants #header et #logoheader, et il faut regarder notamment des propriétés liées au background.

A+

[meteolor']

Re : Changement bannière

Je n'arrive toujours pas :'( Je peux t'envoyer ma bannière ? et le code php de joomla?

[meteolor']

Re : Changement bannière

attends, j'ai envoyé ma bannier au bon format sur le serveur ou joomla est. C'est une bonne chose?

j'ai modif ça:

/* ########################## logo ########################### */

#logo span
{
color:#fff;
padding-left:50px;
font-size:0.3em !important;
text-transform:none;
font-family:arial, sans-serif
}
#all #header
{padding-top:8.0em ;
}
.logoheader
{

background: #0c1a3e URL(../images/personal/meteo_lor2.png) no-repeat bottom right ;
color:#fff;
min-height:200px;
margin:0em 10px 0 10px !important;

}


h1#logo
{
font-family: 'Titillium Maps', Arial;
padding:0.9em 20px 20px 10px;
text-transform:uppercase;
font-weight:normal;
margin-top:0;
}



#line
{
width:98% ;
max-width:100% ;
top:0px;
left:0px;
padding:5px 10px !important;
margin-right:10px;
text-align:right;

}


/* ########################## header ########################### */

#header
{
background:#fff;
font-size:1em;
position:relative

Pourtant apres avoir publié cette modification, rien n'a changé!

[meteolor']

Re : Changement bannière

J'ai réussi! Maintenat il me reste quand mm Joomla écrit.... Comment l'enlever?

[Astier]

Re : Changement bannière

Alors pour cela, il te faut aller dans la Gestion des templates, onglet "Styles" sélectionner le template Beez2 et dans la colonne de droite, tu pourras définir si tu veux un logo ou pas (l'image "Joomla") et sélectionnez l'image que tu souhaites (à placer dans le répertoire /images à la racine du site et non dans le dossier images du template). Tu pourras également définir le nom et la description de ton site.

D'ailleurs, dans la configuration générale du site, as-tu bien rentré le nom de ton site ?

A+

[meteolor']

Re : Changement bannière [RESOLU]

Voila tout est bon =)
Je te remercie de m'avoir aidé =)

Je vais probablement poser d'autres questions sur d'autres sujets.

++