changer le header complet sur la 5.2 [Réglé]
patgame Membre non connecté
- Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
Bonsoir les copains
J'essaie bien entendu comme un fou le nouveau phpboost et ça tombre plutot bien puisque je remanie un site
voila je voudrais mettre cet header qui avait été fait à ma demande par swan
voici la bete comment procédé svpbien sur je vais mettre un fond etc merci
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
Voici un exemple en plaçant ton image dans /templates/base/theme/images/image.png
/* -- En-tete de page - Header -- */ /* ------------------------------ */ #header { position: relative; background: url(images/image.png) no-repeat center; background-color: #ta-couleur; margin: auto; }
À toi ensuite d'adapter
Olivier.
Edit : correction du code CSS
Édité par olivierb Le 15/12/2018 à 22h19
patgame Membre non connecté
- Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
merci msieur
bon week
pat
j'ai encore besoin de tes lumieres merci a toi
Édité par patgame Le 15/12/2018 à 13h45
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
Avec les potos, on a trouvé ta solution :
/* -- En-tete de page - Header -- */ /* ------------------------------ */ #top-header { position: relative; background: url(images/ta_banniere.png) no-repeat center; background-size: contain; margin: auto; } #header { position: relative; background-color: #ADE0C2; margin: auto; }
Olivier.
Édité par olivierb Le 16/12/2018 à 11h04
patgame Membre non connecté
- Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
Ben je suis deja en sub header ( sous entête) on ne pas descendre cette sous entête ?
mais merci de ton aide
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
Le but est de créer l'entrée top-header dans le CSS et d'y insérer ton image de fond en gérant la gestion des dimensions.
Il y a bien sûr d'autres solutions, il te reste à adapter en fouillant sur le net les différentes options pour le background-size, exemple ici : https://developer.mozilla.org/fr/docs/Web/CSS/background-size
Olivier.
Édité par olivierb Le 16/12/2018 à 11h12
patgame Membre non connecté
- Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
euh olivier je n'ai pas compris je vzeus baisser laposition du sub header pour arriver sensiblement juste en bas du heauder
peux tu etre plus détaillé ?
Pat
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
Olivier.
patgame Membre non connecté
- Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
si c'est bon c'est autre chose j'avais mis en menu central haut
avec ce code j'aim remis ddans le sub header voici la correction en image ( je vais surement change la teinte mais ça c'est une affaire de gout pas de code lol)
merci les potos vous êtes des chefs
bonnes fêtes
pat
patgame Membre non connecté
- Booster Missile
- Voir le profil du membre patgame
- Inscrit le : 03/09/2009
- Site internet
- Groupes :
voici la version définitive ( a moins que l'on me conseille autre chose)
nouvelle page d'accueil et header
c'est normal que vous puissiez voir en vrai le code remis ! ben si , sinon je suis un nain gras (ingrat) bonne année Pat