Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Insérer un code/script pour changement image selon menu/module

1791 appréciations
Hors-ligne
Bonsoir, 
J'aimerai savoir si je peux insérer ces deux codes en l'état et à quel endroit? 
C'est pour que l'image d'en-tête soit différente lorsque l'on se trouve sur le forum,
Merci, 
Bonne nuitée, 
Mi Neth, 

<*style type="text/css"*>                    #headerbar {            background-attachment: scroll;            background-image:url("https://static.blog4ever.com/2020/03/857029/ban-for-tendance-chats-yacinth--1-.jpg") ;             background-repeat: no-repeat;             background-position: top center;             }<*/style*><*style type="text/javascript"*>if (/^/forum?-/.test(document.location.pathname)) { $(function() {$("headerbar").css("background-image", "url("https://static.blog4ever.com/2020/03/857029/ban-for-tendance-chats-yacinth--1-.jpg")');  } ); } }} } ;<*/style*>

Dernière modification le mardi 12 Janvier 2021 à 23:28:14

4050 appréciations
Hors-ligne
:b0:

Il faut essayer dans la bordure de page haute.

Ce genre de code est capricieux.



:n7:


1791 appréciations
Hors-ligne
Bonjour Simon 

Merci de ton aide, 

J'ai des bordures de pages gauche, droite et basse, mais haute, non, 
Et j'ai vu, via le lien que tu m'as indiqué, qu'il me faudrait transformer mon menu forum dans la barre de navigation pour qu'il agisse comme le bouton Changer l'image de fond, proposer par l'auteur, 
Je vais y aller piam-piam, 
Je pars avec un peu d'optimisme puisque de ta réponse, je déduis que c'est possible, Pas facile, mais possible,
Bonne journée, :ch:
Mi Neth, 

155 appréciations
Hors-ligne
:b0: Mi Neth et Simon

J'ai des bordures de pages gauche, droite et basse, mais haute, non, 


La bordure page haute = gauche/droite



C'est pour que l'image d'en-tête soit différente lorsque l'on se trouve sur le forum,

Il y'a beaucoup plus simple pour changer la bannière d'en-tête de ton forum.

Il suffit de savoir le code Css d'en-tête de la partie forum.

Et je ne connais pas cette partie

ça devrait ressembler à

#forum_header.diz-entete {
 background-image : url( );

!na4!





1791 appréciations
Hors-ligne
Bonjour Stef, 
Merci, 

C'est ce que je me suis dis concernant les bordures, mais je n'en étais pas certaine, Tu confirmes parce que c'est écrit 'en dessous du menu', 

Autrement, j'avais bien pensé à passer par le css, mais je ne savais et ne sais toujours pas où je dois intervenir, 

Je vais testé ta proposition, 
Merci et mes vœux, 
Bonne fin de journée, 
Mi Neth, 

1791 appréciations
Hors-ligne
Bonsoir, 
J'ai testé tel quel et avec variantes, Dans le css comme dans les bordures rien, Je suis retournée dans mes recherches ici et ailleurs, tout ce que j'ai tenté a échoué, Je suis allée sur les blogs de , j'ai appris des choses qui me seront utiles, mais n'ai pas trouvé, En effet ça ne va pas être facile, Pourtant à lire certains forum ça semble enfantin, 
Alors je suis allée voir à comparer les css des pages accueil et forum dans le sources pour voir quel endroit différait au niveau du header, ça semble être le même, 
Je vais me reposer, 
Faire autre chose, J'y reviendrai plus tard, Rien ne presse,
Bonne soirée, 
Mi Neth, 

1791 appréciations
Hors-ligne
Re, 
J'ai d'abord écris un petit poème pour me changer les idées et ensuite, j'ai tenté ceci dans le css, 

/*img header section forum*/#forum_header.diz-entete {background-attachment: scroll; background-image : url("https://static.blog4ever.com/2020/03/857029/ban-for-tendance-chats-yacinth--1-.jpg"); background-repeat: no-repeat;             background-position: top center;  
}

Et lui aussi n'a pas donné de résultat, 

1791 appréciations
Hors-ligne
Bonne nuitée, 
Avant de me pieuter, j'ai tenté une id par page via les bordures, Dans ce style

...
<*header id="header" class="page-forum"*><*/header*>
...

<*style type="text/css"*>#header {    width: 960px;    height: 320px;   }

...
.page-forum { background: url("https://static.blog4ever.com/2020/03/857029/ban-for-tendance-chats-yacinth--1-.jpg") }...

<*/style*>

Je n'ai pas recopié mon code en entier, les petits points représentent les autres pages, 

Echec,  

1791 appréciations
Hors-ligne
<*div id="header" class="page-forum"*><*/div*>

Bon, avec cette formule, ça ne fonctionne pas non plus, 

Maintenant je me pose une question, 
Je mets le css avec le texte html dans les bordures, Est-ce que je ne devrai pas plutôt l'insérer dans la feuille de style et ne mettre dans les bordures que le html?

Re, Je viens de tenter avec haut à la place de header, ça n'y change rien, 

Dernière modification le vendredi 15 Janvier 2021 à 10:27:36

155 appréciations
Hors-ligne
:b0: Mi Neth:ch:

:sv5:Je ne comprends plus rien 

Simon Ta expliqué tous ce qui est Javascript en bordure de page pour ta bannière sur ton forum(avec un bouton pour changer ta bannière)
Car directement le Css RapidDesign ne prend pas le Javascript
Un bouton pour changer de bannière c'est quoi l'intérêt

Comme je te l'ai dit plus haut il suffit d'avoir le code Css d'en-tête de la partie forum .
Pour installer ta nouvelle bannière sur ton forum


Ps jolie bannière j'adore 





Dernière modification le samedi 16 Janvier 2021 à 11:25:36

1791 appréciations
Hors-ligne
Bonjour Stef et merci, 

C'est justement ce que je veux faire mettre mon image à la place de l'autre, mais seulement lorsque l'on se trouve sur le forum, Concernant les sections accueil, blog, plume, billet, contact et charte, je veux conserver l'image de Yacinth, 
J'ai testé ta proposition, mais ça n'a pas fonctionné, J'ai suivi un conseil de  et remplacer header par haut, mais rien non plus, 
Je préférerai  passer par le css, parce que le java j'ai du mal à imprimer, 
Bon samedi, 
Mi Neth, 

1791 appréciations
Hors-ligne
Re, Je viens de réaliser un truc important, 
J'explique mon blog se nomme Yacinth et je tiens à ce nom et de là mon forum aussi, Normal, 
Hors l'image que je veux mettre dans l'entête de la section forum se nomme Tendance Chats, et je tiens aussi à ce titre, Je l'ai réalisé en hommage à Toshiro qui avait réalisé le design complet d'un ancien forum, 
Mais voilà  sur mon blog, le forum se nomme Yacinth, il me faudrait pouvoir en changer le nom sur toutes les parties ne concernant que celui-ci, 
Je ne sais pas si c'est possible, 
Alors je me demande si mon idée d'avoir une image d'entête différente dans la section forum est possible,  
A moins que je ne refasse une autre image , la même avec un autre texte qui engloberait les deux termes, 
Un conseil? Un avis, une idée, Merci, 

155 appréciations
Hors-ligne
 Mi Neth:ch:

Ah les filles toujours impatientes

d'avoir une image d'entête différente dans la section forum est possible, le forum se nomme Yacinth, il me faudrait pouvoir en changer le nom sur toutes les parties ne concernant que celui-ci, 

ça ne sert à rien de bruler des étapes car tu n'as pas de solution comment installer une bannière différente à ton blog dans la partie forum.


4050 appréciations
Hors-ligne
re

Il faut retirer l'image du blog et mettre ce code -->header .image

_____________________________


Je n'ai pas testé mais il est primordial de retirer l'image car sinon rien ne fonctionne.    --->

Une fois l'image retirée mettre ce code en essai

Mettre ces codes dans le css pour voir l'effet.


header .image:hover {
 
background-image: url("https://static.blog4ever.com/2020/03/857029/ban-for-tendance-chats-yacinth--1-.jpg");  
}
header .image {
 
background-image: url("https://static.blog4ever.com/2020/03/857029/imageedit_1_6831995263-compressor-2.jpg");  
}
_______________________

Bien entendu il faut mettre ces codes dans le java...  (
header .image)


2886 appréciations
Hors-ligne
   @Daniel@ ce n'est pas fini ? Le sujet continu.... :ptdr: Simon
@Simon@ Désolé, j'avais fermé ce sujet par erreur, oups ! Daniel

155 appréciations
Hors-ligne
re

Simon pour le Css c'est seulement quand tu passes la souris sur la bannière d'en-tête pour changer d'image .



Après le java script je ne comprend plus rien

1791 appréciations
Hors-ligne
Bonsoir,  Merci à tous les trois, 

Rien ne presse,  
Mais je trouve impolie de ne pas répondre, 
Alors quand j'ai du temps, je teste et me questionne, C'est que je ne veux pas faire n'importe quoi et me lancer dans quelque chose d'impossible à réaliser, 
Et ça me tue quand je n'arrive pas à appliquer une solution que vous avez pris du temps à créer et à me proposer, 

J'ai une question pour Simon, 
Tu dis, 

Bien entendu il faut mettre ces codes dans le java...  (
header .image)

Dans ce domaine je suis une super quiche et je ne saurai le faire qu'en copier/coller, 
Donc si je n'ai pas le script, je n'irai pas loin, 
Ma question, le css seul peut-il suffir? 
Merci et bonne nuit à tous les trois, 

155 appréciations
Hors-ligne
Bonsoir Mi Neth:ch:

Tu postes 5 fois de suite sur ce poste sans avoir de réponses

Seulement impatiente ton poste n'a que 4 jours:ppc::ptdr:

 (Techniquement) oui ce n'est possible seulement que dans le css .
C'est exactement ce que je te dis depuis le début de ce poste.

