Forum

Discussions Générales » Mettre image en header sur le theme base header image

Booster Bazooka

rank_2.png

Avatar

Groupe: Membre

Inscrit le: 23/08/2018

Messages: 127

Le 15/11/2018 à 11h49
Bonjour, encore une préoccupation svp, pardon deux :D

Je veux mettre une image au niveau du header du site avecle thème "base", quel fichiers editer ?
Je voudrais aussi mettre une image en arrière plan, c'est à dire une bacground-image, comment procéder svp?

Administrateur

rank_admin.png

Avatar

Equipe Graphique

Inscrit le: 14/08/2009

Messages: 4744

Le 15/11/2018 à 18h20
Bonjour sympa,

On est sur les base du CSS, je t'invite à parcourir les cours d'initiation gratuit disponible un peu partout sur internet pour te permettre de gagner en aisance. Tu devrais assez rapidement tomber sur la fonction background-url.

Comme indiqué dans la documentation, les fichiers CSS sont dans le répertoire de ton thème et la partie design est présente dans le fichier design.css . (Pense aussi a lire la documentation tu y trouveras de nombreuses réponses a tes questions)

En fonction du design voulu il faudra l'appliquer sur la bonne CLASS où ID CSS.
Site web    

Booster Bazooka

rank_2.png

Avatar

Groupe: Membre

Inscrit le: 23/08/2018

Messages: 127

Le 29/11/2018 à 04h07
Merci

Booster Mortier

rank_4.png

Avatar

Groupe: Membre

Inscrit le: 31/05/2013

Messages: 707

Le 30/11/2018 à 13h03
Bonjour,


Pour le background :

Dans le https://www.phpboost.com/wiki/fichier-design-css ...

Citation :

L'arrière plan, la couleur, taille de la police :


Code CSS :
body {
position: relative;
min-height: 100%;
height: auto;
background: #E8EDF3 url(images/body.png) repeat-x;
color: #555555;
font-size: 13px;
font-family: "Trebuchet MS", Verdana, 'Bitstream Vera Sans', Times, serif;
}

Le body est le premier élément du site. Tous les éléments ont donc une répercutions sur les classes suivantes.
La taille du texte ainsi que la police doivent être définit ici pour éviter les déclarations multiples.
Pour changer l'arrière plan ( background ) il vous suffira simplement de changer l'image global ainsi que la valeur de son code couleur :
Code CSS :
background:#E9ECEF url(images/global.png)  repeat-x;
repeat-x veut dire que l'on va répéter l'image tout le long (à l'horizontal).
Pour répéter une image verticalement il vous suffira de mettre :
Code CSS :
repeat-y

Et pour que l'image ne soit pas répétée mettre :
Code CSS :
no-repeat


Et le header :

En gros voir toujours sur la même page, cette section de la doc : https://www.phpboost.com/wiki/fichier-design-css#paragraph-l-en-tete-et-le-sous-en-tete

Et faire comme ceci :



bon en plaçant le lien de l'image de votre thème, que vous aurez mis dans le dossier "theme/images" et en appelant en css de cette façon :

Citation :
background: url('images/bg-header.jpg') no-repeat scroll center top;


Swan.
Site web    

Booster Bazooka

rank_2.png

Avatar

Groupe: Membre

Inscrit le: 23/08/2018

Messages: 127

Le 01/12/2018 à 05h53
Merci beaucoup
C'est gentil



Edité par Sympa Le 01/12/2018 à 05h53
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
1 Utilisateur en ligne : 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
Utilisateur en ligne : Aucun membre connecté