Accueil   Accueil    Forum   Forum    Download   Download    Livre d'or   Livre d'or    Contact   Contact    Liens Web   Liens Web

[THEME] - Mise en place d'un logo dans le header - CMS KwsPHP - Le site clés en main

Colonne de gauche

Espace membre

Privé Masquer le formulaire de connexion


Se souvenir de moi ?


Mot de passe oublié

Forum

Sujets Importants

fleche basForum : Masquer l’entête

Accès rapide :

 

Effectuer une Recherche avancée OU


fleche bas[Résolu] [THEME] - Mise en place d'un logo dans le header  [8 réponses]

fleche bas

gn1234567
starsj1.png
Newbie


avatar
Hors ligne

Nombre de posts: 12
Inscrit(e) le: 25 janvier 2010
Visiter son site MSN
Imprimer Permalien mercredi 17 février 2010 à 14:15  
Bonjour tout le monde,

Je suis en train de chercher comment faire, pour centrer ma bannière du site au niveau de l'image header2.
La banniere n'est pas centrée, elle est decalé legerement plus haut.

Voici une image du petit soucis :

banniereheader.th.jpg

Je vous remercie d'avance pour votre aide.

Bonne journée.

@+ et Bonne journée

gn1234567


Infos CMS KwsPHP


Informations : Avant de poster un sujet sur le forum

Veuillez avant tout vérifiez la comparaison de vos fichiers sur votre site
Mon compte / Outils / Comparaison


La recherche avancée du forum (en ciblant au mieux les options de la recherche)
La Faq - La documentation - La documentation en vidéo - Le sujet "Install et Mise à jour"
Vous devez lire en priorité le topic de la 1.6 pour en découvrir ses fonctionnalités


Afficher



PCA77
starsj3.png
Habitué


avatar
Hors ligne

Nombre de posts: 382 (0.05/Jour)
Inscrit(e) le: 21 septembre 2006
E-mail Anti-spam Visiter son site MSN
Imprimer Permalien mercredi 17 février 2010 à 14:57  
Dans le fichier "style.css" rechercher le .header2 et mettre un "vertical-align:middle;" ou un top:5px; (à ajuster suivant ce que ça donne)


gn1234567
starsj1.png
Newbie


avatar
Hors ligne

Nombre de posts: 12
Inscrit(e) le: 25 janvier 2010
Visiter son site MSN
Imprimer Permalien mercredi 17 février 2010 à 15:50  
Merci PCA77, pour ta réponse rapide.

Mais en fait, je viens de faire les modifs que tu m'as dis et rien à faire, c'est toujours pareil.

A mon avis, ce serait plus la bannière qu'il faudrait recentrer, que les images du header à modifier, non ?

Autrement j'ai une autre idée, mais comme je suis pas un as dans les modifs de Thème, ce serait de remplacer les 3 images du header par ma bannière directement, mais ce doit etre plus complexe je suppose ....

@+ et Bonne journée

gn1234567


Imprimer Permalien mercredi 17 février 2010 à 15:56  
slt,

Tu à fait comment pour la mettre là ta bannière? via le thème ou via les options du portail?


σmike007
starsj7.png
Dieu Supreme


avatar
Hors ligne

Nombre de posts: 7551 (1.02/Jour)
Inscrit(e) le: 05 juillet 2006
Visiter son site
Imprimer Permalien mercredi 17 février 2010 à 15:58  
en même temps vu que ton site est en maintenance, difficile de t'apporter l'aide voulu correctement

Ne pas oublier de faire Ctrl F5 après chaque modif du CSS

Vous êtes satisfait de l'aide apportée !! Vous avez l'âme généreuse !!

Faite un don du montant souhaité
Un petit don (même de 1 euro) de chaque personne satisfaite permet de témoigner de votre reconnaissance pour le temps passé. merci


Mes Modules ou ceux que j'ai repris en V1.6 : ICI. Module Humour
bbcode_sup => Voir le forum dédié (youtube, daily, zoomimg, deezer, divx, clearbox, apostrophe word, etc...)


gn1234567
starsj1.png
Newbie


avatar
Hors ligne

Nombre de posts: 12
Inscrit(e) le: 25 janvier 2010
Visiter son site MSN
Imprimer Permalien mercredi 17 février 2010 à 16:14  

Citation de calfou :
slt,

Tu à fait comment pour la mettre là ta bannière? via le thème ou via les options du portail?


Via l'otion dans l'administration, ou tu met l'image que tu veux ...


Citation de mike007 :
en même temps vu que ton site est en maintenance, difficile de t'apporter l'aide voulu correctement

Ne pas oublier de faire Ctrl F5 après chaque modif du CSS


Je l'ai enlevé de maintenance ...
Je raffrechi ma page a chaque fois que je fais des modifications, justement pour bien voir la modification ... smiley sg3bgg29g.gif

@+ et Bonne journée

gn1234567


Imprimer Permalien mercredi 17 février 2010 à 16:20  
Elle est trop grande l'image en largeur, tu peut pas essayer de la réduire un peut des fois dans un premier temps? Ca réglera les soucis de largeur.

