Images coulissante
4 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
Images coulissante
Bonjour je voudrais faire cet effet sur mon forum les image qui coulissent: http://elegance-design.forumactif.com en haut la où il y a les partenaires.
Dernière édition par Hemma le Sam 11 Juin 2011 - 23:52, édité 2 fois
Re: Images coulissante
UUUUUUUUUUUUUUUUUUUUUUUPPPPPPPPPPPPPPPPPPPPPPP
Re: Images coulissante
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif |
Re: Images coulissante
S'il vous plait aidez moi!
Re: Images coulissante
Bonsoir,
J'ai fait une petite recherche en tapant "images coulissantes" sur google. Différents sites donnent les codes pour le faire, mais manifestement, il faut être assez calé en HTML et CSS pour réaliser cela. Tentez éventuellement cette recherche par vous-même, essayez les codes et si vous n'y parvenez pas, mettez ce que vous avez trouvé/essayé de faire ici pour que des membres chevronné en HTML et CSS puissent vous aider.
Cordialement
J'ai fait une petite recherche en tapant "images coulissantes" sur google. Différents sites donnent les codes pour le faire, mais manifestement, il faut être assez calé en HTML et CSS pour réaliser cela. Tentez éventuellement cette recherche par vous-même, essayez les codes et si vous n'y parvenez pas, mettez ce que vous avez trouvé/essayé de faire ici pour que des membres chevronné en HTML et CSS puissent vous aider.
Cordialement
Invité- Invité
Re: Images coulissante
Bonjour
ce que tu cherche a faire , c'est un menu accordéon
voici un tuto
http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html
Amicalement
ce que tu cherche a faire , c'est un menu accordéon
voici un tuto
http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html
Amicalement
Re: Images coulissante
oui c'est ça le premier exemple
Re: Images coulissante
j'ai fait une petite recherche , car je ne pourrais pas t'aider , ne l'ayant jamais fait
https://forum.forumactif.com/search?search_keywords=accordeon
celui ci en particulier
https://forum.forumactif.com/t292406-menu-accordeon-horizontal-resolu-merci?highlight=accordeon
https://forum.forumactif.com/search?search_keywords=accordeon
celui ci en particulier
https://forum.forumactif.com/t292406-menu-accordeon-horizontal-resolu-merci?highlight=accordeon
Re: Images coulissante
Ce n'est pas vraiment ça mais je voudrais avoir la moitié de l'image qui se voit et puis quand on passe la souris dessus l'image s'étire et on voit toute l'image.(Si vous voyez ce que je veux dire).
Re: Images coulissante
Bonjour, regarde sur ce tuto c'est très bien expliquer ^^
chipie23- ***
-
Messages : 187
Inscrit(e) le : 30/06/2010
Re: Images coulissante
Je dois m'inscrire je l'ai fait mais ils ne veulent pas m'inscrire.
Re: Images coulissante
bonjour, as tu confirmer ton email ?
chipie23- ***
-
Messages : 187
Inscrit(e) le : 30/06/2010
Re: Images coulissante
Non il ne veulent pas il mettent :Vous ne pouvez pas vous inscrire sur ce forum.
Re: Images coulissante
Bonjour à quel niveau on te donne cette phrase
chipie23- ***
-
Messages : 187
Inscrit(e) le : 30/06/2010
Re: Images coulissante
Quand j'ai fini de remplir la fiche et quand je valide
Re: Images coulissante
C'est bon mais seul les utilisateurs ayant un accès spécial peuvent lire
Re: Images coulissante
sur ce forum il faut se présenter
chipie23- ***
-
Messages : 187
Inscrit(e) le : 30/06/2010
Re: Images coulissante
je vais le faire
Re: Images coulissante
Ça ne marche toujours pas ils me mettent la même chose.
Re: Images coulissante
Bonjour
je viens de le tester , et chez moi ça fonctionne
il y a 3 scripts qu'il faudra que tu héberge toi même c'est plus sûr
http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js
http://s3.archive-host.com/membres/up/1696114791/java/kwi/jquerykwicks-151pack.js
http://s3.archive-host.com/membres/up/1696114791/java/jqueryeasing13.js
ensuite il faut que tu prépare ta liste de partenaire , de cette façon
et ainsi de suite suivant le nombre de partenaire que tu veux mettre
après tout cela est a mettre dans une page HTML
comme ça
après , dans le message de la page d'accueil , tu mets
Amicalement
je viens de le tester , et chez moi ça fonctionne
il y a 3 scripts qu'il faudra que tu héberge toi même c'est plus sûr
http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js
http://s3.archive-host.com/membres/up/1696114791/java/kwi/jquerykwicks-151pack.js
http://s3.archive-host.com/membres/up/1696114791/java/jqueryeasing13.js
ensuite il faut que tu prépare ta liste de partenaire , de cette façon
- Code:
<li id="image1"><a href="LIEN DU FORUM" target="_blank"><img src="LIEN DE L IMAGE " /></a></li>
<li id="image2"><a href="LIEN DU FORUM" target="_blank"><img src="LIEN DE L IMAGE" /></a></li>
et ainsi de suite suivant le nombre de partenaire que tu veux mettre
après tout cela est a mettre dans une page HTML
comme ça
- Code:
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test_1</title>
<style type="text/css">
.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.kwicks li{
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
}
.kwicks li{
float: left;
width: 55px; /* la partie qui sera visible */
height: 55px; /* hauteur de l'image */
}
#image1 {
background-image: url('adresse de l'image') ;
}
#image2 {
background-image: url('adresse de l'image');
}
#image3 {
background-image: url('adresse de l'image');
}
#image4 {
background-image: url('adresse de l'image');
}
#image5{
background-image: url('adresse de l'image');
}
#image6{
background-image: url('adresse de l'image');
}
#image7{
background-image: url('adresse de l'image');
}
#image8{
background-image: url('adresse de l'image');
margin-right: 0px;
}
</style>
</head>
<body>
<ul class="kwicks"><li id="image1"><a href="LIEN DU FORUM" target="_blank"><img src="LIEN DE L IMAGE " /></a></li>
<li id="image2"><a href="LIEN DU FORUM" target="_blank"><img src="LIEN DE L IMAGE" /></a></li>
</ul>
<script src="http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js" type="text/javascript"></script>
<script src="http://s3.archive-host.com/membres/up/1696114791/java/jqueryeasing13.js" type="text/javascript"></script>
<script src="http://s3.archive-host.com/membres/up/1696114791/java/kwi/jquerykwicks-151pack.js" type="text/javascript"></script>
<script language="JavaScript">
$().ready(function() {
$('.kwicks').kwicks({
max: 100,
spacing: 2,
duration: 1200,
easing: 'easeOutBounce'
});
});
</script>
</body>
</html>
après , dans le message de la page d'accueil , tu mets
- Code:
<iframe src="LIEN DE TA PAGE HTML" frameborder="2px" width="900" height="55" scrolling="no"></iframe>
Amicalement
Sujets similaires
» Tchatbox coulissante (sur le côté)
» Description coulissante
» Page coulissante
» Bouton chatbox coulissante
» Barre de navigation coulissante.
» Description coulissante
» Page coulissante
» Bouton chatbox coulissante
» Barre de navigation coulissante.
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