Discussion :

[balsed]

Bonjour,
débutant sur wordpress, et codage css.

Je souhaiterai savoir comment mettre en lace un logo à un endroit bien précis.

par exemple sur cette page : http://le-reve-eveille-en-psychanalyse.com/
j'aimerai mettre le logo en haut à gauche avec du code.

Il faut savoir que dans l'option du thème j'ai choisi d'avoir ceci : http://le-reve-eveille-en-psychanaly...-reve-eveille/
comme emplacement du menu et du logo.

Donc sur certaine page j'ai supprimé le bandeau de gauche et donc le logo.
Ma question pour être plus précis : comment mettre le logo sur les pages :
http://le-reve-eveille-en-psychanalyse.com/
http://le-reve-eveille-en-psychanaly...i-sommes-nous/
http://le-reve-eveille-en-psychanaly...-et-recherche/

Merci,
Cordialement.

DB

[mathieu]

montrez nous le code que vous avez essayé

[balsed]

Merci pour votre demande,
Voilà le code qui bloque le bandeau gauche ainsi que le menu.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.page-id-3029 #Header_creative { display: none !important; }
body.page-id-3029.header-creative.header-open { padding-left: 0 !important; }

Je ne souhaiterai pas bloquer le logo.
Cordialement.
DB

[NoSmoking]

Bonjour,
ajoute simplement ton logo dans le bandeau haut !

[balsed]

merci de la réponse.
Comment je peux le mettre dans le bandeau du haut ? quel code ?

Cordialement.

Didier

[NoSmoking]

D'après ce que j'ai regardé rapidement ce serait un truc du style

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<div id="Subheader" style="">
    <div class="container">
        <div class="column one">
            <h1 class="title">
            <a id="logo" href="http://www.le-reve-eveille-en-psychanalyse.com" title="GIREP">
              <img style="width:86px;vertical-align:middle" class="logo-main scale-with-grid" src="http://www.le-reve-eveille-en-psychanalyse.com/wp-content/uploads/2016/09/logo_vert2.jpg" alt="">
            </a>
            GIREP : Activités, formation et recherche
            </h1>
        </div>
    </div>
</div>

à toi d'ajuster.

[balsed]

Bonjour,
Super, merci beaucoup , ou dois je mettre ce code dans le header ou dans la page concernée.

Bien à toi.
DB

[balsed]

Travaillant avec WordPress et visual composer.

Je ne peux pas ajouter le code que vous m'avez donné, cela ne fonctionne pas.

Dans header.php cela le met dans toutes les pages et dans Page.php cela ne fonctionne pas.
Il faudrait qu'il soit comme le morceau de code que j'ai mis ci-dessus dans une de mes réponses ?
Même forme de css avec des { } et pas des <>.
Je pourrai le mettre à la suite de ce code.

Je pense car je ne peux pas aller directement dans les pages ou du moins je ne sais pas faire.

Merci

Cordialement.

DB

[NoSmoking]

Si j'ai bien compris fais l'inverse, tu le mets dans toute tes pages et en display:none dans la page où tu ne veux pas le voir apparaître.
Ne connaissant pas WordPress je ne pourrais pas t'en dire plus.

[balsed]

Bonjour,
Merci pour votre aide, je n'y arrive pas.
Ce n'est pas très important, je laisse le site ainsi.

Bonne journée.
DB

[bloups0]

Bonjour,

Tu peux aussi faire un tableau en PHP qui contient les id des pages sur les quelles tu veux mettre le logo, et ensuite, tu fais

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if(in_array(get_the_ID(),tontableau)){
    // ici ton logo
}

[balsed]

merci pour la réponse, c'est très sympathique.
Le problème c'est que je débute en css et que je ne sais pas programmer un tableau j'utilise les plugin de chez wordpress.
Merci encore.

DB

[balsed]

Bonsoir,
je suis presque arrivé au but, mais j'ai juste une retouche, que je n'arrive pas à faire.
Mettre un espace entre le logo et le titre voir http://www.le-reve-eveille-en-psycha...mes-nous-test/

voici le code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<div id="Subheader" style="">
    <div class="container">
        <div class="column one" style="margin-left : -300px">
           <h1 class="title" >	
           <a id="logo" href="http://www.le-reve-eveille-en-psychanalyse.com" title="GIREP">
             <img style="width:86px;vertical-align:middle" class="logo-main scale-with-grid" src="http://www.le-reve-eveille-en-psychanalyse.com/wp-content/uploads/2016/09/logo_vert2.jpg" alt="      ">
           </a>
		   GIREP : Qui sommes-nous ?
           </h1>
        </div>
    </div>
</div>

Est que vous pourriez m'aider par exemple :
NoSmoking
merci.
DB

[NoSmoking]

Le lien n'est pas des plus explicite !

Il te faut mettre une margin-right:la distance que tu souhaites sur ton élément <img> par exemple.

[balsed]

Effectivement c'est plus lisible !
Merci, je le saurai pour les prochaines fois.
Pour le code, je ferai le test demain.
Bonne soirée.
DB

[balsed]

Bonjour,
super la page est presque fini grâce vous, il ne me reste qu'a centrer le logo et le texte voir : http://www.le-reve-eveille-en-psycha...-et-recherche/
Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div id="Subheader" style="height:35px">
 
    <div class="container">
 
        <div class="column one" style="margin-left : -15%">
 
           <h1 class="title" >	
 
           <a id="logo" href="http://www.le-reve-eveille-en-psychanalyse.com" title="GIREP">
 
             <img style="width:8%;vertical-align:middle; margin-right: 25%" class="logo-main scale-with-grid" 
 
			 src="http://www.le-reve-eveille-en-psychanalyse.com/wp-content/uploads/2016/09/logo_vert2.jpg" alt="" >
 
           </a>                               
 
		   GIREP : Activités, formation et recherche
 
 
 
           </h1>
 
        </div>
 
    </div>
 
</div>

j'ai essayé margin top et d'autre code, mais je n'ai pas encore trouvé.

Après j'ai une question mais elle est subsidiaire : comment se fait il que les pages dédiées ne sont pas responsives, surtout le bandeau et le logo ?

merci encore.
DB