Comment avoir le logo titre prenant toute la longueur de l'écran ?

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumessai.superforum.fr/

Description du problème

Bonjour,

Je souhaiterai savoir comment faire prendre au logo titre toute la longueur de l'écran sans toucher aux dimensions du corps du forum sur la version Punnb.

Comme ceci en image:



Merci de votre aide.

[Invité]

Up du soir

[Invité]

Up

[Invité]

Up du soir

[Invité]

Bonjour, le logo est une image.... elle doit être retouchée aux bonnes dimensions avec un éditeur comme paint etc...

Bon courage

[Invité]

Bonjour Don Vito Corleone,

Le logo titre est effectivement une image. Elle se redimensionne à 100 % de la largeur avec un code dans le CSS pour quel soit de même largeur sur toutes les tailles d'écran.

Code:

#pun-logo img {  width: 100%;} 

Les 100% corresponde au réglage dans le PA (General> Configuration> Structure des pages), par conséquent à la largeur que l'on choisit pour le corps du forum.
Ce que je voudrais serait donc de pouvoir différencier les 2 (logo titre et corps du forum). J'ai essayé d'augmenter les 100%, seulement le titre logo se décale vers la gauche et la hauteur de celui-ci augmente, résultat non concluant.

Changer la dimension par un éditeur ne donnerai pas le même résultat sur toutes les tailles d'écrans.. (problème que j'avais au tout début réglé par le code CSS)
Merci tout de même

Il faut sans doute une modification passant par le CSS .. ou peut être la création d'une page HTML

[Invité]

Bonjour,

Je m'excuse j'avais mal compris votre demande je peux toujours proposer ces modifications je pense que c'est ce que vous recherchez à voir :

Code:

.pun {
width: 100% !important;
}
#page-body {
width: 90% !important;
margin: auto !important;
}

Cela prend la largeur totale mais laisse la taille d'origine du forum.

Bon courage.

ps: Si la barre de navigation ne doit pas être comme logo mais comme le bas du forum on peut rajouter l'id #pun-navlinks comme ceci :

Code:

#page-body, #pun-navlinks {
width: 90% !important;
margin: auto !important;
}

Idem,si il y a des modifications au niveau des publicités et de la barre de recherche de Google,on peut rajouter cela :

Code:

.module .main-content {
width: 40% !important;
margin: auto !important;
}
.searchbar {
margin-left: 10% !important;
}

Faut essayer au fur et à mesure pour voir à la limite..

[Invité]

Bonsoir Don Vito Corleone,

Merci, c'est super, tu m'as donné tout ce qu'il faut

Avec juste une petite modif sur le 1er code :

Code:


        #pun-logo img  {
        width: 100% !important;
        }
        #page-body {
        width: 90% !important;
        margin: auto !important;
        } 

J'essaierai les autres au fur et à mesure de mes envies de new look sur le forum.

Encore merci pour ton aide

Bonne soirée, To