AwesomeBB : Mettre l'image du logo au header

2 participants

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

Résolu AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Lun 30 Juil 2018 - 12:19

Hi,

Tout est dans le titre

L'image du logo :
AwesomeBB : Mettre l'image du logo au header Logo_s10

Résultat désiré :
AwesomeBB : Mettre l'image du logo au header Header10
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Lun 30 Juil 2018 - 17:42

Hello *Splash*,

ce script devrait faire l'affaire, tu pourras modifier le placement ici:
Code:
  // POSITION DU LOGO
var position='right';

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mets un titre explicite.
Coches sur toutes les pages.


Déposes ceci:
Code:

$(function(){
  // POSITION DU LOGO
var position='right';
$('#header-banner').css('text-align',position);
var M14_logo=$('div#logo').find('img').attr('src');
$('#header-banner .wrap').after('<img src="'+M14_logo+'"/>');
});



Penses à cliquer sur le bouton VALIDER


a++
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Mar 31 Juil 2018 - 8:27

Hi Milouze,

Avec ce code je ne saisi pas ou se trouve l'url de l'image du logo
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 15:03

Splash, j'ai testé les codes donnés par Milouze en laissant l'url de l'image logo dans le panneau admin / gestion des images /logo du forum. Ils fonctionnent.
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Mar 31 Juil 2018 - 15:08

Je viens d'ajouter le js mais le logo n'apparaît pas au header
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 15:13

Moi je n'ai pas ce problème. J'ai juste changé le right en left pour la position sur les deux codes. Tu peux vérifier ***


Dernière édition par Surricate le Mar 31 Juil 2018 - 15:50, édité 1 fois
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par papa pig Mar 31 Juil 2018 - 15:22

Je confirme ça fonctionne, mais c'est dommage d'utiliser un js pour le faire. Pourquoi ne pas permettre simplement une option laissant l'admin afficher ou non le logo dans l'entête du forum, et si oui à gauche, au centre ou à droite ? ça serait top pour tout le monde.
papa pig

papa pig
***

Masculin
Messages : 199
Inscrit(e) le : 22/01/2017

http://lepetitsecargot.forumpro.fr
papa pig a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 15:25

papa pig a écrit:Je confirme ça fonctionne, mais c'est dommage d'utiliser un js pour le faire. Pourquoi ne pas permettre simplement une option laissant l'admin afficher ou non le logo dans l'entête du forum, et si oui à gauche, au centre ou à droite ? ça serait top pour tout le monde.

Hello papa pig, effectivement c'est une idée pertinente...Qu'il faudrait suggérer au staff ? Wink
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Mar 31 Juil 2018 - 15:26

Le code js sur mon forum :
Code:
$(function(){
  // POSITION DU LOGO
var position='left';
$('#header-banner').css('text-align',position);
var M14_logo=$('div#logo').find('img').attr('src');
$('#header-banner .wrap').after('<img src="'+M14_logo+'"/>');
});

Mon header :
AwesomeBB : Mettre l'image du logo au header Sans_t35

Aucun logo
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 15:27

*Splash* a écrit:Le code js sur mon forum :
Code:
$(function(){
  // POSITION DU LOGO
var position='left';
$('#header-banner').css('text-align',position);
var M14_logo=$('div#logo').find('img').attr('src');
$('#header-banner .wrap').after('<img src="'+M14_logo+'"/>');
});

Mon header :
AwesomeBB : Mettre l'image du logo au header Sans_t35

Aucun logo

Et le css tu l'as mis ?
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Mar 31 Juil 2018 - 15:29

Surricate a écrit:
Et le css tu l'as mis ?
Quel CSS ?
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 15:31

Code:
  var position='right';

celui-ci donné par Milouze. Si tu veux changer le right en left, n'oublie pas de le modifier sur les deux codes (css + JS) . Wink
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Mar 31 Juil 2018 - 15:33

OK

Oui j'ai bien ajouté le code à la CSS, changé les positions aux 2 endroits, mais rien
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 15:34

Tu peux donner l'URL de ton image stp ? Je vais tester sur mon forum.
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Mar 31 Juil 2018 - 15:35

*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par papa pig Mar 31 Juil 2018 - 15:36

As-tu activé la gestion des codes javascript ?
PA > Modules > HTML & Javascript > Gestion des codes Javascript > Activer la gestion des codes Javascript : Oui

*Splash* a écrit:Le code js sur mon forum :
Code:
$(function(){
  // POSITION DU LOGO
var position='left';
$('#header-banner').css('text-align',position);
var M14_logo=$('div#logo').find('img').attr('src');
$('#header-banner .wrap').after('<img src="'+M14_logo+'"/>');
});

Mon header :
AwesomeBB : Mettre l'image du logo au header Sans_t35

Aucun logo
papa pig

papa pig
***

Masculin
Messages : 199
Inscrit(e) le : 22/01/2017

http://lepetitsecargot.forumpro.fr
papa pig a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 15:36

Hello *Splash*,

