Possibilité de mettre une news slidebox

5 participants

Page 2 sur 2 Précédent  1, 2

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

Résolu Possibilité de mettre une news slidebox

Message par kitelnewbba Jeu 18 Avr 2013 - 9:15

Rappel du premier message :

Hellow! Comment allez-vous? Moi je pète la forme :3

EXPLICATIONS : Est-il possible de mettre une news slidebox, du genre que quand on passe la curseur sur le bouton, il défile avec le contenu de la news dedans.
C'est exactement le même principe que le widget facebook slide likebox, mais personnaliser son contenu.
Voiçi le widget facebook : [Javascript]
Code:
document.write("<script type=\"text\/javascript\">");
document.write(" \/*<![CDATA[*\/");
document.write(" jQuery(document).ready(function() {jQuery(\".abtlikebox\").hover(function() {jQuery(this).stop().animate({right: \"0\"}, \"medium\");}, function() {jQuery(this).stop().animate({right: \"-250\"}, \"medium\");}, 500);});");
document.write(" \/*]]>*\/");
document.write(" <\/script>");
document.write(" <style type=\"text\/css\">");
document.write(" .abtlikebox{background: url(\"http:\/\/1.bp.blogspot.com\/-yUI3Og8Esko\/TyywzMTqmsI\/AAAAAAAABMs\/z-tTK2uUS-0\/s1600\/Facebook.png\") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 33px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;}");
document.write(".abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3C95D9; background:#fafafa;}");
document.write(".abtlikebox span{bottom: 4px;font: 8px \"lucida grande\",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}");
document.write(" .abtlikebox span a{color: gray;text-decoration:none;}");
document.write(" .abtlikebox span a:hover{text-decoration:underline;}");
document.write("}");
document.write("<\/style>");
document.write(" <div class=\"abtlikebox\" style=\"\">");
document.write("    <div>");
document.write("    <iframe src=\"http:\/\/www.facebook.com\/plugins\/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fpixelgraphisme?fref=ts&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270\" scrolling=\"no\" frameborder=\"0\" scrolling=\"no\" style=\"border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;\"><\/iframe><span>Widget by :<a href=\"http:\/\/www.AllBloggingTips.com\"> Kitel for HabbStyle<\/a><\/span>");
document.write("    <\/div>");
document.write(" <\/div>");

Avec cela, serait-il possible de modifier son contenu (mettre notre propre texte ou image)?
PS : je sais comment changer couleur des contours + images juste le contenu à l'intérieur personnalisé!

Merci et bonne chance d'avance ! :p


Dernière édition par kitelnewbba le Sam 4 Mai 2013 - 8:05, édité 1 fois
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Possibilité de mettre une news slidebox

Message par kitelnewbba Sam 27 Avr 2013 - 9:26

J'ai compris, et est-ce possible de changer les dimensions du facebook slide?
width & height ?
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Possibilité de mettre une news slidebox

Message par kitelnewbba Mar 30 Avr 2013 - 17:58

UP ! Smile
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Possibilité de mettre une news slidebox

Message par kitelnewbba Ven 3 Mai 2013 - 7:00

up!
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Possibilité de mettre une news slidebox

Message par Adam_sfp Ven 3 Mai 2013 - 10:28

Bonjour

il faut jouer sur les valeurs width et right...

exemple
http://jsfiddle.net/MKkjY/19/

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Possibilité de mettre une news slidebox

Message par kitelnewbba Ven 3 Mai 2013 - 17:30

Quel idiot! xD
Je vais voir ça, je prépare mon contenu et je vous en dis des nouvelles x)
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Possibilité de mettre une news slidebox

Message par kitelnewbba Sam 4 Mai 2013 - 8:05

DP : Ça marche, merci ! Smile
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Possibilité de mettre une news slidebox

Message par manbcr Sam 4 Mai 2013 - 8:13

Salut ! Je pourrais avoir le code siouplait monsieur, Merci Wink
manbcr

manbcr
****

Masculin
Messages : 483
Inscrit(e) le : 11/04/2013

http://worshipfreedomjesus.team-forum.net/
manbcr a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum