Annonce défilante.

Page 2 sur 2 Précédent  1, 2

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

Résolu Annonce défilante.

Message par Mi Neth le Lun 21 Avr 2014 - 9:57

Rappel du premier message :

Bonjour,
Je voulais savoir s'il était possible de mettre une deuxième annonce défilante, mais je me suis aperçue que celle que j'avais installé, a disparu. Elle se trouvait en haut, je voulais la deuxième en bas. J'ai fais des recherches et ai essayé toutes les solutions proposées que j'ai trouvé, rien de rien.
Merci de m'aider,


Dernière édition par Neth 64 le Lun 26 Mai 2014 - 12:05, édité 2 fois (Raison : Sujet déplacé dans la section "Gérer l'apparence de son forum")

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Sam 10 Mai 2014 - 2:29

J'ai pensé intégrer la partie du template overall_header qui concerne l'annonce défilante dans le template overall_footer_begin. Est-ce réalisable et si oui, où dois-je le mettre précisément?

Edit: J'oubliais, dans ce cas faut-il rajouter du css ou du javascript? Parce que si oui, là je ne vais pas savoir.

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Dim 11 Mai 2014 - 8:35

ti up, merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Mar 13 Mai 2014 - 3:46

re ti up, merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Neptunia le Mar 13 Mai 2014 - 4:43

Bonjour ^^

Un petit code sans prétention trouvé dans ce sujet
Right Créer une bande défilante avec des images

Code:
<marquee valign="middle" scrollamount="4" direction="left" scrolldelay="30" onmouseout="this.start();" onmouseover="this.stop();" style="width: 100%; height: 150px;">
  <a href="http://www.forumactif.com/creer-un-forum/phpbb3">
                <img src="http://im0.all-up.com/static/images/service-free-forum-1.png" alt="Créer son forum" title="Créer son forum"></a>
      <a href="http://www.forumactif.com/avantages-forum/personnaliser">
                <img src="http://im0.all-up.com/static/images/service-free-forum-2.png" alt="Personnaliser son forum" title="Personnaliser son forum"></a>
  <a href="http://www.forumactif.com/avantages-forum">
                <img src="http://im0.all-up.com/static/images/service-free-forum-3.png" alt="Faire connaître son forum" title="Faire connaître son forum"></a>
  </marquee>

Au lieu de mettre des images "simples" j'ai mis des images cliquables avec une infobulle au survol (attribut title)

A toi de personnaliser le tout.

Code à insérer dans le template overall_footer_begin juste avant cette ligne
Code:
<!-- close div id="page-body" -->

Il apparaîtra sur toutes tes pages. Si tu ne le veux que sur certaines pages, il faudra passer par un/des autre(s) template(s) ou employer du javascript.

Neptunia
+ Hyperactif +

Féminin
Messages : 11003
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Mar 13 Mai 2014 - 6:19

merci, j'essaie dès que je peux et je reviens donner des nouvelles

Edit: Je n'ai pas encore eu le temps de tester.

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Dim 18 Mai 2014 - 3:50

Comme j'ai un peu de temps, j'essaie.
Je reviendrais pour le résultat.

J'ai fais un essai. Ça fonctionne bien, mais je le voulais plus bas (à hauteur de Forum gratuit | © phpBB | Forum gratuit d'entraide | Statistiques | Contact | Signaler un abus).
Je suppose que dans ce cas, je dois l'insérer dans overall_footer_end. Mais je ne sais pas sur quelle ligne le placer pour qu'il s'affiche tout à gauche.
Merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Dim 18 Mai 2014 - 22:49

ti up, merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Milouze14 le Lun 19 Mai 2014 - 7:40

Salut Neth 64 ,
en reprenant le code de Neptune- ,

On reprend tout le code HTML et on le place dans un javascript comme ceci:

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

Mettre un titre explicite comme Annonces défilantes en bas de page

Cocher sur toutes les pages (selon ton souhait  Wink  ) .
Puis colles tout ce contenu pour l'avoir sous :

