It is currently Thu 29 Sep 2016 - 18:59 - créer un forum

[Tuto] Un bloc avec Menu Scroll

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3, 4

[Tuto] Un bloc avec Menu Scroll
Author Message
Sploutch


Joined: 02 Jan 2006
Posts: 584

PostPosted: Wed 20 Jan 2010 - 17:50    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Bonjour,
Aucune image n'est déchirée...
Cela étant pour modifier cette image, vous devez rechercher dans le code ces deux partie la :
Pour l'image MONTER
Code: Sélectionner - Agrandir
<img src="http://img10.xooimage.com/files/c/e/0/msg_savebox-129186.gif" border=0 width="130" height="26">

Pour l'image DESCENDRE
Code: Sélectionner - Agrandir
<img src="http://img8.xooimage.com/files/f/4/0/msg_savebox-129183.gif" border=0 width="130" height="26">
Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Wed 20 Jan 2010 - 18:38    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

si, l'image déchirée en dessous de "monter" et au dessus de "descendre", une icone .

Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Wed 20 Jan 2010 - 18:40    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

je sais bien de quelle image vous parlez, puisque je vous donne les parties de code utile pour les modifier....
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Wed 20 Jan 2010 - 18:52    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

ah d'accord . mais je ne trouve pas étant donné que j'ai modifié quelques trucs Sad ! voici mon code :
Code: Sélectionner - Agrandir
 quelques enseignes ...
    <SCRIPT>
    var sRepeat=null;
    function doScrollerIE(dir, src, amount) {   
    if (amount==null) {
    amount=10
    }   
    if (dir=="up") {
    document.all[src].scrollTop-=amount
    }   else {
    document.all[src].scrollTop+=amount
    }   if (sRepeat==null) {
    sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100)}   return false
    }
    window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");
    window.document.ondragstart = new Function("return false");


    function toggle( targetId ){
    {target = document.all( targetId );
    if (target.style.display == "none")
    {
    target.style.display = "";
    } else {
    target.style.display = "none";
      }
     }
    }
    </SCRIPT>
          <table width=130 cellpadding=0 cellspacing="0" border="1" bordercolorlight="#689197" bordercolordark="#689197">
              <tr>
                <td onMouseOver="this.style.backgroundColor='#689197';" onMouseOut="this.style.backgroundColor='white';"><center><a onMouseOver="return doScrollerIE('up','s1',10)" onMouseOut="clearInterval(sRepeat)" href="" target="_blank">monter<img src="" border=0 width="130" height="26"><br></a></center></td>
              </tr>
              <tr>
                <td>
                  <div id=s1 class=sc1 style="width: 130; height: 100; overflow: hidden;">
                 <a href="http://www.allez-ales.fr/cs/_images/partenaires/mrbricolage.jpg"><font size="2">Mr bricolage</font></a><br>
                    <a href="http://decoracion2.com/wp-content/uploads/logo-leroy-merlin.jpg" target="_blank"><font size="2">Leroy Merlin</font></a><br>
                    <a href="http://www.horairesouverture.com/photos/logo/BricoDepot-logo.gif" target="_blank"><font size="2">Brico Dépôt</font></a><br>
                    <a href="http://www.brandsoftheworld.com/brands/0012/7316/brand.gif" target="_blank"><font size="2">Castorama</font></a><br>
                    <a href="http://www.cc-nozay-entreprises.fr/IMG/jpg/tout_faire_materiaux.jpg" target="_blank"><font size="2">Tout Faire Matériaux</font></a><br>
                    <a href="http://www.tools.co.uk/images/facom_link.jpg" target="_blank"><font size="2">Facom</font></a><br>
                <a href="http://industrialtools.ie/stanley%20logo.gif" target="_blank"><font size="2">Stanley</font></a><br>
                    <a href="http://www.brightscope.com/blog/wp-content/uploads/2009/07/black_decker_logo.jpg" target="_blank"><font size="2">Black et Decker</font></a><br>
                    <a href="" target="_blank"><font size="2">Recherche Google</font></a><br>
                    <a href="http://cevennes.groupeccs.com/imgs_fichiers/th_logo_gamag.jpg" target="_blank"><font size="2">Gamag</font></a><br>
                    <a href="http://media.quechoisir.org/big/_Quechoisir/gedimat.jpg"><font size="2">Gédimat</font></a><br>
                    <a href="http://blogs.wefrag.com/Mawwic/files/2009/11/spon_conforama.jpg"><font size="2">Conforama</font></a><br>
                    <a href="http://www.votreportrait.fr/osc/images/Image/pagesinfos/cote-maison-logo.jpg" target="_blank"><font size="2">Côté maison</font></a><br>
                  </div>
                </td>
              </tr>
              <tr>
                <td onMouseOver="this.style.backgroundColor  = '#689197';" onMouseOut="this.style.backgroundColor = 'grey';"><center><a onMouseOver="return doScrollerIE('down','s1',10)" onMouseOut="clearInterval(sRepeat)" href="" target="_blank"><img src="" border=0 width="130" height="26"><br>descendre</a></center></td>
              </tr>
            </table>

pouvez-vous me donner le code en ayant enlever ce qu'il faut svp ? Embarassed


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Wed 20 Jan 2010 - 19:39    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

Dans le code que vous donnez, le lien des images on déjà été supprimé !
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Wed 20 Jan 2010 - 19:40    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

ben comment se fait-il que les icone apparaisse encore ?

Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Wed 20 Jan 2010 - 19:44    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

Vu avez bien supprimé le lien :

_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Wed 20 Jan 2010 - 19:48    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

oui mais il ya encore l'icone de la "feuille découpé" .c'est ca que je veux enlever

Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Wed 20 Jan 2010 - 19:52    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

Voila :
Code: Sélectionner - Agrandir
     quelques enseignes ...
        <SCRIPT>
        var sRepeat=null;
        function doScrollerIE(dir, src, amount) {   
        if (amount==null) {
        amount=10
        }   
        if (dir=="up") {
        document.all[src].scrollTop-=amount
        }   else {
        document.all[src].scrollTop+=amount
        }   if (sRepeat==null) {
        sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100)}   return false
        }
        window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");
        window.document.ondragstart = new Function("return false");


        function toggle( targetId ){
        {target = document.all( targetId );
        if (target.style.display == "none")
        {
        target.style.display = "";
        } else {
        target.style.display = "none";
          }
         }
        }
        </SCRIPT>
              <table width=130 cellpadding=0 cellspacing="0" border="1" bordercolorlight="#689197" bordercolordark="#689197">
                  <tr>
                    <td onMouseOver="this.style.backgroundColor='#689197';" onMouseOut="this.style.backgroundColor='white';"><center><a onMouseOver="return doScrollerIE('up','s1',10)" onMouseOut="clearInterval(sRepeat)" href="" target="_blank">monter<br></a></center></td>
                  </tr>
                  <tr>
                    <td>
                      <div id=s1 class=sc1 style="width: 130; height: 100; overflow: hidden;">
                     <a href="http://www.allez-ales.fr/cs/_images/partenaires/mrbricolage.jpg"><font size="2">Mr bricolage</font></a><br>
                        <a href="http://decoracion2.com/wp-content/uploads/logo-leroy-merlin.jpg" target="_blank"><font size="2">Leroy Merlin</font></a><br>
                        <a href="http://www.horairesouverture.com/photos/logo/BricoDepot-logo.gif" target="_blank"><font size="2">Brico Dépôt</font></a><br>
                        <a href="http://www.brandsoftheworld.com/brands/0012/7316/brand.gif" target="_blank"><font size="2">Castorama</font></a><br>
                        <a href="http://www.cc-nozay-entreprises.fr/IMG/jpg/tout_faire_materiaux.jpg" target="_blank"><font size="2">Tout Faire Matériaux</font></a><br>
                        <a href="http://www.tools.co.uk/images/facom_link.jpg" target="_blank"><font size="2">Facom</font></a><br>
                    <a href="http://industrialtools.ie/stanley%20logo.gif" target="_blank"><font size="2">Stanley</font></a><br>
                        <a href="http://www.brightscope.com/blog/wp-content/uploads/2009/07/black_decker_logo.jpg" target="_blank"><font size="2">Black et Decker</font></a><br>
                        <a href="" target="_blank"><font size="2">Recherche Google</font></a><br>
                        <a href="http://cevennes.groupeccs.com/imgs_fichiers/th_logo_gamag.jpg" target="_blank"><font size="2">Gamag</font></a><br>
                        <a href="http://media.quechoisir.org/big/_Quechoisir/gedimat.jpg"><font size="2">Gédimat</font></a><br>
                        <a href="http://blogs.wefrag.com/Mawwic/files/2009/11/spon_conforama.jpg"><font size="2">Conforama</font></a><br>
                        <a href="http://www.votreportrait.fr/osc/images/Image/pagesinfos/cote-maison-logo.jpg" target="_blank"><font size="2">Côté maison</font></a><br>
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td onMouseOver="this.style.backgroundColor  = '#689197';" onMouseOut="this.style.backgroundColor = 'grey';"><center><a onMouseOver="return doScrollerIE('down','s1',10)" onMouseOut="clearInterval(sRepeat)" href="" target="_blank">descendre</a></center></td>
                  </tr>
                </table>

_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Thu 21 Jan 2010 - 19:38    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

super merci, et pour le centrer sur le forum, comment faire ?

Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Fri 22 Jan 2010 - 09:04    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

Bonjour,
Vous devez ajouter les balises correspondante soit :
BBcode.
Code: Sélectionner - Agrandir
[center]TEXTE CENTRE[/center]

Html.
Code: Sélectionner - Agrandir
<div align="center">TEXTE CENTRE</div>

Voici votre code une fois centré :
Code: Sélectionner - Agrandir
<div align="center">quelques enseignes ...
            <SCRIPT>
            var sRepeat=null;
            function doScrollerIE(dir, src, amount) {   
            if (amount==null) {
            amount=10
            }   
            if (dir=="up") {
            document.all[src].scrollTop-=amount
            }   else {
            document.all[src].scrollTop+=amount
            }   if (sRepeat==null) {
            sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100)}   return false
            }
            window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");
            window.document.ondragstart = new Function("return false");


            function toggle( targetId ){
            {target = document.all( targetId );
            if (target.style.display == "none")
            {
            target.style.display = "";
            } else {
            target.style.display = "none";
              }
             }
            }
            </SCRIPT>
                  <table width=130 border="1" cellpadding=0 cellspacing="0" bordercolorlight="#689197" bordercolordark="#689197">
                      <tr>
                        <td onMouseOver="this.style.backgroundColor='#689197';" onMouseOut="this.style.backgroundColor='white';"><center><a onMouseOver="return doScrollerIE('up','s1',10)" onMouseOut="clearInterval(sRepeat)" href="" target="_blank">monter<br></a></center></td>
                      </tr>
                      <tr>
                        <td>
                          <div id=s1 class=sc1 style="width: 130; height: 100; overflow: hidden;">
                         <a href="http://www.allez-ales.fr/cs/_images/partenaires/mrbricolage.jpg"><font size="2">Mr bricolage</font></a><br>
                            <a href="http://decoracion2.com/wp-content/uploads/logo-leroy-merlin.jpg" target="_blank"><font size="2">Leroy Merlin</font></a><br>
                            <a href="http://www.horairesouverture.com/photos/logo/BricoDepot-logo.gif" target="_blank"><font size="2">Brico Dépôt</font></a><br>
                            <a href="http://www.brandsoftheworld.com/brands/0012/7316/brand.gif" target="_blank"><font size="2">Castorama</font></a><br>
                            <a href="http://www.cc-nozay-entreprises.fr/IMG/jpg/tout_faire_materiaux.jpg" target="_blank"><font size="2">Tout Faire Matériaux</font></a><br>
                            <a href="http://www.tools.co.uk/images/facom_link.jpg" target="_blank"><font size="2">Facom</font></a><br>
                        <a href="http://industrialtools.ie/stanley%20logo.gif" target="_blank"><font size="2">Stanley</font></a><br>
                            <a href="http://www.brightscope.com/blog/wp-content/uploads/2009/07/black_decker_logo.jpg" target="_blank"><font size="2">Black et Decker</font></a><br>
                            <a href="" target="_blank"><font size="2">Recherche Google</font></a><br>
                            <a href="http://cevennes.groupeccs.com/imgs_fichiers/th_logo_gamag.jpg" target="_blank"><font size="2">Gamag</font></a><br>
                            <a href="http://media.quechoisir.org/big/_Quechoisir/gedimat.jpg"><font size="2">Gédimat</font></a><br>
                            <a href="http://blogs.wefrag.com/Mawwic/files/2009/11/spon_conforama.jpg"><font size="2">Conforama</font></a><br>
                            <a href="http://www.votreportrait.fr/osc/images/Image/pagesinfos/cote-maison-logo.jpg" target="_blank"><font size="2">Côté maison</font></a><br>
                          </div>                        </td>
                      </tr>
                      <tr>
                        <td onMouseOver="this.style.backgroundColor  = '#689197';" onMouseOut="this.style.backgroundColor = 'grey';"><center><a onMouseOver="return doScrollerIE('down','s1',10)" onMouseOut="clearInterval(sRepeat)" href="" target="_blank">descendre</a></center></td>
                      </tr>
                  </table></div>

_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
otoktone


Offline
Guest




PostPosted: Thu 24 Jun 2010 - 12:20    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

bonjour,

votre tuto est très bien,merci braucoup

je souhaiterai disposer les liens en longueur, les uns après les autres sur la même ligne et non l'un en dessous l'autre, comment faire?



je suppose que c'est ici qu'il faut changer quelque chose, non?


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Thu 24 Jun 2010 - 20:32    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

Bonjour,
Hum... votre souhait na plus trop de sens, par rapport au tutoriel.
Ce Menu est fait pour être verticale, pas horizontal, défilement parlent.
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
otoktone


Offline
Guest




PostPosted: Thu 24 Jun 2010 - 22:33    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

oui désolé, j'ai vu sur votre forum un menu horizontal que je trouve réussis, je ne sais pas trop comment faire, mais en effet on s'éloigne de ce tuto  undecided

en revancge est ce possible de le placer sur la gauche de l'index du forum?

C'est bon j'ai trouvé un tuto pour ça, merci Wink


Author Message
Alibouma
Membre


Offline
Membre

Joined: 15 Sep 2012
Posts: 47
Point(s): 41
Moyenne: 0.87
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep)

PostPosted: Thu 21 Mar 2013 - 06:38    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

Merci schplouch,

Si par exemple j'ai deux liens avec une image de chaque, soit:" http.1"(lien de "1") correspondant à "1.img"'(image de "1") et "http.2" (lien de "2")correpondant à " 2.img"(image de "2") à la place de quel code je dois mettre ces codes  qui sont entre guillemets?
Aussi, comment choisir l'emplacement voulu de ce bloc, (ce qui dépend de la compréhension des codes HTML et du nom de chaque template)?

Merci d'avance,
Cordialement,
_______________________
Bonjour, j'ai des difficultés à trouver des tutos adaptés au forums phpbb pour le référencement. Je reste joignable par mp.Merci


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Tue 19 Nov 2013 - 20:27    Post subject: [Tuto] Un bloc avec Menu Scroll Reply with quote

Bonjour Alibouma,


pour modifier cette image, vous devez rechercher dans le code ces deux partie la :
Pour l'image MONTER
Code: Sélectionner - Agrandir
<img src="http://img10.xooimage.com/files/c/e/0/msg_savebox-129186.gif" border=0 width="130" height="26">


Pour l'image DESCENDRE
Code: Sélectionner - Agrandir
<img src="http://img8.xooimage.com/files/f/4/0/msg_savebox-129183.gif" border=0 width="130" height="26">




Cordialement t
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 18:59    Post subject: [Tuto] Un bloc avec Menu Scroll

Display posts from previous:   
Reply to topic Page 4 of 4 Goto page: <  1, 2, 3, 4




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401