pour l'explication,le script va rechercher l'image de ton logo:

AwesomeBB : Mettre l'image du logo au header 130

tu as une erreur dans tes scripts, il faudrait voir a désactiver un à un pour voir le responsable Wink .
a++
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Mar 31 Juil 2018 - 15:37

Alors s'il y a des erreurs de script c'est sans doute du aux anciens de ModernBB qui sont toujours actifs.

@papa pig, oui mes js sont activés
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 15:38

Splash, ton image c'est ok, tu peux aller voir si tu veux. Efface tout et refais le processus : url du logo dans la gestion des images / ton code JS/ ton code css.
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par papa pig Mar 31 Juil 2018 - 15:40

Re,
@Surricate & @Splash , il n'y a pas de code CSS dans la proposition de Milouze Wink
papa pig

papa pig
***

Masculin
Messages : 199
Inscrit(e) le : 22/01/2017

http://lepetitsecargot.forumpro.fr
papa pig a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 15:42

papa pig a écrit:Re,
@Surricate & @Splash , il n'y a pas de code CSS dans la proposition de Milouze Wink

Embarassed Oui désolée, c'est à cause de Milouze qui nous a fait une répétition qui m'a induit en erreur. Very Happy
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Mar 31 Juil 2018 - 15:44

C'était bien une erreur à cause d'un ancien js, le logo est bien visible
Quelle valeur à ajouter pour le remonter un peu ?

AwesomeBB : Mettre l'image du logo au header Sans_t36

EDIT

En changeant la position du logo de Left à Right ça bouge également le texte, c'est nul
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par papa pig Mar 31 Juil 2018 - 15:52

Ce n'est pas "à cause de Milouze", qui propose son aide amicale en plus, son message étant clair, mais de toi Mr. Green
Soyons de bonne foi et reconnaissants Smile ::fleur::
Cordialement

Surricate a écrit:
papa pig a écrit:Re,
@Surricate & @Splash , il n'y a pas de code CSS dans la proposition de Milouze Wink

Embarassed Oui désolée, c'est à cause de Milouze qui nous a fait une répétition qui m'a induit en erreur. Very Happy
papa pig

papa pig
***

Masculin
Messages : 199
Inscrit(e) le : 22/01/2017

http://lepetitsecargot.forumpro.fr
papa pig a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 15:55

papa pig a écrit:Ce n'est pas "à cause de Milouze", qui propose son aide amicale en plus, son message étant clair, mais de toi  Mr. Green
Soyons de bonne foi et reconnaissants  Smile  ::fleur::
Cordialement

Surricate a écrit:
papa pig a écrit:Re,
@Surricate & @Splash , il n'y a pas de code CSS dans la proposition de Milouze Wink

Embarassed Oui désolée, c'est à cause de Milouze qui nous a fait une répétition qui m'a induit en erreur. Very Happy

Chuttt! Embarassed Very Happy

Merci Milouze, merci papapig. Wink ::fleur::
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par papa pig Mar 31 Juil 2018 - 15:58

Oui merci Milouze14, d'ailleurs si tu passes par là ... pourrait-on avoir une amélioration de ce petit Js permettant que le logo soit cliquable vers l'url du forum ? Mr. Green thanks a lot !
papa pig

papa pig
***

Masculin
Messages : 199
Inscrit(e) le : 22/01/2017

http://lepetitsecargot.forumpro.fr
papa pig a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 16:02

Re,
*Splash* a écrit:
EDIT

En changeant la position du logo de Left à Right ça bouge également le texte, c'est nul

Dommage alors Wink .

a++
Anonymous

Invité
Invité


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

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Mar 31 Juil 2018 - 16:06

Oui Milouze

*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par papa pig Mar 31 Juil 2018 - 16:07

Hey les djeun'ss, vous pourriez être un peu plus respectueux ?
Franchement, vous abusez
Merci
papa pig

papa pig
***

Masculin
Messages : 199
Inscrit(e) le : 22/01/2017

http://lepetitsecargot.forumpro.fr
papa pig a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par *Splash* Mar 31 Juil 2018 - 16:09

papa pig a écrit:Hey les djeun'ss, vous pourriez être un peu plus respectueux ?
J'aime bien cette formule, ça me rajeunit un peu

Merci de ton aide Milouze
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Mettre l'image du logo au header

Message par Invité Mar 31 Juil 2018 - 16:14

papa pig a écrit:Hey les djeun'ss, vous pourriez être un peu plus respectueux ?
Franchement, vous abusez
Merci

Je ne pense pas avoir manqué de respect envers Milouze, c'était juste une taquinerie de ma part avec un clin d'oeil pour détendre un peu l'atmosphère ce qui n'empêche pas d'apprendre et d'avancer dans nos projets avec toute la reconnaissance que l'on doit aux amis aidants. Désolée si cela a été interprété d'une façon négative.Je garde mon sourire pour moi alors. Une bonne fin d’après-midi à tous. ::fleur::
Anonymous

Invité
Invité


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

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

- Sujets similaires

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