(à hauteur de Forum gratuit | © phpBB | Forum gratuit d'entraide | Statistiques | Contact | Signaler un abus).
Code:

$(function(){
$('        <marquee valign="middle" scrollamount="4" direction="left" scrolldelay="30" onmouseout="this.start();" onmouseover="this.stop();" style="width: 100%; height: 150px;">
          <a href="http://www.forumactif.com/creer-un-forum/phpbb3">
                        <img src="http://im0.all-up.com/static/images/service-free-forum-1.png" alt="Créer son forum" title="Créer son forum"></a>
              <a href="http://www.forumactif.com/avantages-forum/personnaliser">
                        <img src="http://im0.all-up.com/static/images/service-free-forum-2.png" alt="Personnaliser son forum" title="Personnaliser son forum"></a>
          <a href="http://www.forumactif.com/avantages-forum">
                        <img src="http://im0.all-up.com/static/images/service-free-forum-3.png" alt="Faire connaître son forum" title="Faire connaître son forum"></a>
          </marquee> ').addClass('M14_Annonce').insertAfter('div#page-footer');
});





Pour avoir le code au dessus de :

(à hauteur de Forum gratuit | © phpBB | Forum gratuit d'entraide | Statistiques | Contact | Signaler un abus).

, ce sera ce code:
Code:

$(function(){
$('        <marquee valign="middle" scrollamount="4" direction="left" scrolldelay="30" onmouseout="this.start();" onmouseover="this.stop();" style="width: 100%; height: 150px;">
          <a href="http://www.forumactif.com/creer-un-forum/phpbb3">
                        <img src="http://im0.all-up.com/static/images/service-free-forum-1.png" alt="Créer son forum" title="Créer son forum"></a>
              <a href="http://www.forumactif.com/avantages-forum/personnaliser">
                        <img src="http://im0.all-up.com/static/images/service-free-forum-2.png" alt="Personnaliser son forum" title="Personnaliser son forum"></a>
          <a href="http://www.forumactif.com/avantages-forum">
                        <img src="http://im0.all-up.com/static/images/service-free-forum-3.png" alt="Faire connaître son forum" title="Faire connaître son forum"></a>
          </marquee> ').addClass('M14_Annonce').insertBefore('div#page-footer');
});


Penses à cliquer sur le bouton


Pour les deux codes , j'ai attribué une class afin de pouvoir personnalisé cette annonce dans ta feuille
de style:
Code:
.addClass('M14_Annonce')


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposes ceci:
Code:

.M14_Annonce
{
  background:red;
  margin-top:10px;
  margin-bottom:10px;
  border:2px solid green;
  padding:10px 0;
}




J'ai mis l'essentiel mais je t'en prie changes les couleurs que j'ai déposé car c'est pas chouette
du tout  Ptdr  Ptdr 
Penses à cliquer sur le bouton

a++









Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

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

Résolu Re: Annonce défilante.

Message par Mi Neth le Lun 19 Mai 2014 - 7:50

Merci, je fais des essais dès que possible et je reviendrais pour donner des nouvelles,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Mer 21 Mai 2014 - 9:10

J'ai testé, j'ai réussi à mettre la couleur du cadre que je voulais, le fond n'est pas blanc, mais ce n'est pas trop grave. En revanche, dès que je tente de mettre mes liens à la place des tiens, ça coince. Seul l'un d'eux s'affiche sur six (ce sont des logos cliquables).
Merci à toi pour l'aide que tu m'as déjà apportée,


Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Jeu 22 Mai 2014 - 12:57

J'ai retenté, ça coince toujours, merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par néco le Jeu 22 Mai 2014 - 13:44

Neth 64 a écrit:J'ai testé, j'ai réussi à mettre la couleur du cadre que je voulais, le fond n'est pas blanc, mais ce n'est pas trop grave. En revanche, dès que je tente de mettre mes liens à la place des tiens, ça coince. Seul l'un d'eux s'affiche sur six (ce sont des logos cliquables).
Merci à toi pour l'aide que tu m'as déjà apportée,


moi j'en vois 3 s'il s'agit des "gros" logos ^^



essaie de vider tes caches peut-être , c'est juste une suggestion , je m'éclipse aussi tôt car le reste est trop compliqué pour moi ^^

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Sam 24 Mai 2014 - 9:22

Ce sont les logos du script de Milouze14. Moi, j'essaie d'y insérer des logos cliquables en 88X31.
J'ai cherché d'autres scripts, aucun ne fonctionne. J'ai testé avec d'autres navigateurs, effacé les données de navigations (cache et cookies), rien.

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par néco le Sam 24 Mai 2014 - 11:24

salut !
essaye de coller ça et dis moi si cela te conviens ou pas ?

dans le template overall_footer_begin (pas footer_end ^^)
tout à la fin , en dessous de ce qu'il y a dans le template , tu tape entrée pour aller à la ligne , et tu le colles !

modifie la valeur  height: 150px; en remplaçant le 150 par ce que tu veux par rapport à la hauteur de tes images Wink
et le "4" c'est pour régler la vitesse de défilement d'après ce que j'ai compris, et tu peux le modifier aussi si tu le désire Wink

Code:
       <marquee valign="middle" scrollamount="4" direction="left" scrolldelay="30" onmouseout="this.start();" onmouseover="this.stop();" style="width: 100%; height: 150px;">
<a href="http://www.blague.info/blagues-du-jour/blagues.php" target="_blank"><img src="http://i55.servimg.com/u/f55/16/02/70/00/5blagu10.jpg" alt="Créer son forum" title="Créer son forum" /></a>  
<a href="http://www.blague.info/blagues-du-jour/blagues.php" target="_blank"><img src="http://i55.servimg.com/u/f55/16/02/70/00/5blagu10.jpg" alt="Créer son forum" title="Créer son forum" /></a>        
<a href="http://www.blague.info/blagues-du-jour/blagues.php" target="_blank"><img src="http://i55.servimg.com/u/f55/16/02/70/00/5blagu10.jpg" alt="Créer son forum" title="Créer son forum" /></a>        
<a href="http://www.blague.info/blagues-du-jour/blagues.php" target="_blank"><img src="http://i55.servimg.com/u/f55/16/02/70/00/5blagu10.jpg" alt="Créer son forum" title="Créer son forum" /></a>        
<a href="http://www.blague.info/blagues-du-jour/blagues.php" target="_blank"><img src="http://i55.servimg.com/u/f55/16/02/70/00/5blagu10.jpg" alt="Créer son forum" title="Créer son forum" /></a>        
<a href="http://www.blague.info/blagues-du-jour/blagues.php" target="_blank"><img src="http://i55.servimg.com/u/f55/16/02/70/00/5blagu10.jpg" alt="Créer son forum" title="Créer son forum" /></a>        
       </marquee>  

essaye comme ça d'office , et si c'est ce que tu veux , ensuite tu modifiera tes liens et tes images Wink

là je t'ai mis 6 ligne identique puisque tu a parlé d'en mettre 6 , mais tu peux évidement , soit en retirer , soit en ajouter à la suite sur le même modèle (devant le </marquee> Wink)

là , les images seront clicable et s'ouvriront dans une nouvelle page !
si tu veux que ça s'ouvre sur la même page , efface tous les target="_blank"
(ou si tu en veux certain sur la même page et certain sur une autre page , ben tu adapte ligne par ligne , tu efface ou tu laisse selon ton désir que sur certaine Wink)

dès que tu l'aura collé dans ton template , tu verras que tu te repèrera simplement , car chaque "ligne" ne fait justement qu'une ligne ;)pas comme ici dans un cadre de
[code ] où ça ressemble un peu à un gros pavé indigeste Laughing, dès que tu l'aura mis dans ton template tu comprendras ce que je te dis

je te conseil d'utiliser l'hébergeur du forum pour héberger tes images , et sur les trois lignes que l'hébergeur te propose , tu dois toujours prendre celle d'en bas , pour les codes etc , car c'est le "lien direct"

en espérant vraiment que cela te conviendra ! ^^

bizzz

ÉDIT : PS : dans les codes de Neptune et de Milouze , il manquait juste un / à la "fin" de chaque ligne (devant le ></a> ) à mon avis c'est pour ça que ça "coinçait" probablement ^^ petit oublie qui ne leur est pas directement imputable puisqu'il était déjà présent dans le topic que Neptune à cité plus haut Wink)


ÉDIT 2 : je te conseil (mais tu n'y es pas du tout obligé) de rajouter cette ligne tout en haut de ton template (si cette solution te conviens évidemment ^^ )

Code:
 <!-- dans ce template j ai ajouté mon annonce défilante de bas de forum tout en bas du template -->  

moi c'est ce que je fais , parce qu'au sinon , au bout d'un moment quand tu fais plusieurs modifs , tu finis par ne plus te rappeler de ce que tu as fais et où

tout ce que tu mets entre les balise <!-- et --> sont des commentaires qui seront ignoré par le codage

cependant , pense à ne JAMAIS mettre de ' ou de " dans les commentaires , sinon ça fais des bug
(c'est pour ça que dans la ligne que je te propose , j'ai écris j ai ajouté , et non pas , j'ai ajouté

re bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Sam 24 Mai 2014 - 13:36

Merci, j'essaie dès que j'ai une tite minute et je reviens pour les nouvelles,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Dim 25 Mai 2014 - 13:00

Je n'ai pas encore eu le temps de tester. Je pense pouvoir lundi.

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce défilante.

Message par Mi Neth le Lun 26 Mai 2014 - 12:04

MERCI, MERCI, MERCI!!!


Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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