Mais à ce que je vois personne ne connais le code Css d'en-tête de la partie forum. 

Jai fait mais recherche sur le forum et j'ai trouvé sur un ancien post une demande pour changer je ne sais plus quoi il me semble la police sur le forum d 'un blog.

le début du css commence par

#forum_

Jai fait des essais  de plusieurs codes en commençant par #forum_sur mon blog en activant la partie forum et je n'ai aucun résultat sur changer la bannière et je cherche encore.




Dernière modification le dimanche 17 Janvier 2021 à 02:24:12

4050 appréciations
Hors-ligne
re

*** Il faut retirer l'image en place.***


C'est bon aussi avec --> .diz-entete

/* changer image entête*/

.diz-entete {
 height: 320px;
 display: inline-block;
background-image: url("https://static.blog4ever.com/2020/03/857029/imageedit_1_6831995263-compressor-2.jpg");  
}
.diz-entete:hover {
background-image: url("https://static.blog4ever.com/2020/03/857029/ban-for-tendance-chats-yacinth--1-.jpg");  
}
/*============*/

EXEMPLE


4050 appréciations
Hors-ligne
@Mi Neth@

Petite solution pour mettre une image dans le forum


ESSAI à mettre dans le css

/*image partie forum*/

#forum_haut_menu_membre {
    width: 920px;
    height: 380px!important;
    border: 2px solid #fff;
    border-radius:20px;
    background-position:right;
    background-repeat: no-repeat;
    background-image: url("https://static.blog4ever.com/2020/03/857029/ban-for-tendance-chats-yacinth--1-.jpg");   
}


1791 appréciations
Hors-ligne
Bonsoir Simon, 
Merci, 

J'éditais des sujets sur le forum, lorsque j'ai vu l'image apparaître dans la section, J'en ai déduis que tu intervenais, alors j'ai quitté le blog, 

Sinon, ce matin, j'ai testé ta proposition d'hier, Enlever mon image, mis le css dans la feuille de style, et le script dans les bordures, après l'avoir soumis sur piliapp,  mais rien, 

Je viens de retenter avec ta nouvelle proposition, je dirai que mon script n'est pas bon, le site me dit que ce serait un < qui poserait problème, mais j'ai beau lire et relire je ne le trouve pas, Et je suis certaine que ce n'est pas ça qui cloche, 

<*script type="text/javascript"*>if (/^/forum?-/.test(document.location.pathname)) { $(function() { $(".diz-entete").css("background-image", 'url("https://static.blog4ever.com/2020/03/857029/ban-for-tendance-chats-yacinth--1-.jpg")'); }); } else{ if (/^/?-/.test(document.location.pathname)) { $(function() { $(".diz-entete").css("background-image", 'url("https://static.blog4ever.com/2020/03/857029/imageedit_1_6831995263-compressor-2.jpg")'); });  } } ;<*/script*>

Encore merci, 
J'ai d'autres éditions à faire sur le blog, mais là je vais dodoter, 
Encore merci, 
Bonne nuitée, 
Mi Neth, 



4050 appréciations
Hors-ligne
re

ce code fonctionne bien sans mettre de script...

Il faut juste mettre une image plus discrète...


#forum_haut_menu_membre {
    width: 920px;
    height: 370px!important; /* adapter selon l'image*/
    border: 2px solid #fff;
    border-radius:20px;
    background-position:right;
    background-repeat: no-repeat;
    background-image: url("https://static.blog4ever.com/2020/03/857029/ban-for-tendance-chats-yacinth--1-.jpg");   
}


4050 appréciations
Hors-ligne





#forum_haut_menu_membre {
    width: 700px;
    height: 300px!important; /* adapter selon l'image*/
    border: 2px solid #fff;
    border-radius:20px;
    background-position:center;
    background-repeat: no-repeat;
    background-image: url("https://b4epics.com/uploads/2021-01-18/08/banniere-voeux-personnages-chats-pour-saint-valentin_75474-10727bcca5a2c7.jpg");   
}


1791 appréciations
Hors-ligne
Bonjour Simon et merci pour l'image en haut des pages du forum, J'en ai installé une, Elle apparaît même sur les pages de profil et de notifications, cool, 

Me restera celle de l'entete, Pour l'heure je n'arrive à rien, Mais je ne désespère pas et puis nous avons le temps, l'année ne fait que commencer, 

Une question est-ce que c'est possible de fermer ce post provisoirement et que je puisse demander qu'il soit de nouveau ouvert par message privé ou autre? 
Merci à toi, à Stef, à Daniel

...Stef n'a pas de smile à son effigie, faudrait y penser...
Bonne journée, 
Mi Neth, 

2886 appréciations
Hors-ligne
Bonjour Mi Net,

Stef n'a pas de smile à son effigie, faudrait y penser...

Les smileys avec le pseudo ou le prénom d'une personne sont réservés aux membres de l'équipe de modération qui ont accès au BackOffice et qui peuvent donc être citées à ce titre (entre deux arobases).

Bonne journée...


4050 appréciations
Hors-ligne
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Demandes de conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6062 autres membres