Un code de news

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

Résolu Un code de news

Message par undertaker999 le Jeu 1 Juil 2010 - 16:29

Bonjour,

Voici ma probleme:

J'avais dans l'idée de construire un news box (Je sais pas si ça s'appelle comme ça) alors j'ai fait mes petite recherche sur le net et je suis arriver sur une au quelle je souhaiterais vraiment avoir.

Le lien de celle-ci : http://www.efectorelativo.net/laboratory/noobSlide/
: Celle que j'aime la plus est le numéro 4 (SAMPLE 4) en millieu de page

Donc ma question est la suivante, est-ce que c'est possible de construire se type de news sur notre forum étant donné le faites qu'il y a du javascript? Si oui ou pouvons nous installer ce script ?

Merci de vos réponses, Stéphane


Spoiler:
Code:
var nS4 = new noobSlide({
         box: $('box4'),
         items: $$('#box4 div'),
         size: 480,
         handles: $$('#handles4 span'),
         onWalk: function(currentItem,currentHandle){
            $('info4').set('html',currentItem.getFirst().innerHTML);
            this.handles.removeClass('active');
            currentHandle.addClass('active');
         }
      });

Code:
<h2>Sample 4</h2><div class="sample">
   <div class="mask3">
      <div id="box4">

         <div>
            <h3>1. Lorem ipsum dolor sit amet</h3>
            <img src="img1.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
         </div>

         <div>
            <h3>2. Nullam porttitor tortor et sem</h3>
            <img src="img2.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus.</p>
            <p>Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
         </div>

         <div>
            <h3>3. Aenean consectetuer nibh sedt</h3>
            <img src="img3.jpg" alt="Photo" />
            <ul>
               <li>Duis consequat laoreet libero.</li>
               <li>Nullam scelerisque porta arcu.</li>
               <li>Praesent ut tortor quis nunc vehicula interdum.</li>
               <li>Cras ultrices venenatis justo.</li>
               <li>Duis eu ligula at justo tempus varius.</li>
               <li>Vivamus mattis ante et arcu.</li>
               <li>Nulla eleifend dignissim neque.</li>
               <li>Donec ut elit vel nisi mollis volutpat.</li>
            </ul>
         </div>

         <div>
            <h3>4. Pellentesque ac dolor</h3>
            <img src="img4.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
         </div>

         <div>
            <h3>5. Pellentesque ac dolor</h3>
            <img src="img5.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
         </div>

         <div>
            <h3>6. Lorem ipsum dolor sit amet</h3>
            <img src="img6.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
         </div>

         <div>
            <h3>7. Nullam porttitor tortor et sem</h3>
            <img src="img7.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus.</p>
            <p>Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
         </div>

         <div>
            <h3>8. Aenean consectetuer nibh sedt</h3>
            <img src="img8.jpg" alt="Photo" />
            <ul>
               <li>Duis consequat laoreet libero.</li>
               <li>Nullam scelerisque porta arcu.</li>
               <li>Praesent ut tortor quis nunc vehicula interdum.</li>
               <li>Cras ultrices venenatis justo.</li>
               <li>Duis eu ligula at justo tempus varius.</li>
               <li>Vivamus mattis ante et arcu.</li>
               <li>Nulla eleifend dignissim neque.</li>
               <li>Donec ut elit vel nisi mollis volutpat.</li>
            </ul>
         </div>

      </div>
   </div>
   <h4>Show: <span id="info4"></span></h4>
   <p class="buttons" id="handles4">
      <span>1. Uno</span>
      <span>2. Dos</span>
      <span>3. Tres</span>
      <span>4. Cuatro</span>
      <span>5. Cinco</span>
      <span>6. Seis</span>
      <span>7. Siete</span>
      <span>8. Ocho</span>
   </p>
</div>

Voici le code offert par le site...


Dernière édition par undertaker999 le Jeu 8 Juil 2010 - 22:51, édité 1 fois

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par Dirty Prince le Jeu 1 Juil 2010 - 22:44

Bonjour !

Oui, le Javascript est accepté sur les forum ^^

Pour ce faire, copier coller simplement le code donné dans le message d'accueil *par exemple* et le CSS dans la feuille CSS de Forum actif.
Normalement, il ne devrait pas y avoir de problèmes.

En espérant avoir pu t'aider

Dirty Prince
****

Féminin
Messages : 257
Inscrit(e) le : 27/08/2009

http://infam-industry.forum-actif.net/forum.htm
Dirty Prince a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par undertaker999 le Ven 2 Juil 2010 - 2:57

Spoiler:


Résultat ???

Pourriez-vous me dire ou se trouve l'erreur ?

Merci pour votre réponse, Stéphane

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par Dirty Prince le Ven 2 Juil 2010 - 12:07

Ah en fait désolée, j'avais mal regardé, ce n'est pas du CSS XD

Mh... Je pense éventuellement avoir une solution...

Essayer de rentrer ceci directement dans le message ?:

Code:

<h2>Sample 4</h2><div class="sample">
  <div class="mask3">
      <div id="box4">

        <div>
            <h3>1. Lorem ipsum dolor sit amet</h3>
            <img src="img1.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
        </div>

        <div>
            <h3>2. Nullam porttitor tortor et sem</h3>
            <img src="img2.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus.</p>
            <p>Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
        </div>

        <div>
            <h3>3. Aenean consectetuer nibh sedt</h3>
            <img src="img3.jpg" alt="Photo" />
            <ul>
              <li>Duis consequat laoreet libero.</li>
              <li>Nullam scelerisque porta arcu.</li>
              <li>Praesent ut tortor quis nunc vehicula interdum.</li>
              <li>Cras ultrices venenatis justo.</li>
              <li>Duis eu ligula at justo tempus varius.</li>
              <li>Vivamus mattis ante et arcu.</li>
              <li>Nulla eleifend dignissim neque.</li>
              <li>Donec ut elit vel nisi mollis volutpat.</li>
            </ul>
        </div>

        <div>
            <h3>4. Pellentesque ac dolor</h3>
            <img src="img4.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
        </div>

        <div>
            <h3>5. Pellentesque ac dolor</h3>
            <img src="img5.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
        </div>

        <div>
            <h3>6. Lorem ipsum dolor sit amet</h3>
            <img src="img6.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus. Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
        </div>

        <div>
            <h3>7. Nullam porttitor tortor et sem</h3>
            <img src="img7.jpg" alt="Photo" />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ac dolor. Aenean consectetuer nibh sed ante pretium egestas. Fusce hendrerit. Duis ultrices tristique diam.</p>
            <p>Quisque aliquet accumsan lectus. Nullam porttitor tortor et sem. Nulla lobortis, leo elementum fringilla mollis, magna neque rhoncus lorem, vitae venenatis tellus felis vitae lacus.</p>
            <p>Nunc ante. Cras sodales. Quisque augue enim, rutrum quis, dignissim quis, convallis molestie, nisi. Praesent at lacus. Aenean tincidunt. In hac habitasse platea dictumst.</p>
        </div>

        <div>
            <h3>8. Aenean consectetuer nibh sedt</h3>
            <img src="img8.jpg" alt="Photo" />
            <ul>
              <li>Duis consequat laoreet libero.</li>
              <li>Nullam scelerisque porta arcu.</li>
              <li>Praesent ut tortor quis nunc vehicula interdum.</li>
              <li>Cras ultrices venenatis justo.</li>
              <li>Duis eu ligula at justo tempus varius.</li>
              <li>Vivamus mattis ante et arcu.</li>
              <li>Nulla eleifend dignissim neque.</li>
              <li>Donec ut elit vel nisi mollis volutpat.</li>
            </ul>
        </div>

      </div>
  </div>
  <h4>Show: <span id="info4"></span></h4>
  <p class="buttons" id="handles4">
      <span>1. Uno</span>
      <span>2. Dos</span>
      <span>3. Tres</span>
      <span>4. Cuatro</span>
      <span>5. Cinco</span>
      <span>6. Seis</span>
      <span>7. Siete</span>
      <span>8. Ocho</span>
  </p>
</div>
<script>var nS4 = new noobSlide({
        box: $('box4'),
        items: $$('#box4 div'),
        size: 480,
        handles: $$('#handles4 span'),
        onWalk: function(currentItem,currentHandle){
            $('info4').set('html',currentItem.getFirst().innerHTML);
            this.handles.removeClass('active');
            currentHandle.addClass('active');
        }
      });</script>

Je n'ai pas testé et ne garantie donc pas l'efficacité, et m'en excuse sincèrement...

Dirty Prince
****

Féminin
Messages : 257
Inscrit(e) le : 27/08/2009

http://infam-industry.forum-actif.net/forum.htm
Dirty Prince a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par undertaker999 le Ven 2 Juil 2010 - 15:11

Non malheureusement sa donne le même résultats...

le seul changement c'est qu'il n'y a plus de /'' et ''/ qui encadre les mots photo...

C'est probablement impossible...

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par undertaker999 le Lun 5 Juil 2010 - 1:21

D'autre proposition ... :p

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par undertaker999 le Mar 6 Juil 2010 - 1:23

Up Up Up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par undertaker999 le Mer 7 Juil 2010 - 1:03

7Up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par james beckett le Mer 7 Juil 2010 - 10:46

Bonjours,

Etes-vous sûr de votre script? car même en l'affichant correctement il ne fonctionne pas.


a+

james beckett
****

Masculin
Messages : 338
Inscrit(e) le : 11/10/2009

http://dailylife.forumactif.org/index.htm
james beckett a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par dawyde le Mer 7 Juil 2010 - 12:44

Il me semble qu'il s'agit d'un plugin montools, il faut donc ajouter montools et son plugin dans les script chargé par la page Wink

dawyde
***

Masculin
Messages : 108
Inscrit(e) le : 09/12/2005

http://bde-peip.exentop.fr
dawyde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par undertaker999 le Mer 7 Juil 2010 - 16:58

Si je comprends bien il n'a aucune façon de faire fonctionner le script...


undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par james beckett le Mer 7 Juil 2010 - 17:57

Salut,

Mon ordi est assez rempli de m***.

Met essaye de télécharger les fichiers ils y sont peut-être dedans.

A+

james beckett
****

Masculin
Messages : 338
Inscrit(e) le : 11/10/2009

http://dailylife.forumactif.org/index.htm
james beckett a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par undertaker999 le Mer 7 Juil 2010 - 18:22

Effectivement c'est pourtant les scripts que j'ai utilisé...

Cependant ça se pourrait que ça ne fonctionne pas sur les forums, car pour les sites (J'ai fait l'essai) Ça fonctionne perfecto :p

Je crois donc faire la demande d'un script plutôt de faire expliquer celui-ci étant donné le faites que forumactifs ne le support peut-être Pas

Merci pour vos réponses, Stéphane

* Si vous trouvez une nouvelle façon de faire ouvrir le news sur votre forum, j'aimerais vraiment connaitre comment vous avez faites

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par james beckett le Mer 7 Juil 2010 - 22:55

Salut j'ai peut-être une idée.

Tu pourrais heberger le script sur ton site et après tu met une i-frame? non


A+ James

james beckett
****

Masculin
Messages : 338
Inscrit(e) le : 11/10/2009

http://dailylife.forumactif.org/index.htm
james beckett a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par undertaker999 le Jeu 8 Juil 2010 - 1:16

Oui c'est vrai je n'y avait pas pensée...

Je vais essayer !


Dernière édition par undertaker999 le Jeu 8 Juil 2010 - 1:42, édité 1 fois

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par james beckett le Jeu 8 Juil 2010 - 1:19

Salut,

Ok tiens nous au courant Wink

A+

james beckett
****

Masculin
Messages : 338
Inscrit(e) le : 11/10/2009

http://dailylife.forumactif.org/index.htm
james beckett a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code de news

Message par undertaker999 le Jeu 8 Juil 2010 - 1:43

Merci :p

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

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