Possibilité de mettre une news slidebox

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 le 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
****

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 le Sam 27 Avr 2013 - 9:26

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

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 le Mar 30 Avr 2013 - 17:58

UP ! Smile

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 le Ven 3 Mai 2013 - 7:00

up!

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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par kitelnewbba le 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
****

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 le Sam 4 Mai 2013 - 8:05

DP : Ça marche, merci ! Smile

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 le Sam 4 Mai 2013 - 8:13

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

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


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