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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par @To le Lun 26 Oct 2015 - 13:04

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.



Dernière édition par @To le Ven 30 Oct 2015 - 20:39, édité 1 fois

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir le logo titre prenant toute la longueur de l'écran ?

Message par @To le Mar 27 Oct 2015 - 18:32

Up du soir

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir le logo titre prenant toute la longueur de l'écran ?

Message par @To le Mer 28 Oct 2015 - 22:26

Up

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir le logo titre prenant toute la longueur de l'écran ?

Message par @To le Jeu 29 Oct 2015 - 23:06

Up du soir

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir le logo titre prenant toute la longueur de l'écran ?

Message par Invité le Ven 30 Oct 2015 - 1:21

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

Bon courage

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir le logo titre prenant toute la longueur de l'écran ?

Message par @To le Ven 30 Oct 2015 - 12:07

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 Wink

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


@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir le logo titre prenant toute la longueur de l'écran ?

Message par Invité le Ven 30 Oct 2015 - 14:24

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é
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment avoir le logo titre prenant toute la longueur de l'écran ?

Message par @To le Ven 30 Oct 2015 - 20:36

Bonsoir Don Vito Corleone,

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

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 Wink

Bonne soirée, To

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum