Impossible mettre widget sujet récent
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Impossible mettre widget sujet récent
Détails techniques
Version du forum : phpBB2Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : maintenant
Lien du forum : https://sangsmelesoriginels.forumactif.com/
Description du problème
BonjourJ'ai transféré mon code de mise en place du défilement des sujets récents dans ma PA dans le code d'une PA pris sur Nerver Utopia. Mais en le glissant dans le code, les sujets en défilent pas du tout comme si rien ne fonctionnait. Pour info, j'ai supprimé un Slide show pour mettre mon widget à la place.
Voici mon code css et html placé dans Modules, page HTML :
- Code:
.twocols2 {
width: 365px; max-width: 365px;
height: 215px; max-height: 215px;
border: 2px solid #fff;
padding : center;
overflow: hidden;
color: black;
background: white;
}
/*Widget Sujets récents*/
#recent_topics {
color: black;
font-size: 14px;
height: 100px;
width: 100px;
overflow-y:hidden;
overflow-x:auto;
}
<td valign="top">
<!-- SLIDESHOW + VIDEO -->
<!-- Slideshow infini horizontal -->
<div class="twocols2">
<h2>
Derniers messages
</h2>
<table>
<tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">
<td align="left">
<marquee behavior="none" direction="up" scrollamount="3" onmouseout="this.start();" onmouseover="this.stop();" scrollamountstyle="height: 270px;">
<div id="recent_topics">
</div>
<script type="text/javascript"> jQuery.get('/portal',function(data){
jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html());
});
</script>
</marquee>
</td>
</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>
</table>
</div>
Pour voir le résultat cliquer sur INFO sur la PA.
Merci pour votre aide.
Re: Impossible mettre widget sujet récent
Hi,
À défaut de poser la question sur le forum Never Utopia il serait bien d'avoir le lien de l'astuce dont tu parles.
Enfin je pense...
À défaut de poser la question sur le forum Never Utopia il serait bien d'avoir le lien de l'astuce dont tu parles.
Enfin je pense...
Re: Impossible mettre widget sujet récent
je ne vois pas de quelle astuce tu parles. Est ce le fait de vouloir mettre un widget dans le code de la PA de never utopia ?
je suppose que d'avoir retiré le Slide show pour mettre le widget à la place pose le souci. Surement une contradiction de codage, mais j'ai tout retiré pour simplement mettre mon code. Je n'arrive pas à comprendre pourquoi cela ne fonctionne pas.
Il te faudrait quelle partie de code ou quel lien exactement ?
je suppose que d'avoir retiré le Slide show pour mettre le widget à la place pose le souci. Surement une contradiction de codage, mais j'ai tout retiré pour simplement mettre mon code. Je n'arrive pas à comprendre pourquoi cela ne fonctionne pas.
Il te faudrait quelle partie de code ou quel lien exactement ?
Re: Impossible mettre widget sujet récent
Je parle de ce lien :L'ange noir a écrit:quel lien exactement ?
L'ange noir a écrit:dans le code d'une PA pris sur Nerver Utopia.
Re: Impossible mettre widget sujet récent
Oh, j'ai voulu mettre le code, mais cela dit que j'ai mis trop de caractères du coup je n'arrive pas à poster tout. Je vais le mettre en deux fois. Voilà déjà le CSS :
- Code:
<title>PA NALU</title> <meta charset="UTF-8" /> <style>
/*** GENERAL ***/
#pa {background:#202020; width: 800px; margin: 0 auto; color: #fff; line-height: 1.3;}
#pa a {
color: #83a7a7; text-decoration: none;
border-bottom: 1px dotted #f9979d;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
#pa a:hover {
color: #f79292; text-decoration: none;
border-bottom: 1px solid #f9979d;
}
#credits {
text-align: center;
font-family: sans-serif;
font-size: 12px;
padding: 3px 0;
color: #606060;
}
#credits a {
padding-left: 20px;
background: url("https://2img.net/r/hpimg4/pics/171045Ship.png") no-repeat left;
background-size: 14px 14px;
color: #aa434d !important;
text-decoration: none !important;
border: 0px !important;
}
#credits a:hover {
color: #f79292 !important;
}
#credits span {color: #aa434d !important;}
/* CREATION DE 3 ONGLETS POUR NAVIGUER ENTRE LES PAGES */
ul#onglets {
width: 650px; height: 30px;
margin: 0px auto;
padding: 30px 0;
list-style-type: none;
text-align: center;
}
ul#onglets li {
display: inline-block;
margin-right: 6px;
width: 210px; height: 30px;
}
ul#onglets li:hover {
height: 32px;
position: relative; top: -2px;
background: #202020;
cursor: pointer;
}
ul#onglets li:last-child, ul#contentnav li:last-child, ul#predefinis li:last-child { margin-right: 0px;} /* = retrait de l'espace à droite. */
/* CREATION DES PANNEAUX CONTENANT LES 3 CONTENUS DIFFERENTS */
ul#contentOnglets {
width: 650px; min-height: 310px;
margin: 0 auto;
list-style-type: none;
padding: 0;
position: relative;
}
ul#contentOnglets li {
/*position: absolute;*/
top: 0; left: 0;
width: 650px;
}
ul#contentnav {
width: 650px; height: 170px;
margin: 0px auto;
padding: 0px;
list-style-type: none;
text-align: center;
}
ul#contentnav li {
padding: 0; margin: 0;
display: inline-block;
position: static;
width: 320px; height: 170px;
margin-right: 6px;
overflow: hidden;
}
/*** PREMIER ONGLET ***/
#contentcontexte, #contentmenu {
width: 320px; height: 170px;
overflow-y: scroll;
overflow-x: none;
position: relative;
font-family: sans-serif;
font-size: 12px;
color: gray;
line-height: 1.3;
letter-spacing: 1px;
text-align: left;
}
#contentcontexte p {
margin-bottom: 36px;
text-indent: 20px;
}
#contentcontexte img {
position: absolute;
left: 0; top: 0; opacity: 1;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#contentmenu img {
position: absolute;
right: 0; top: 0; opacity: 1;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#contentcontexte:hover img {
left: -320px; opacity: 0;
}
#contentmenu:hover img {
right: -320px; opacity: 0;
}
#contentmenu a {
display: block;
width: 100%; max-width: 100%;
height: 28.33px; line-height: 28.33px;
border: 0;
background: rgba(146,86,86,0);
padding-left: 20px;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#contentmenu a:hover {
display: block;
width: 100%;
height: 28.33px; line-height: 28.33px;
border: 0;
background: rgba(146,86,86,1);
color: #202020;
}
ul#predefinis {
width: 650px; height: 97px;
margin: 24px auto;
padding: 0px;
list-style-type: none;
text-align: center;
}
ul#predefinis li {
padding: 0; margin: 0;
display: inline-block;
position: relative;
width: 72px; height: 97px;
margin-right: 6px;
}
ul#predefinis li .info {display: none;}
ul#predefinis li:hover .info { /* INFOBULLES */
display: block;
position: absolute;
bottom: 105px; left: 0px;
width: 200px; /* IMPORTANT */
background: white;
color: #202020;
font-size: 10px;
font-family: sans-serif;
padding: 10px;
text-align: left;
border-radius: 5px;
}
/* EXCEPTION INFOBULLES 7 & 8 */
ul#predefinis li:nth-child(7):hover .info, ul#predefinis li:nth-child(8):hover .info {
bottom: 105px; right: 0px; left: auto;}
ul#predefinis li:nth-child(7):hover .info .fleche, ul#predefinis li:nth-child(8):hover .info .fleche {
bottom: -8px; right: 30px; left: auto;}
/* FIN EXCEPTION */
.fleche { /* PETIT CURSEUR QUI CIBLE QUEL PERSO ON PARLE */
width: 15px; height: 8px;
background: url("https://i.servimg.com/u/f39/19/07/10/81/fleche10.png") no-repeat;
position: absolute;
bottom: -8px; left: 30px;
}
ul#predefinis li .info a {
color: #f9979d; text-decoration: none;
border-bottom: 1px dotted #f9979d;
}
ul#predefinis li .info a:hover {
color: #202020; text-decoration: none;
border-bottom: 1px solid #f9979d;
}
ul#predefinis li img {
opacity: .7;
}
ul#predefinis li:hover img {
opacity: 1;
}
/**** DEUXIEME ONGLET ****/
ul#presentStaff {
width: 230px;
list-style-type: none;
padding: 20px; margin-left: -15px; 0 auto;
text-align: center;
}
ul#presentStaff li {
position: static;
display: inline-block;
width: 60px; height: 60px;
margin: 6px 3px ;
}
ul#presentStaff li.explic {
position: static;
display: inline-block;
width: 210px; height: 80px;
border: 2px solid #f9979d;
padding: 10px 5px;
vertical-align: middle;
overflow-y: scroll;
color: gray;
font-family: sans-serif;
font-size: 12px;
}
ul#presentStaff li.explic h2 {
display: inline-block;
margin: 0; padding: 0 10px;
color: #f9979d;
font-family: sans-serif;
font-size: 16px; font-weight: normal;
border-bottom: 1px dotted #f9979d;
}
ul#presentStaff li:hover img {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
/**** Sujets Récents ***/
.twocols2 {
width: 365px; max-width: 365px;
height: 215px; max-height: 215px;
border: 2px solid #fff;
padding : center;
overflow: hidden;
color: black;
background: white;
}
/*Widget Sujets récents*/
#recent_topics {
color: black;
font-size: 14px;
height: 100px;
width: 100px;
overflow-y:hidden;
overflow-x:auto;
}
#credcss {position: absolute; bottom: -27px; right: 0;}
#credcss, #credcss a { font-size: 9px; color: #404040; text-transform: uppercase; font-family: sans-serif; border: 0 !important;}
/***** FIN DES SUJETS RECENTS ****/
/*** TROISIEME ONGLET ***/
#partenaires { padding-left: 40px;}
#partenaires h1
{margin: 10px; margin-top: 40px; margin-bottom: 5px; }
ul#sous-partenaires {
display: block;
width: 280px; max-width: 280px;
height: 130px; max-height: 130px;
margin: 10px; padding: 0;
list-style-type: none;
text-align: center;
float: left;
}
ul#sous-partenaires li {
position: static;
width: 88px; height: 31px;
overflow: hidden; display: inline-block;
margin-right: 2px; margin-bottom: 2px;
}
.topsites a {
border: 0px !important;
margin-right: 1px;
}
#sous-partenaires li img, .topsites img{
opacity: .5;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
#sous-partenaires li:hover img, .topsites img:hover {
opacity: 1;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
</style>
Re: Impossible mettre widget sujet récent
Maintenant je mets le HTML à partir de la seconde partie uniquement car trop long aussi :
- Code:
<!-- LE 2EME ONGLET COMMENCE ICI -->
<table border="0" style="width: 650px;">
<tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">
<td style="width: 230px;" valign="top">
<ul id="presentStaff">
<!-- CHANGEMENT STAFF 1 -->
<li onmouseover="javascript:staff1()">
<img src="https://i.servimg.com/u/f24/19/42/82/69/sans_t25.png" alt="Staff" />
</li>
<li onmouseover="javascript:staff3()">
<img src="https://i.servimg.com/u/f24/19/42/82/69/test9610.png" alt="Staff" />
</li>
<li class="explic">
<!-- CHANGEMENT INFOS STAFF -->
<div id="defaut">
<h2>
Les membres du staff
</h2>
<p>
Laissez-nous vous présenter les membres de notre staff.
</p>
</div>
<div style="display: none;" id="staff1">
<h2>
Sélène Craft
</h2>
<p>
Il est super cool ^^
</p>
</div>
<div style="display: none;" id="staff2">
<h2>
Membre 2
</h2>
<p>
Il est méchantttt !
</p>
</div>
<div style="display: none;" id="staff3">
<h2>
L'Ange Noir
</h2>
<p>
Il est chinakawah.
</p>
</div>
<div style="display: none;" id="staff4">
<h2>
Le Démon
</h2>
<p>
Il est michant !!!
</p>
</div>
<div style="display: none;" id="staff5">
<h2>
La Dévotion
</h2>
<p>
Il est dictateur
</p>
</div>
<div style="display: none;" id="staff6">
<h2>
L'oracle
</h2>
<p>
Il est amusant
</p>
</div>
</li>
<!-- CHANGEMENT STAFF 2 -->
<li onmouseover="javascript:staff4()">
<img src="https://i.servimg.com/u/f24/19/42/82/69/test310.png" alt="Staff" />
</li>
<li onmouseover="javascript:staff5()">
<img src="https://i.servimg.com/u/f24/19/42/82/69/sans_t24.png" alt="Staff" />
</li>
<li onmouseover="javascript:staff6()">
<img src="https://i.servimg.com/u/f24/19/42/82/69/sans_t23.png" alt="Staff" />
</li>
</ul>
</td>
<td valign="top">
<!-- SLIDESHOW + VIDEO -->
<!-- Slideshow infini horizontal -->
<div class="twocols2">
<h2>
Derniers messages
</h2>
<table>
<tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">
<td align="left">
<marquee behavior="none" direction="up" scrollamount="3" onmouseout="this.start();" onmouseover="this.stop();" scrollamountstyle="height: 270px;">
<div id="recent_topics">
</div>
<script type="text/javascript"> jQuery.get('/portal',function(data){
jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html());
});
</script>
</marquee>
</td>
</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>
</table>
</div>
<!-- fin slideshow -->
<div id="credcss">
Slideshow by <a href="http://www.css-actif.com/t13010-slideshow-horizontal-infini">CSSActif</a>
</div>
</td>
</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>
</table>
</li>
<!-- FIN DU DEUXIEME ONGLET -->
<li style="display: none;" id="part3">
<!-- LE 3EME ONGLET COMMENCE ICI -->
<div align="center">
</div>
<table border="0" style="width: 650px;">
<tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">
<td valign="top" id="partenaires">
<!-- partenaires & topsites -->
<div align="left">
<h1>
<img src="https://i.servimg.com/u/f39/19/07/10/81/parten10.png" alt="Nos partenaires" />
</h1>
</div>
<br />
<div align="center">
<ul id="sous-partenaires">
<li>
<a target="_blank" href="http://20serneuerung.forumactif.com/"><img src="https://i.imgur.com/d8ngmIU.jpg" alt="Nom Partenaire" /></a>
</li>
<li>
<a target="_blank" href="http://asaria-evolution.forumactif.org"><img src="https://2img.net/r/hpimg4/pics/663170368006asatest.gif" alt="Nom Partenaire" /></a>
</li>
<li>
<a target="_blank" href="http://atlantisinsurrection.forumactif.fr"><img src="https://2img.net/image.noelshack.com/fichiers/2014/32/1407326857-
bouton8831pegase.png" alt="Nom Partenaire" /></a>
</li>
<li>
<a target="_blank" href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" alt="Nom Partenaire" /></a>
</li>
<li>
<a target="_blank" href="http://divinetemptation.forumactif.org"><img src="https://2img.net/r/hpimg4/pics/537513DivineTemptation3.jpg" alt="Nom Partenaire" /></a>
</li>
<li>
<a target="_blank" href="http://laserenissime.forumactif.org/"><img src="https://www.zupimages.net/up/17/14/tcxq.gif" alt="Nom Partenaire" /></a>
</li>
</ul>
</div>
<div align="right">
<h1 style="padding-bottom: 18px; margin-right: 90px; margin-top: -45px !important;">
<img src="https://i.servimg.com/u/f39/19/07/10/81/topsit10.png" alt="Nos Topsites" />
</h1>
</div>
<br />
<div align="center">
<div class="topsites">
<!-- CHANGEMENT TOP SITES --> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img "="" src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a>
</div>
</div>
</td>
</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>
</table>
</li>
</ul>
<p id="credits">
<span style="font-size: 10px;">~ Codée avec <span>:hearts:</span> sur <a target="_blank" href="http://www.never-utopia.com/">Never-Utopia</a></span>
</p>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript">
$(function () {
//VARIABLES MODIFIABLES
var delaiSwitch = 5000; // Délai (en ms) d'affichage d'un slide
var delaiTransition = 1000; // Délai (en ms) de l'animation de transition
var direction = 'left'; // Sens (left ou right) du défilement
var idSlideshow = '#slideshow'; // ID du slideshow
var idContainer = '#slideshow-container'; // ID du container
//VARIABLES SYSTEME
var slideshowWidth = parseInt($(idSlideshow).css('width'));
var slideshowHeight = parseInt($(idSlideshow).css('height'));
var nbSlides = $(idContainer+' > .slide').length;
//ADAPTE LA TAILLE DU CONTENEUR AU NOMBRE DE BLOCS QU'IL CONTIENT
$(idContainer).css('width', slideshowWidth*nbSlides+'px');
//REDEFINIT LE CONTENU POUR SUPPRIMER LES EVENTUELS ECARTS DUS AUX BORDERS
if(direction==='right') {
var decalageLeft = -slideshowWidth*(nbSlides-1);
$(idContainer).css('left', decalageLeft+'px');
$(idContainer+' > .slide').each(function() {
var el = $(this).remove();
$(idContainer).prepend(el);
}, this);
} else {
$(idContainer+' > .slide').each(function() {
var el = $(this).remove();
$(idContainer).append(el);
}, this);
}
//ADAPTE LA TAILLE DES IMAGES AUX DIMENSIONS DU SLIDESHOW
$(idSlideshow+' img').css('max-width', slideshowWidth);
$(idSlideshow+' img').css('max-height', slideshowHeight);
//LANCEMENT DE L'ANIMATION
setInterval(function() {
slideshow()
}, delaiSwitch);
//FONCTION DE DEFILEMENT
function slideshow() {
var compteur = 0; // Compte les slides ayant bougé
if(direction==='right') {
$(idContainer+' > .slide').animate({left: '+='+slideshowWidth}, delaiTransition, function() {
compteur++;
// Lorsque le dernier slide à bougé, on crée la boucle
if(compteur===nbSlides) {
var el = $(idContainer+' > .slide:last').remove();
$(idContainer).prepend(el);
$(idContainer+' > .slide').css('left', '0');
compteur = 0;
}
});
} else {
$(idContainer+' > .slide').animate({left: '-='+slideshowWidth}, delaiTransition, function() {
compteur++;
// Lorsque le dernier slide à bougé, on crée la boucle
if(compteur===nbSlides) {
var el = $(idContainer+' > .slide:first').remove();
$(idContainer).append(el);
$(idContainer+' > .slide').css('left', '0');
compteur = 0;
}
});
}
}
});
function onglet1() {
document.getElementById('part1').style.display='block';
document.getElementById('part2').style.display='none';
document.getElementById('part3').style.display='none';}
function onglet2() {
document.getElementById('part1').style.display='none';
document.getElementById('part2').style.display='block';
document.getElementById('part3').style.display='none';}
function onglet3() {
document.getElementById('part1').style.display='none';
document.getElementById('part2').style.display='none';
document.getElementById('part3').style.display='block';}
// FIN ONGLETS
function staff1() {
document.getElementById('defaut').style.display='none';
document.getElementById('staff1').style.display='block';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='none';
document.getElementById('staff6').style.display='none';}
function staff2() {
document.getElementById('defaut').style.display='none';
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='block';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='none';
document.getElementById('staff6').style.display='none';}
function staff3() {
document.getElementById('defaut').style.display='none';
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='block';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='none';
document.getElementById('staff6').style.display='none';}
function staff4() {
document.getElementById('defaut').style.display='none';
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='block';
document.getElementById('staff5').style.display='none';
document.getElementById('staff6').style.display='none';}
function staff5() {
document.getElementById('defaut').style.display='none';
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='block';
document.getElementById('staff6').style.display='none';}
function staff6() {
document.getElementById('defaut').style.display='none';
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='none';
document.getElementById('staff6').style.display='block';}
</script>
Re: Impossible mettre widget sujet récent
C'est si compliqué que ça de donner le lien de l'endroit où tu as pris ce code ?
Re: Impossible mettre widget sujet récent
Pardon, je n'avais pas compris. C'est ma co admin qui l'a trouvé. Je le lui demande et reviens le poster. Vraiment désolé. J'attends son retour et te fais ça au plus vite.
Re: Impossible mettre widget sujet récent
Hello L'ange noir,
il vaut mieux aller dans le template concerné et englober la partie concernée,
en l’occurrence le scroll.
Dans le template mod_recent_topics:
Affichage/Templates/Portail/mod_recent_topics
Recherches ceci:
Supprimes et remplaces par:
Penses a enregistrer puis à valider en cliquant respectivement sur puis
Puis modifies le code html que tu as déposé dans ta page d'accueil par celui-ci:
Et voilou.
a++
il vaut mieux aller dans le template concerné et englober la partie concernée,
en l’occurrence le scroll.
Dans le template mod_recent_topics:
Affichage/Templates/Portail/mod_recent_topics
Recherches ceci:
- Code:
<!-- BEGIN scrolling_row -->
{MARQUEE_JS_SRC}
<table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25">
<span class="genmed module-title">{L_RECENT_TOPICS}</span>
</td>
</tr>
<tr>
<td class="row1" style="height:{SCROLL_HEIGHT}px;">
<div class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
<!-- BEGIN recent_topic_row -->
» <a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
<img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}
<!-- BEGIN switch_poster -->
<a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
<!-- END switch_poster_guest -->
<!-- END recent_topic_row -->
</div>
</td>
</tr>
</table>
<script>
$(".marquee").marquee();
</script>
<!-- END scrolling_row -->
Supprimes et remplaces par:
- Code:
<div id="M14_post_recents">
<!-- BEGIN scrolling_row -->
{MARQUEE_JS_SRC}
<table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25">
<span class="genmed module-title">{L_RECENT_TOPICS}</span>
</td>
</tr>
<tr>
<td class="row1" style="height:{SCROLL_HEIGHT}px;">
<div class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
<!-- BEGIN recent_topic_row -->
» <a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
<img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}
<!-- BEGIN switch_poster -->
<a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
<!-- END switch_poster_guest -->
<!-- END recent_topic_row -->
</div>
</td>
</tr>
</table>
<script>
$(".marquee").marquee();
</script>
<!-- END scrolling_row -->
</div>
Penses a enregistrer puis à valider en cliquant respectivement sur puis
Puis modifies le code html que tu as déposé dans ta page d'accueil par celui-ci:
- Code:
<style>
.twocols2 {
width: 365px; max-width: 365px;
height: 215px; max-height: 215px;
border: 2px solid #fff;
padding : center;
overflow: hidden;
color: black;
background: white;
}
/*Widget Sujets récents*/
#recent_topics {
color: black;
font-size: 14px;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: auto;
}
</style>
<marquee scrollamountstyle="height: 270px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3" direction="up" behavior="none">
<div id="recent_topics">
</div>
<script type="text/javascript"> jQuery.get('/portal',function(data){
jQuery('#recent_topics').html(jQuery(data).find('#M14_post_recents').html());
});
</script>
</marquee>
Et voilou.
a++
Invité- Invité
Re: Impossible mettre widget sujet récent
Bonsoir
Merci pour ton aide Milouze. Cela ne fonctionne pas. J'ai peut être fait une erreur.
Voici ce que j'ai fais dans mon html :
Merci pour ton aide Milouze. Cela ne fonctionne pas. J'ai peut être fait une erreur.
Voici ce que j'ai fais dans mon html :
- Code:
<td valign="top">
<div class="twocols2">
<h2>
Derniers messages
</h2>
<table>
<tr style="">
<td align="left">
<marquee scrollamountstyle="height: 270px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3" direction="up" behavior="none">
<div id="recent_topics">
</div>
<script type="text/javascript"> jQuery.get('/portal',function(data){
jQuery('#recent_topics').html(jQuery(data).find('#M14_post_recents').html());
});
</script>
</marquee>
</td></tr>
</table>
</div>
Re: Impossible mettre widget sujet récent
Hello L'ange noir,
Comme mentionné dans mon message:
Tu n'as pas mentionné que tu avais créée une page html!!!
Tu peux donner le code html complet de cette page et mentionner si tu as coché le haut de page.
a++
L'ange noir a écrit:Bonsoir
Merci pour ton aide Milouze. Cela ne fonctionne pas. J'ai peut être fait une erreur.
Voici ce que j'ai fais dans mon html :
- Code:
<td valign="top">
<div class="twocols2">
<h2>
Derniers messages
</h2>
<table>
<tr style="">
<td align="left">
<marquee scrollamountstyle="height: 270px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3" direction="up" behavior="none">
<div id="recent_topics">
</div>
<script type="text/javascript"> jQuery.get('/portal',function(data){
jQuery('#recent_topics').html(jQuery(data).find('#M14_post_recents').html());
});
</script>
</marquee>
</td></tr>
</table>
</div>
Comme mentionné dans mon message:
Puis modifies le code html que tu as déposé dans ta page d'accueil par celui-ci:
Tu n'as pas mentionné que tu avais créée une page html!!!
Tu peux donner le code html complet de cette page et mentionner si tu as coché le haut de page.
a++
Invité- Invité
Re: Impossible mettre widget sujet récent
Bonjour
Milouze, dans les pages au dessus, j'ai mis tout le code css et html de la page créée dans les modules. J'ai dû poster en plusieurs fois pour que ça rentre. ^^
Je me demande si le code tout en bas ne me met pas des bâtons dans les roues. Toute la PA semble faite en un immense SlideShow chose que je ne fais jamais parce que je n'y connais rien en Javascript.
J'ai vérifié que le widget fonctionnait bien hier en l'activant et il fonctionne très bien. Donc ça, déjà c'est bon. Ne reste plus qu'à le mettre là où je veux sur la PA....
Milouze, dans les pages au dessus, j'ai mis tout le code css et html de la page créée dans les modules. J'ai dû poster en plusieurs fois pour que ça rentre. ^^
Je me demande si le code tout en bas ne me met pas des bâtons dans les roues. Toute la PA semble faite en un immense SlideShow chose que je ne fais jamais parce que je n'y connais rien en Javascript.
J'ai vérifié que le widget fonctionnait bien hier en l'activant et il fonctionne très bien. Donc ça, déjà c'est bon. Ne reste plus qu'à le mettre là où je veux sur la PA....
Re: Impossible mettre widget sujet récent
Bonjour
j'ai eu une petit succès ce matin. j'ai réussi à mettre le défilement des sujets récents dans la case prévue. Le tout est de maintenant réussir à retirer le slide et à ne garder que le widget.
Vous pouvez voir en cliquant sur infos : https://sangsmelesoriginels.forumactif.com/
j'ai eu une petit succès ce matin. j'ai réussi à mettre le défilement des sujets récents dans la case prévue. Le tout est de maintenant réussir à retirer le slide et à ne garder que le widget.
Vous pouvez voir en cliquant sur infos : https://sangsmelesoriginels.forumactif.com/
Re: Impossible mettre widget sujet récent
Hi,
Tu veux supprimer le défilement de bas en haut ?
Tu veux supprimer le défilement de bas en haut ?
Re: Impossible mettre widget sujet récent
Bonjour
En fait, j'ai fini par trouvé ce matin et j'ai réglé le souci. Je retirais trop du code et ça ne pouvait pas fonctionner. Mon souci est réglé. merci pour votre investissement.
En fait, j'ai fini par trouvé ce matin et j'ai réglé le souci. Je retirais trop du code et ça ne pouvait pas fonctionner. Mon souci est réglé. merci pour votre investissement.
Sujets similaires
» Widget "sujet recent" et petit soucis .
» Widget Sujet recent ne s'affiche plus
» Widget Sujet Récent : liens en escalier
» Widget Sujet Récent incompatibilité Firefox
» "sujet recent" au milieu
» Widget Sujet recent ne s'affiche plus
» Widget Sujet Récent : liens en escalier
» Widget Sujet Récent incompatibilité Firefox
» "sujet recent" au milieu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum