Execute
Save
Share
Share link
share
share
share
Team
Public Teams
Comments
0
Created By:
Guest
Title:
zenet
Title
Description
Edit
Copy Link
Login
Email *
Password *
Login
OR
Create Account
Screen Name *
Email *
Password *
Retype Password *
Team Access Code
Register
Public CodeBins
HELP
--Select Theme--
Ambiance
Blackboard
Cobalt
Eclipse
Elegant
Erlang-Dark
Lesser-Dark
Monokai
Neat
Night
Rubyblue
Vibrant-Ink
Xq-Dark
New CodeBin
CodeBins Versions
zenet- V.1
Recent CodeBins
View All CodeBins
$(function() { $("#post a").click(function() { $("#post .info_box").slideUp(1000).fadeOut(1000); $(this).next(".info_box").css('opacity', 0).slideDown(1000).animate({ opacity: 1 }, { queue: false, duration: 1000 }); }); });
Bottom of Page
In Head
On Load
On Ready
Setting
Validate
Copy
Format
body { font-family:Arial, Helvetica, sans-serif; font-size:11px; } .info_box { display:none; } #post a{ display:block; text-decoration:none; color:#000; } #post a:hover { color:#f33; } #info_img { padding:5px; float:left; width:214px; } #info_content { float:left; padding:5px; } #info_text_left { float:left; width:300px; } #info_text_right { margin-left:525px; } #date { float:left; width:100px; padding:5px; } #category{ float:left; width:50px; padding:5px; margin-left:1px; } #title { padding:5px; border-bottom:1px dotted #f33; } .clear { clear:both; } .bold { font-weight:bold; } ul { list-style:none; padding:0; margin:0; } li { padding:4px; display:block; border-bottom:1px dotted #ccc; }
Setting
Validate
Copy
Format
<!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>Namnlöst dokument</title> <script type="text/javascript" src="live.js"></script> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="post"> <a href="#"><div id="date">10-10-2012 13:37</div> <div id="category">XXX</div> <div id="title"> District.9.2009.iTALiAN.iNTERNAL.BDRip.x264-iDiB</div></a> <div class="info_box"> <div id="info_img"><img src="1136608.jpg" width="214" height="317" alt="Alt" /></div> <div id="info_text_left"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Information:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Group:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Nuke:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div id="info_text_right"> <ul> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> <li> <div>Director:<span class="bold">Janne Josefsson</span></div> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> </body> </html>
No Doc Type
HTML5
HTML 4.01 Transitional
HTML 4.01 Strict
HTML 4.01 Frameset
XHTML 1.1
XHTML 1.0 Transitional
XHTML 1.0 Strict
XHTML 1.0 Frameset
Copy
Format
Download
×
Code Description
×
Difference of Versions
HTML
CSS
JS
×
JS Error
×
CSS Error
Errors
Warnings
×
JavaScript Setting
JS Libraries:
Chrome Frame 1.0.3
Dojo 1.8.0
Dojo 1.7.3
Dojo 1.7.2
Ext Core 3.1.0
jQuery 1.8.0
jQuery 1.7.2
jQuery 1.6.0
jQuery 1.5.0
jQuery 1.4.4
jQuery 1.4.0
jQuery-min 1.7.2
jQueryUI-min 1.8.21
MooTools more-1.4.0.1-full
MooTools core-1.4.5-full
MooTools core-1.4.1-full
Prototype 1.7.1.0
script.aculo.us 1.9.0
SWFObject 2.2
Twitter Bootstrap 2.0.4
WebFont Loader 1.0.28
yui 3.5.1
User Libraries:
Upload File
JavaScript URL(s):
×
CSS Setting
CSS Libraries:
jQueryUI 1.8.21
Twitter Bootstrap 2.0.4
User Libraries:
Upload File
CSS URL(s):