En hauteur, dans le style de l'image je mettrais bien un truc mais comme j'en suis pas certain, c'est pas gagné. Enfin essaye un truc style padding-top:10px; après le boder:none;

Ah moins que mike soit encore dans le coin et ne te donne une meilleurs solution


σmike007
starsj7.png
Dieu Supreme


avatar
Hors ligne

Nombre de posts: 7551 (1.02/Jour)
Inscrit(e) le: 05 juillet 2006
Visiter son site
Imprimer Permalien mercredi 17 février 2010 à 16:51  
dans le header.php de ton theme
ligne 47 normalement

tu as un <td class="header_02">......<img src="'.$logo.'" alt="logo" style="border:none" />

tu remplaces style="border:none" par style="border:none;margin-top:23px"

ou alors tu crées ton image avec une zone de 23 px transparente au dessus (Pour ce dernier pt je ne suis pas sur du resultat)

Vous êtes satisfait de l'aide apportée !! Vous avez l'âme généreuse !!

Faite un don du montant souhaité
Un petit don (même de 1 euro) de chaque personne satisfaite permet de témoigner de votre reconnaissance pour le temps passé. merci


Mes Modules ou ceux que j'ai repris en V1.6 : ICI. Module Humour
bbcode_sup => Voir le forum dédié (youtube, daily, zoomimg, deezer, divx, clearbox, apostrophe word, etc...)


gn1234567
starsj1.png
Newbie


avatar
Hors ligne

Nombre de posts: 12
Inscrit(e) le: 25 janvier 2010
Visiter son site MSN
Imprimer Permalien jeudi 18 février 2010 à 09:06  

Citation de calfou :
Elle est trop grande l'image en largeur, tu peut pas essayer de la réduire un peut des fois dans un premier temps? Ca réglera les soucis de largeur.


Non c'est bon, l'image est pile comme je la veux.


Citation de calfou :
En hauteur, dans le style de l'image je mettrais bien un truc mais comme j'en suis pas certain, c'est pas gagné. Enfin essaye un truc style padding-top:10px; après le boder:none;

Ah moins que mike soit encore dans le coin et ne te donne une meilleurs solution


Ta réponse fonctionne très bien avec Internet Explorer, mais pas avec FireFox.


Citation de mike007 :
dans le header.php de ton theme
ligne 47 normalement

tu as un <td class="header_02">......<img src="'.$logo.'" alt="logo" style="border:none" />

tu remplaces style="border:none" par style="border:none;margin-top:23px"

ou alors tu crées ton image avec une zone de 23 px transparente au dessus (Pour ce dernier pt je ne suis pas sur du resultat)


Salut mike et merci pour ta réponse ...
  • Ce n'est pas la ligne 47, mais la ligne 37 ... smiley sg3bgg29g.gif
  • Pour ta 1ère solution, c'est nickel, voir la réponse ci-dessous ...
  • Pour la solution de l'icône, vu que ca fonctionne très bien avec la 1ere solution, je ne l'ai pas utilisé ... smiley sg3bgg29g.gif

Je viens d'ajouter la ligne style="border:none;margin-top:23px" dans mon "header.php" et c'est nickel. Ca fonctionne avec Internet Explorer et FireFox.
Je suppose que ca doit fonctionner avec d'autre navigateurs ...

Il faudrai faire la modification dans le cms directement, car même de base quand on l'install, la bannière qui est d'origine est legerement plus haute, elle n'est pas centrée.

(Je précise tout de même, pour le fichier à modifier c'est celui qui ce trouve dans : "./themes/kwsday/header.php").

Voici ce que ca donne :

la version du fichier header.php d'origine :

headeroriginalsansmodif.th.jpg headerbannieresansmodif.th.jpg


Citation :
'.(!empty($logo) ? '<img src="'.$logo.'" alt="logo" style="border:none" />'


et la version modifiée :

headeroriginalavecmodif.th.jpg headerbanniereavecmodif.th.jpg


Citation :
'.(!empty($logo) ? '<img src="'.$logo.'" alt="logo" style="border:none;margin-top:23px" />'


Voila, en fait, sur la baniere d'origine, elle à été faite de tel sorte que l'ecriture ne soit pas centrée, mais légerement plus haute, pour donner une dissymétrie. Du coup, la bannière d'origine n'est pas centrée et quand on veux en mettre une normal et cymètrique, ben ca va plus.

Je pense qui'il faudrait changer ce petit soucis pour la prochaine mise à jour, sinon l'idée est vraiment bonne de pouvoir changer la bannière et de mettre celle que l'ont veux, a l'endroit que l'on veux ...

Merci beaucoup pour vos réponses super rapide. smiley sg23gbravog23g.gif smiley sg3agbjg3ag.gif

Édité 5 fois - Dernière édition: 18/02/2010 à 09:48 Par gn1234567. Raison: Modification de la résolution du problème.


@+ et Bonne journée

gn1234567


fleche bas[Résolu] [THEME] - Mise en place d'un logo dans le header  [8 réponses]