Position du logo
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Position du logo
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Tous les navigateurs
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.universiteuniverselle.com
Description du problème
Bonjour,Je souhaiterais l'aide honorable de l'un d'entre vous pour résoudre mon problème. Je voudrais obtenir ce que j'ai mis en capture d'écran (ce qui n'est pas le cas comme vous pouvez le voir sur le site www.universiteuniverselle.com). Je voudrais que le logo prenne toute la largeur de la fenêtre, centré et que l'image se coupe de chaque côté de la fenêtre si celle-ci est plus petite que l'image. Par ailleurs, j'aimerais que la largeur du forum en lui-même ne s'élargit pas (comme sur la capture d'écran).
Quelqu'un saurait-il faire ?
Merci d'avance !
Dernière édition par Phyliono le Lun 28 Sep 2015 - 10:52, édité 1 fois
Re: Position du logo
bonsoir ,vous avez placé votre logo dans le PA .
si oui mettre a la place une image transparente de la meme hauteur et d'environ width:400px ,c'est suffisant ,
ensuite mettre ce code css dans votre feuille de style ,
si oui mettre a la place une image transparente de la meme hauteur et d'environ width:400px ,c'est suffisant ,
ensuite mettre ce code css dans votre feuille de style ,
- Code:
body {
background-image: url("lien de l'image"); /** votre logo **/
background-position: top+100px; /** a regler avec votre forum **/
background-attachment: scroll;
background-repeat: no-repeat;
background-size:100%auto;
margin-left:2px;margin-right:2px;}
Invité- Invité
Re: Position du logo
Merci de votre réponse.
Ce n'est pas bon. L'image se redimensionne sur la page afin d'occuper toute la page... elle se rétrécie ou s'agrandit en fonction de la taille de la page. Je veux qu'elle reste de la même taille et qu'elle soit coupée de chaque côté comme sur la capture d'écran quand la fenêtre est plus petite.
Merci d'avance.
Ce n'est pas bon. L'image se redimensionne sur la page afin d'occuper toute la page... elle se rétrécie ou s'agrandit en fonction de la taille de la page. Je veux qu'elle reste de la même taille et qu'elle soit coupée de chaque côté comme sur la capture d'écran quand la fenêtre est plus petite.
Merci d'avance.
Re: Position du logo
je ne comprend pas votre demande , en fait vous voulez le contraire du redimensionnement auto !!
supprimer >> background-size:100%auto pour voir ci ça vous convient ,
supprimer >> background-size:100%auto pour voir ci ça vous convient ,
Invité- Invité
Re: Position du logo
Merci de votre réponse.
C'est presque ça, simplement, j'aimerais que le logo soit centré, là il est bien coupé sur le bord droit comme il fallait mais je voudrais qu'il soit coupé des deux côtés afin de le centrer.
Comment dois-je régler cette ligne ? Je n'ai jamais eu l'occasion d'utiliser ce type de code pour placer un objet.
Merci d'avance.
C'est presque ça, simplement, j'aimerais que le logo soit centré, là il est bien coupé sur le bord droit comme il fallait mais je voudrais qu'il soit coupé des deux côtés afin de le centrer.
Comment dois-je régler cette ligne ? Je n'ai jamais eu l'occasion d'utiliser ce type de code pour placer un objet.
- Code:
background-position: top+100px; /** a regler avec votre forum **/
Merci d'avance.
Re: Position du logo
pour le centrage >>
je regarde pour le descendre , apparement ca fonctionne pas ,
- Code:
background-position-x: center;
je regarde pour le descendre , apparement ca fonctionne pas ,
Invité- Invité
Re: Position du logo
D'accord, j'attends votre réponse. Ca fonctionner pour le centrage.
Par contre, il y a un problème : le fond du site n'apparaît plus, ça m'affiche un fond gris...
Merci d'avance.
Par contre, il y a un problème : le fond du site n'apparaît plus, ça m'affiche un fond gris...
Merci d'avance.
Re: Position du logo
normalement c'est avec la class .bodylinewidth que l'ont place l'image ,mais sur votre forum ca elargie la page !
donc j'ai tenter avec .body mais vous avez deja une image dans la class .body (le fond ) qui a disparu ,
en clair ,je ne vois pas trop comment faire sur votre forum !!
étrange ,étrange,
je pense que le plus simple et de déplacé le codage du logo dans le template en haut du forum ,le séparer de la table du forum !!
donc j'ai tenter avec .body mais vous avez deja une image dans la class .body (le fond ) qui a disparu ,
en clair ,je ne vois pas trop comment faire sur votre forum !!
étrange ,étrange,
je pense que le plus simple et de déplacé le codage du logo dans le template en haut du forum ,le séparer de la table du forum !!
Invité- Invité
Re: Position du logo
Bonsoir, je me permets d'intervenir (en espérant que R-max ne m'en voudra pas ), essayez avec ce code-ci (CSS3):
Cordialement.
- Code:
body {
margin-top: 45px;
margin-left: 2px;
margin-right: 2px;
background: url("http://img15.hostingpics.net/pics/171572logo91.png") no-repeat scroll 50% 50px, url("http://i21.servimg.com/u/f21/18/72/44/21/fond_i11.png") repeat fixed 0% 0%;
}
- Code:
z-index:999;
Cordialement.
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Position du logo
Merci ça fonctionne comme je le souhaitais.
A propos du "compteur" d'inscrits et du bouton "Entrer à l'université" il y a t-il une possibilité pour qu'il soit placé à l'endroit indiqué sur l'image (même en fonction de la largeur de la fenêtre) ?
Merci d'avance!
A propos du "compteur" d'inscrits et du bouton "Entrer à l'université" il y a t-il une possibilité pour qu'il soit placé à l'endroit indiqué sur l'image (même en fonction de la largeur de la fenêtre) ?
Merci d'avance!
Re: Position du logo
Alors c'est plus difficile de faire cela car la bannière en elle même n'est pas centrée ("Université universelle" occupe la 4ième case sur 8 donc 3 cases à gauche et 4 à droite), voyez peut être pour refaire votre bannière ( qui n'a pas de raison de comporter le bouton "Entrer à l'université" de toute façon.
Sinon puis avoir votre code CSS pour le nombre d'inscrits et le bouton ?
Sinon puis avoir votre code CSS pour le nombre d'inscrits et le bouton ?
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Position du logo
D'accord merci de votre réponse.
Il y a possibilité que la barre défilante des Annonces fasse toute la largeur de la page (comme pour la barre de navigation mais pas fixed).
Merci d'avance.
Il y a possibilité que la barre défilante des Annonces fasse toute la largeur de la page (comme pour la barre de navigation mais pas fixed).
Merci d'avance.
Re: Position du logo
Dans l'absolu c'est possible mais ça requière-rait l'usage d'un code javascript car les annonces sont faites dans la table du forum, ça élargirait donc méchamment tout votre forum, quoi qu'il en soit cela n'a plus de rapport avec votre sujet
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Position du logo
Bonjour,
Puisqu'il est possible d'élargir sur toute la page la barre de navigation et le logo, j'aimerais faire de même avec la barre défilante des annonces.
J'ai un second problème par rapport à avant, je n'arrive pas à réduire l'espace entre le logo et la barre de navigation...
Merci d'avance.
Puisqu'il est possible d'élargir sur toute la page la barre de navigation et le logo, j'aimerais faire de même avec la barre défilante des annonces.
J'ai un second problème par rapport à avant, je n'arrive pas à réduire l'espace entre le logo et la barre de navigation...
Merci d'avance.
Re: Position du logo
Phyliono a écrit:J'ai un second problème par rapport à avant, je n'arrive pas à réduire l'espace entre le logo et la barre de navigation...
Merci d'avance.
bonsoir , vous avez inserer ce code que no_way a gentiment proposé ..pour faire avancé votre demande ..
- Code:
body {
margin-top: 9px;
margin-left: 2px;
margin-right: 2px;
background: url("http://img11.hostingpics.net/pics/377743logo12.png") no-repeat scroll 50% 44px, url("http://i21.servimg.com/u/f21/18/72/44/21/fond_i11.png") repeat fixed 0% 0%;
}
repérer le 44px c'est lui qui règle l’espace entre votre barre navigation et votre logo..
repérer le 9px c'est lui qui ensuite descendra votre forum ,aprés avoir modifier le 44px.
bien cordialement
bonne soirée ,
Dernière édition par R-max le Dim 27 Sep 2015 - 22:55, édité 1 fois
Invité- Invité
Re: Position du logo
Merci, parfait.
Quant à la barre défilante des annonces...? Je n'arrive pas à l'élargir sur toute la page sans que ça élargisse le reste du forum avec... Comment faire ?
Merci d'avance!
Quant à la barre défilante des annonces...? Je n'arrive pas à l'élargir sur toute la page sans que ça élargisse le reste du forum avec... Comment faire ?
Merci d'avance!
Re: Position du logo
Ajoutez le code CSS suivant:
- Code:
#fa_ticker_block{
position:absolute;
width:100%;
height:70px;
left:0px;
}
#page-body{
margin-top:70px;
}
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Position du logo
Bonjour,
Merci ça fonctionne ! Il y a juste à droite où il y a une marge de 22 pixels que je n'arrive pas à résoudre (celle de gauche est résolue).
Merci ça fonctionne ! Il y a juste à droite où il y a une marge de 22 pixels que je n'arrive pas à résoudre (celle de gauche est résolue).
- Code:
#fa_ticker_block{
position:absolute;
width:100%;
height:70px;
left:-11px;
}
#page-body{
margin-top:70px;
}
Re: Position du logo
Annulez votre modification et ajoutez ce qui suit:
- Code:
#fa_ticker_block .forumline,#fa_ticker_block td[class^="row"]{
padding:0px;
padding-top:8px;
}
Dernière édition par no_way le Lun 28 Sep 2015 - 10:45, édité 1 fois
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Position du logo
Mh non ça ne fonctionne pas... La barre s'est remontée et il y a toujours l'espace à gauche et à droite.
https://i.servimg.com/u/f21/17/44/20/01/captur12.jpg
Merci d'avance!
https://i.servimg.com/u/f21/17/44/20/01/captur12.jpg
- Code:
#fa_ticker_container {
position:fixed;
width: 100%;
background: transparent url('http://i21.servimg.com/u/f21/18/72/44/21/barre_12.png');
background-repeat : repeat;
font-color: #FFFFFF;
font-size: 13px;
}
#fa_ticker_block .forumline {
background: none repeat scroll 0px 0px transparent;
border: medium none;}
#fa_ticker_block .forumline td.row1 {
background: none repeat scroll 0px 0px transparent;
border: medium none;}
#fa_ticker {line-height: 45px;}
#fa_ticker_block{
position:absolute;
width:100%;
height:70px;
left:0px;
}
#page-body{
margin-top:70px;
}
#fa_ticker_block,#fa_ticker_block td[class^="row"]{
padding:0px;
}
Merci d'avance!
Re: Position du logo
J'ai édité le code précédent, laissez le code une fois installé que je puisse visualiser la même chose que vous
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Position du logo
Parfait !
J'ai réduit un peu le padding-top car c'était trop bas mais maintenant c'est nickel.
Merci beaucoup
J'ai réduit un peu le padding-top car c'était trop bas mais maintenant c'est nickel.
Merci beaucoup
Re: Position du logo
De rien, bonne continuation
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Sujets similaires
» Position de logo
» Logo personne en position handicap
» Position du logo et de la barre de navigation
» Centrer au milieu d'une page et logo en position top.
» Personnaliser la position du logo sous PunBB
» Logo personne en position handicap
» Position du logo et de la barre de navigation
» Centrer au milieu d'une page et logo en position top.
» Personnaliser la position du logo sous PunBB
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum