Forum

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

Sympa Membre non connecté

Booster Bazooka

Rang

Avatar

Inscrit le : 23/08/2018 à 12h09

Messages: 174

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?


Le savoir se partage!
La communauté des élèves et étudiants de l'Afrique sur https://www.webstudycorner.com

Site web    
ElenWii Membre non connecté

Administrateur

Rang

Avatar

Equipe Graphique

Inscrit le : 14/08/2009 à 19h01

Messages: 4775

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    
Sympa Membre non connecté

Booster Bazooka

Rang

Avatar

Inscrit le : 23/08/2018 à 12h09

Messages: 174

Le 29/11/2018 à 04h07
Merci


Le savoir se partage!
La communauté des élèves et étudiants de l'Afrique sur https://www.webstudycorner.com

Site web    
Swan Membre non connecté

Booster Mortier

Rang

Avatar

Inscrit le : 31/05/2013 à 12h34

Messages: 756

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    
Sympa Membre non connecté

Booster Bazooka

Rang

Avatar

Inscrit le : 23/08/2018 à 12h09

Messages: 174

Le 01/12/2018 à 05h53
Merci beaucoup
C'est gentil Edité par Sympa Le 01/12/2018 à 05h53


Le savoir se partage!
La communauté des élèves et étudiants de l'Afrique sur https://www.webstudycorner.com

Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie