Accueil
Créer un forumcréation d'un diaporama
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
création d'un diaporama
par Andas Dim 28 Oct 2012 - 15:19
bonjour
comment pourrai-je créer un diaporama afin de visionner quelques photos sélectives au niveau du portail de mon forum?
C'est très gentil de votre part de bien m'expliquer.
Dernière édition par Andas le Lun 29 Oct 2012 - 21:06, édité 3 fois
Andas- *
-
Messages : 31
Inscrit(e) le : 18/06/2011 -
Re: création d'un diaporama
par karinette75 Dim 28 Oct 2012 - 17:02
bonjour
tu veux parler de quelque chose comme ça :
tu veux parler de quelque chose comme ça :
- Code:
<iframe src="http://mestricotinsenfolies.forumgratuit.org/h44-accordeon-a-modifier2" frameborder="2px" width="415" height="230" scrolling="no"></iframe>
karinette75- ****
-
Messages : 342
Inscrit(e) le : 27/10/2011 -
Re: création d'un diaporama
par Andas Dim 28 Oct 2012 - 17:18
Merci de m'avoir compris mais comment pourrai-je mettre des photos ?
Et comment faire pour élargir le widget (changer de dimension de l'image) si ma question est claire.
J'attends la réponse
Dernière édition par Andas le Lun 29 Oct 2012 - 21:06, édité 3 fois (Raison : pour éclaircir mes questions)
Andas- *
-
Messages : 31
Inscrit(e) le : 18/06/2011 -
Re: création d'un diaporama
par karinette75 Dim 28 Oct 2012 - 19:25
alors moi j'ai mis mon code en HTML et ensuite mis en ifram comme ici si tu as vu en survolent les image tu en as une autre qui apparaît enfin du texte pas sur que ça soit vraiment ça que tu veuilles mais si c'est le cas je te donnerai mon code sans soucis après ça sera à toi de l'arranger à ta sauce loll
karinette75- ****
-
Messages : 342
Inscrit(e) le : 27/10/2011 -
Andas- *
-
Messages : 31
Inscrit(e) le : 18/06/2011 -
Re: création d'un diaporama
par karinette75 Lun 29 Oct 2012 - 8:34
- Spoiler:
- Code:
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Titre</title>
<style type="text/css">
/*Image défilante*/
.new_event {
width: 380px;
height: 200px;
margin: 10px auto;
padding: 0;
position: relative;
overflow: hidden;
border:2px solid #311C26;
}
.new_event div {
width: 380px;
height: 200px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}
.fond_blanc {
position: relative;
margin:2px;
}
/* placer les icones avant et après des images défilantes*/
#prev2 {
position: absolute;
top: 110px;
left: 2px;
cursor: pointer;
z-index: 999;
}
#next2 {
position: absolute;
top: 110px;
right: 2px;
cursor: pointer;
z-index: 999;
}
/*Image transparante au passage de la souris*/
.description_contenu
{
position: absolute;
display: block;
width: 363px;
height: 200px;
background-color: #f575e2;
line-height:20px;
font-size: 16px;
color: #fff;
text-align: jutsify;
padding-left:10px;
padding-right:20px;
padding-top:1px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
text-align:justify;
}
.description_contenu:hover
{
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
/* DIV CONTENEUR */
#tfa_news{
width: 400px;
border: 3px solid #333333;
background: #fff;
text-align: left;
height:200px;
}
#tfa_news ol {
list-style: none;
margin:0;
padding:10;
}
#tfa_news ol li{
margin: 0;
padding: 10;
}
/* DIV DU CONTENU */
#tfa_news div{
width:400px;
margin:0px;
}
</style>
<script src="http://ayaels.forumgratuit.org/11648.js" type="text/javascript"></script>
<script src="http://ayaels.forumgratuit.org/12689.js" type="text/javascript"></script>
<script src="http://ayaels.forumgratuit.org/13406.js" type="text/javascript"></script>
</head>
<body>
<table>
<tr>
<td valign="top" rowspan="2"><div class="newandevent"><div class="fond_blanc">
<!-- Slide new_event -->
<!-- BOUTONS AVANT-APRES -->
<span id="prev2">
<img src="http://i46.servimg.com/u/f46/16/36/06/79/action13.png" alt="prev" />
</span>
<span id="next2">
<img src="http://i46.servimg.com/u/f46/16/36/06/79/action14.png" alt="next" />
</span><div class="new_event">
<!-- contenu 1 -->
<div> <div class="description">
<span style="display: block; width: 380px; height: 200px; background: url(ton image) center center no-repeat;">
<span class="description_contenu">
ton texte <a href="ton lien de redirection">En savoir plus? </a></span>
</span>
</div>
</div>
<!-- contenu 2 -->
<div> <div class="description">
<span style="display: block; width: 380px; height: 200px; background: url(ton image) center center no-repeat;">
<span class="description_contenu">
ton texte
<br/>
<a href="ton lien de redirection">? En savoir plus ?</a>
</span>
</span>
</div>
</div>
<!-- contenu 3-->
<div> <div class="description">
<span style="display: block; width: 380px; height: 200px; background: url(ton image) center center no-repeat;">
<span class="description_contenu">ton texte
<br/>
<a href="ton lien de redirection">? En savoir plus ?</a>
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
bonne journée
karinette75- ****
-
Messages : 342
Inscrit(e) le : 27/10/2011 -
Re: création d'un diaporama
par Andas Lun 29 Oct 2012 - 13:21
ça me dépasse,impossible de trouver la solution.
j'aimerai bien que quelqu'un m'aidera à créer un diaporama avec mes photos pour le mettre au niveau du portail de mon forum.
merci d'avance
Dernière édition par Andas le Lun 29 Oct 2012 - 21:10, édité 1 fois
Andas- *
-
Messages : 31
Inscrit(e) le : 18/06/2011 -
Re: création d'un diaporama
par karinette75 Lun 29 Oct 2012 - 15:14
dans le code que je t'ai fourni, tu as juste à mettre" tes liens" à la place de "ton image" dans chaque contenu voilà c'est tout
sinon tu peux aussi faire un diapograme comme ceci avec du texte sous chaque photo :
sinon tu peux aussi faire un diapograme comme ceci avec du texte sous chaque photo :
- Code:
<iframe src="http://mestricotinsenfolies.forumgratuit.org/h38-album-photo" frameborder="2px" width="515" height="330" scrolling="no"></iframe>
karinette75- ****
-
Messages : 342
Inscrit(e) le : 27/10/2011 -
Re: création d'un diaporama
par Andas Lun 29 Oct 2012 - 21:04
Bonsoir;
il fallait me le dire qu'à la place de de "ton image" ,j'aurai dû mettre" mes liens" tout simplement.
Le problème est résolu et je vous félicite de m'avoir aidé.
J'ai voté pour ta première réponse afin que ta réputation soit positive.
Merci encore...
Andas- *
-
Messages : 31
Inscrit(e) le : 18/06/2011 -
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum