Position du logo

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

Résolu Position du logo

Message par Phyliono le Jeu 24 Sep 2015 - 20:29

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

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par R-max le Jeu 24 Sep 2015 - 22:21

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 ,

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;}

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par Phyliono le Jeu 24 Sep 2015 - 22:56

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.

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par R-max le Jeu 24 Sep 2015 - 23:17

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 ,

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par Phyliono le Jeu 24 Sep 2015 - 23:26

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.
Code:
        background-position: top+100px; /** a regler avec votre forum **/

Merci d'avance.

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par R-max le Jeu 24 Sep 2015 - 23:51

pour le centrage >>
Code:
background-position-x: center;

je regarde pour le descendre , apparement ca fonctionne pas ,

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par Phyliono le Ven 25 Sep 2015 - 0:04

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.

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par R-max le Ven 25 Sep 2015 - 0:21

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 !!

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par no_way le Ven 25 Sep 2015 - 0:32

Bonsoir, je me permets d'intervenir (en espérant que R-max ne m'en voudra pas Wink), essayez avec ce code-ci (CSS3):
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%;
}
De plus il y a une petit souci avec votre barre de navigation, lorsqu'on descend sur la page certains textes passent dessus, pour éviter cela, dans la déclaration de votre classe ".navig" ajoutez ce qui suit:
Code:
z-index:999;

Cordialement.

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

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

Résolu Re: Position du logo

Message par Phyliono le Ven 25 Sep 2015 - 0:44

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!

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par no_way le Ven 25 Sep 2015 - 0:55

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 ?

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

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

Résolu Re: Position du logo

Message par Phyliono le Ven 25 Sep 2015 - 1:01

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.

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par no_way le Ven 25 Sep 2015 - 1:10

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 Smile

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

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

Résolu Re: Position du logo

Message par Phyliono le Ven 25 Sep 2015 - 10:39

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.

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par Phyliono le Sam 26 Sep 2015 - 22:31

up

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par Phyliono le Dim 27 Sep 2015 - 21:44

up

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par R-max le Dim 27 Sep 2015 - 22:05

@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

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par Phyliono le Dim 27 Sep 2015 - 22:51

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!

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par no_way le Dim 27 Sep 2015 - 23:06

Ajoutez le code CSS suivant:
Code:
#fa_ticker_block{
position:absolute;
width:100%;
height:70px;
left:0px;
}
#page-body{
margin-top:70px;
}
Ca devrait suffire, pas besoin de JavaScript en fait.

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

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

Résolu Re: Position du logo

Message par Phyliono le Lun 28 Sep 2015 - 10:17

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).

Code:
#fa_ticker_block{
position:absolute;
width:100%;
height:70px;
left:-11px;
}
#page-body{
margin-top:70px;
}

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par no_way le Lun 28 Sep 2015 - 10:28

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
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

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

Résolu Re: Position du logo

Message par Phyliono le Lun 28 Sep 2015 - 10:39

Mh non ça ne fonctionne pas... La barre s'est remontée et il y a toujours l'espace à gauche et à droite.

http://i21.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!

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par no_way le Lun 28 Sep 2015 - 10:46

J'ai édité le code précédent, laissez le code une fois installé que je puisse visualiser la même chose que vous Smile

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

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

Résolu Re: Position du logo

Message par Phyliono le Lun 28 Sep 2015 - 10:52

Parfait !

J'ai réduit un peu le padding-top car c'était trop bas mais maintenant c'est nickel.

Merci beaucoup Smile

Phyliono
*****

Messages : 924
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du logo

Message par no_way le Lun 28 Sep 2015 - 10:53

De rien, bonne continuation Very Happy

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way 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