Conetazzo Layout

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.
languageDirection' xmlns='http://www.w3.org/1999/xhtml ' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2 005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular,bol d Coda' rel='stylesheet' type='text/css'/> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* ----------------------------------------------Blogger Template Style Name: Dark Edition Date: January 2011 Created by: Chica Blogger URI: http://chicablogger.com ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff"> <Variable name="textcolor" description="Text Color" type="color" default="#333" value="#191919"> <Variable name="linkcolor" description="Link Color" type="color" default="#9EBF00" value="#9EBF00"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#000" value="#000000"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#E0E0DE"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#000" value="#000000"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#9EBF00" value="#9EBF00"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="norm al normal 97% Arial, sans-serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,S ans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sansserif"> <Variable name="startSide" description="Side where text starts in blog la nguage" type="automatic" default="left" value="left"> <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"> */ /* This code hides the Blogger navbar */ #navbar, #navbar-iframe, #HTML1 h2, #HTML99 h2, .quickedit, .icon-action { display: none; height: 0; }
/* General */ body { background: #E2E4D9 url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/TTO6q3iXj0I/AAAAAA AACBA/UYPt5w_oUXg/s1600/background.jpg) repeat-x center top; margin:0; color:$textcolor; font:x-small Helvetica; font-size/* */:/**/small; font-size: /**/small; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header */ #header-wrapper{ width:100%; background: url(https://lh4.googleusercontent.com/-cD2eDVu_1yw/TWxTPLK_aGI/AAAAA AAAAbg/rkYJsb3IdkA/s1600/darkedbg+cornetazzo+version.png) no-repeat center top; height: 245px; margin: 0; } #header { width: 950px; margin: 0 auto; } #header-left { height: 160px; width: 440px; float: left; margin-top: 6px; } #header h1{ color: #FFF; margin-top: 30px; margin-bottom: 0; font-size: 50px; font-family: 'Helvetica', arial, serif;
} #header a, #header a:visited, #header a:hover, #header li:hover { color: #FFF; text-decoration: none; } #headerlogo .description { color: #FFF; margin-top: 0; } #Header1_headerimg { margin-top: 40px; } #menu-top{ height: 29px; width: 900px; padding-top: 5px; margin-left: 0px; float:left; } #logo { width: 420px; height: 110px; margin-top: 30px; outline: none; } #menu-bottom { height: 40px; width: 600px; float: left; margin-left: -37px; margin-top: -13px; *padding-top: 12px; } #menu-bottom ul li{ display: inline; list-style-type: none; } #menu-bottom li { border-right: 1px solid #E0E0DE; text-align: left; padding: 12px 17px 12px 17px; *margin-top: 1px; float: left; } #LinkList99 li a{ color: #000 !important; } #LinkList99 li:hover { padding: 12px 17px 12px 17px; background: #C2CA10;
color: #FFFFFF !important; } #LinkList99 li:hover a{ color: #FFF !important; } #LinkList99 li a:hover{ color: #FFF !important; } #search { height: 36px; width: 200px; float: right; background: url(http://1.bp.blogspot.com/_V-IXTBBt1Bg/TTZTOOos_rI/AAAAAAAACCg/Ju ZgseiSxW8/s1600/search.png) no-repeat top right; margin: 2px 10px 0 0; } #q{ color: #969696; background: transparent; font-size: 0.9em; margin: 10px 0 0 10px; width: 150px; border: none; float: left; height: 24px; } .submit { width: 24px; height: 24px; margin: 5px 8px 0 0px; outline: none; float: right; } #header-right { height: 160px; width: 500px; float: right; margin-top: 6px; } #header a { outline: none; text-decoration:none; } #adsensetop { width: 468px; height: 60px; margin-top: 45px; margin-left: 20px; }
/* Main containers */ #outer-wrapper { width: 960px; margin:0 auto; padding: 10px 0; text-align:$startSide; font: $bodyfont; } #main-wrapper { width: 640px; float: $startSide; word-wrap: break-word; overflow: hidden; } #sidebar-wrapper { width: 300px; float: $endSide; word-wrap: break-word; overflow: hidden; } /* Post */ .post{ width: 600px; padding: 20px 20px 15px 20px; border: 1px solid #E0E0DE; background: #FFF; font-family: Helvetica, sans-serif; margin-bottom: 20px; } .post h3{ margin:.25em 0 0; padding:0 0 4px; font-size:280%; line-height: 40px; line-height:1.4em; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight: 500; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; border-bottom: 3px dotted #EAE8DB; padding-bottom: 5px; } .post h3 strong, .post h3 a:hover { color: $linkcolor; } .post-labels { color: #FFF;
background: #1E1E1E; padding:4px 10px; -moz-border-radius: 6px; border-radius: 6px; } .post-labels a { color: #FFF; } .post-labels:hover { background: $linkcolor; } .post-body { margin:0 0 .75em; line-height:1.6em; font-size: 14px; text-align: justify; } .post-body blockquote { line-height:1.3em; background: url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/TR_9lKQ5uQI/AAAAAAAAB_M/QL Log2ZMPwI/s1600/blockquote.png) no-repeat top left; padding: 0 0 0 40px; font-style: italic; } .post-body ul li{ list-style: url(http://4.bp.blogspot.com/_V-IXTBBt1Bg/S2ti9tpIaEI/AAAAAAAABek/VK A0f5f0GTU/s1600/bullet.png); } .post-footer-line-1 { margin: .75em 0; color:$sidebartextcolor; line-height: 1.4em; border-top: 1px solid #EAE8DB; border-bottom: 1px solid #EAE8DB; padding: 5px 0; } .post-author { background: url(http://4.bp.blogspot.com/_V-IXTBBt1Bg/TTZTaQJc98I/AAAAAAAACCo/EK G7LU9q7u0/s1600/user.png) no-repeat center left; padding-left: 20px; margin-left: 5px; height: 20px; width: 430px; float: left; font-style: italic; } .comment-link { background: url(http://4.bp.blogspot.com/_V-IXTBBt1Bg/TTZTTWvbVvI/AAAAAAAACCk/MN _goMf75wA/s1600/comment.png) no-repeat center left; padding-left: 20px; height: 20px; width: 120px;
float:right; font-style: italic; } .post-body img{ padding:4px; border:1px solid $bordercolor; background: #F2F2F2; } .post table{ border-collapse:collapse; text-align: center; margin: 0 1px; } .post table,th, td{ border: 1px solid #ccc; } .post th { padding: 0 5px; background: #F1F1F1; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments */ #comments { width: 610px; padding: 15px 15px 0px 15px; border: 1px solid #E0E0DE; background: #FFF; font-family: Helvetica, sans-serif; margin-bottom: 20px; } #comments h4 { margin:1em 0; line-height: 1.4em; color: $sidebarcolor; font-size: 26px; background: url(http://2.bp.blogspot.com/_V-IXTBBt1Bg/TTpYOU8QePI/AAAAAAAACDM/zG C5Yg03oO8/s1600/comment2.png) no-repeat center left; padding: 0 0 10px 40px; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight: 400; } #comments a{
/*color:#666;*/ } #comments p.notice{ margin:0 0 10px 0; padding:0px; text-align:center; font-weight:bold; } .commentlist, .commentlist-destacado{ clear:both; list-style:none; margin:0 0 10px 0; padding:0px; } .commentlist li, commentlist-destacado li{ clear:both; padding:0px; margin:10px 0 0px 0; font-size:12px; } #comments .commentlist li div.comment-body { background:#FFF; padding:10px; border:1px solid #E6E6E6; } #comments .commentlist-destacado li div.comment-body{ background: #ECF8E0; padding:10px; border:1px solid #D0F5A9; } #comments .commentlist li.pingback div.comment-body, #comments .commentlist li.t rackback div.comment-body{ border:none; } #comments .commentlist li div.comment-author .avatar{ padding:0; margin:0 10px 0 0; float:left; width:50px; height:50px; border:5px solid #E0E4CC; } cite.fn{ font-size:12px; color:#6b6b6b; font-weight: bold; text-transform:capitalize; font-style:bold; } .says{
margin-left:3px; display:none; } .comment-meta{ margin-bottom:10px; font-size:12px; color:#000000; /*border-bottom:5px solid #E0E4CC;*/ } .comment-meta a{ text-decoration:none; color:#000000; } #comments .commentlist li p, #comments .commentlist-destacado li p{ padding:0; margin:0 0 10px 0; } .comment p{ display:block; } .comment-author{ margin-top:0px; margin-left:5px; } .avatar-image-container{ float:left; width:40px; height:40px; background:#fff; padding:1px; border:1px solid #ccc; margin-right:10px; } .avatar-image-container img { width:40px; height:40px; background: url(http://1. bp.blogspot.com/_V-IXTBBt1Bg/TE-ce95knVI/AAAAAAAAB1g/Sprbxp4AkI4/s1600/no-avatar .png); } .comment-form { margin:25px 0px 0px 0px; max-width:628px !important; width:628px !important; } #blog-pager-newer-link { float: $startSide; margin-$startSide: 20px; } #blog-pager-older-link { float: $endSide; margin-$endSide: 20px;
} #blog-pager { text-align: center; width: 638px; clear: both; background: #FFF; border: 1px solid $bordercolor; height: 18px; padding: 5px 0; } .feed-links { clear: both; line-height: 2.5em; background: url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/S2ELT4VUtKI/AAAAAAAABd0/Eh EWrvJlaWg/s1600/rss-bottom.png) no-repeat center left; padding-left: 20px; font-family: Helvetica, Arial, sans-serif; } /* Sidebar Content */ #subscription { list-style: none; margin-top: 0px; *margin-top: -10px; } #subscription li { padding: 5px 10px 5px 10px; height: 60px; line-height: 1.5em; } #subscription li a { color: #000; } #subscription li a:hover { color: $linkcolor; } #subscription li h4 { margin: 0 0 0 45px; font-size: 18px; color: #333333; font-weight: bold; border: none; } #subscription li p { margin: 0 0 0 45px; font-size: 13px; } #subscription li img { float: left;
padding: 0px; margin: 0px 10px 0px 0px; } #subscription li:hover { background-color: #e4f4be; } .sidebar { color: $sidebartextcolor; line-height: 1.5em; font-family: Helvetica; float: $endSide; margin: 0; } .sidebar h2{ font-weight: 600; margin-top: 0; color: $sidebarcolor; text-transform: uppercase; font-size: 22px; font-family: 'Yanone Kaffeesatz', arial, serif; } .sidebar a { color: $sidebartextcolor; } .sidebar a:hover { color: $linkcolor; text-decoration: none; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; line-height:2em; border-bottom: 1px solid #EAE8DB; } .sidebar li:hover { background: #e4f4be; } .sidebar .widget { background: #FFF url(http://2.bp.blogspot.com/_V-IXTBBt1Bg/S1-iegaKLQI/AAAAAAAAB b4/IoXndGxdUWs/s1600/sidebarbg.png) repeat-x; width: 270px; padding: 10px 15px;
border: 1px solid #E0E0DE; margin-bottom: 20px;} .main .Blog { border-bottom-width: 0; } /* Profile */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } /* Footer */ #footer-wrapper { background: #000; width: 100%; border-top: 1px solid #313131; font-family: Helvetica; } #footer { width:960px; background: #000; clear:both; margin:0 auto; padding: 25px 0 25px 0; *padding: 25px 0 0px 0; line-height: 1.6em; } .footer-col { width: 270px; padding: 10px 15px; background: #111111;
color: #FFF; border-radius: 8px; -moz-border-radius: 8px; } .footer-col a { color: $linkcolor; } .footer-col a:hover { color: $linkcolor; text-decoration: none; } .footer-col h2 { font-weight: bold; margin-top: 0; color: #FFF; text-transform: uppercase; font-size: 20px; font-family: 'Yanone Kaffeesatz', arial, serif; } .footer-col ul { list-style:none; margin:0 0 0; padding:0 0 0; } .footer-col li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; line-height:2em; border-bottom: 1px solid #262626; } .footer-col li:hover { background: #E4F4BE; color: $linkcolor; } .footer-col li a:hover { color: $linkcolor; } #footer-col1 { margin-right:30px; float: left; } #footer-col2 { margin-right:30px; float: left; } #footer-col3 { float: left;
} #credit-wrapper{ background: #E2E4D9; border-top: 1px solid #313131; height: 20px; padding: 10px 0; } #credit { width: 960px; margin: 0 auto; color: #000; text-align: center; } #credit a { color: #000; } /* Styles for the lavalamp menu */ .lavaLamp { position: relative; height: 30px; width: 421px; padding: 0; margin: 0px 0; overflow: hidden; } .lavaLamp li { float: left; list-style: none; } .lavaLamp li.back { background: #C2CA10; width: 9px; height: 30px; z-index: 8; position: absolute; color: #FFF; -moz-border-radius: 6px; border-radius: 6px; } .lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li:hover{ color: #FFF; } .lavaLamp li.back .left { background: #C2CA10; height: 30px; margin-right: 9px; -moz-border-radius: 6px; border-radius: 6px; } .lavaLamp li a { position: relative; overflow: hidden; text-decoration: none; font: 14px arial;
color: #FFF; outline: none; text-align: center; height: 30px; top: 7px; z-index: 10; letter-spacing: 0; float: left; display: block; margin: auto 10px; } .lavaLamp li a.first { color: #FFF; } /* Styles for the slideshow */ .crosscol { background: #FFF; width: 920px; height: 300px; padding: 19px 20px 19px 18px; margin-bottom: 20px; border: 1px solid #E0E0DE; } #s3slider { width: 920px; /* important to be same as image width */ height: 300px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ border: 1px solid #000; } #s3sliderContent { width: 920px; /* important to be same as image width or wider */ position: absolute; /* important */ top: -13px; *top: 0px; left: -40px; *left: 0px; margin-left: 0; /* important */ } @media screen and (-webkit-min-device-pixel-ratio:0) { #s3sliderContent { width: 920px; /* important to be same as image width or wider */ position: absolute; /* important */ top: -12px; left: -40px; margin-left: 0; /* important */ } } .s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ }
.s3sliderImage span { position: absolute; /* important */ left: 0; font: 14px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 920px; background-color: #000; filter: alpha(opacity=70); /* here you can set the opacity of box with text * / -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ color: #fff; display: none; /* important */ bottom: 0; /* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image
*/
.s3sliderImage strong a{ color: #FFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size:28px; } .clear { clear: both; } .sponsors { margin-left: 6px; *margin-left: 2px; text-align: center; } ]]></b:skin> </head> <body> <div id='header-wrapper'> <div id='header'> <b:section class='menu-top' id='menu-top' showaddelement='no'> <b:widget id='LinkList4' locked='false' title='' type='LinkList'/> </b:section>  <div id='header-left'> <b:section class='headerlogo' id='headerlogo' maxwidgets='1' showaddelemen t='no'/>
</div> <div id='header-right'> <b:section class='adsensetop' id='adsensetop' showaddelement='no'/> </div> <b:section class='menu-bottom' id='menu-bottom' showaddelement='no'/> <div id='search'> <form expr:action='data:blog.homepageUrl + &quot ;search/"' id='searchform' method='get'> <input class='searchtext' id='q' name='q'/> <input class='submit' name='submit' src='http://3.bp.blogspot.com/_V-IXTBBt1Bg/S 2tOqv4rhOI/AAAAAAAABeU/I5d9UbmeiHY/s1600/spacer.gif' type='image'/></form> </div>
</div> </div> <div id='outer-wrapper'><div id='wrap2'>  <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> <a href='#sidebar'>skip to sidebar</a> </span>
<div id='content-wrapper'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'> <b:widget id='HTML99' locked='false' title='468x60' type='HTML'/> </b:section> </div> </b:if> </b:if> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/> </b:section> </div> <div id='sidebar-wrapper'> <div class='sidebar'> <div class='widget' style='height: 250px'> <h2>Blog Subscription</h2>
<ul id='subscription'> <li> <a href='http://twitter.com/luizfmagliano'><img src='http://3.bp.blogspo t.com/_V-IXTBBt1Bg/TTPRCSufG1I/AAAAAAAACBc/R0Fuu9tZgMc/s1600/twitter-bird.png'/> </a> <h4><a href='http://twitter.com/luizfmagliano'>Twitter</a></h4> <p>Siga o cornetazzo em cornetadas rpidas e rasteiras.</p> </li> <li> <a href='http://feeds.feedburner.com/Cornetazzo'><img src='http://1.bp.b logspot.com/_V-IXTBBt1Bg/TTPRAGkZIgI/AAAAAAAACBY/ONDmcOZFx-A/s1600/rss.png'/></a > <h4><a href='http://feeds.feedburner.com/Cornetazzo'>Posts RSS</a></h4> <p>Veja os posts do Cornetazzo em seu leitor de feed favorito.</p> </li> <li> <a href='http://cornetazzo.blogspot.com/2008/03/rpido-e-rasteiro.html'>< img src='https://lh6.googleusercontent.com/-rKjciWk-rJc/TWxlxvgzB5I/AAAAAAAAAcI/ AWNIc4YXGig/s1600/envelope.png'/></a> <h4><a href='http://cornetazzo.blogspot.com/2008/03/rpido-e-rasteiro.htm l'>Contato</a></h4> <p>Viu algo ilegal ou irregular? Entre em contato.</p> </li> </ul> </div> </div> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML7' locked='false' title='Cornetando no Twitter' type='HTML'/> <b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/> <b:widget id='BlogList1' locked='false' title='Acompanhando' type='BlogList'/> <b:widget id='Image1' locked='false' title='Campanhas' type='Image'/> <b:widget id='BlogArchive2' locked='false' title='Arquivo do blog' type='BlogArc hive'/> <b:widget id='Label1' locked='false' title='Tags' type='Label'/> <b:widget id='HTML2' locked='false' title='Divulgao' type='HTML'/> <b:widget id='HTML6' locked='false' title='Copyright' type='HTML'/> </b:section> </div>  <div class='clear'> </div> </div> 
</div></div>  <div id='footer-wrapper'> <div id='footer'>
<b:section class='footer-col' id='footer-col1'> <b:widget id='LinkList3' locked='false' title='' type='LinkList'/> </b:section> <b:section class='footer-col' id='footer-col2'> <b:widget id='LinkList2' locked='false' title='' type='LinkList'/> </b:section> <b:section class='footer-col' id='footer-col3'> <b:widget id='LinkList1' locked='false' title='' type='LinkList'/> </b:section> <div style='clear:both'/> </div> </div> <div id='credit-wrapper'> <div id='credit'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#1 69; 2010 Designed by <a href='http://trucks.reviewitonline.net'>Trucks</a>, in collaboration with <a href='http://mw3f.com'>MW3</a>, <a href='http://broadwayt ickets.co'>Broadway Tickets</a>, and <a href='http://concerttour.org/disturbed-t our'>Distubed Tour</a> </div> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' t ype='text/javascript'/> <script type='text/javascript'> //<![CDATA[ /* * jQuery Easing v1.1 - http://gsgd.co.uk/sandbox/jquery.easing.php * * Uses the built in easing capabilities added in jQuery 1.1 * to offer multiple easing options * * Copyright (c) 2007 George Smith * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php */ jQuery.easing={easein:function(x,t,b,c,d){return c*(t/=d)*t+b},easeinout:functio n(x,t,b,c,d){if(t<d/2)return 2*c*t*t/(d*d)+b;var a=t-d/2;return-2*c*a*a/(d*d)+2* c*a/d+c/2+b},easeout:function(x,t,b,c,d){return-c*t*t/(d*d)+2*c*t/d+b},expoin:fu nction(x,t,b,c,d){var a=1;if(c<0){a*=-1;c*=-1}return a*(Math.exp(Math.log(c)/d*t ))+b},expoout:function(x,t,b,c,d){var a=1;if(c<0){a*=-1;c*=-1}return a*(-Math.ex p(-Math.log(c)/d*(t-d))+c+1)+b},expoinout:function(x,t,b,c,d){var a=1;if(c<0){a* =-1;c*=-1}if(t<d/2)return a*(Math.exp(Math.log(c/2)/(d/2)*t))+b;return a*(-Math. exp(-2*Math.log(c/2)/d*(t-d))+c+1)+b},bouncein:function(x,t,b,c,d){return c-jQue ry.easing['bounceout'](x,d-t,0,c,d)+b},bounceout:function(x,t,b,c,d){if((t/=d)<( 1/2.75)){return c*(7.5625*t*t)+b}else if(t<(2/2.75)){return c*(7.5625*(t-=(1.5/2 .75))*t+.75)+b}else if(t<(2.5/2.75)){return c*(7.5625*(t-=(2.25/2.75))*t+.9375)+ b}else{return c*(7.5625*(t-=(2.625/2.75))*t+.984375)+b}},bounceinout:function(x, t,b,c,d){if(t<d/2)return jQuery.easing['bouncein'](x,t*2,0,c,d)*.5+b;return jQue ry.easing['bounceout'](x,t*2-d,0,c,d)*.5+c*.5+b},elasin:function(x,t,b,c,d){var s=1.70158;var p=0;var a=c;if(t==0)return b;if((t/=d)==1)return b+c;if(!p)p=d*.3; if(a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);return-( a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b},elasout:function(x,t ,b,c,d){var s=1.70158;var p=0;var a=c;if(t==0)return b;if((t/=d)==1)return b+c;i f(!p)p=d*.3;if(a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c /a);return a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b},elasinout:fu nction(x,t,b,c,d){var s=1.70158;var p=0;var a=c;if(t==0)return b;if((t/=d/2)==2)
return b+c;if(!p)p=d*(.3*1.5);if(a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Ma th.PI)*Math.asin(c/a);if(t<1)return-.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s) *(2*Math.PI)/p))+b;return a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/ p)*.5+c+b},backin:function(x,t,b,c,d){var s=1.70158;return c*(t/=d)*t*((s+1)*t-s )+b},backout:function(x,t,b,c,d){var s=1.70158;return c*((t=t/d-1)*t*((s+1)*t+s) +1)+b},backinout:function(x,t,b,c,d){var s=1.70158;if((t/=d/2)<1)return c/2*(t*t *(((s*=(1.525))+1)*t-s))+b;return c/2*((t-=2)*t*(((s*=(1.525))+1)*t+s)+2)+b},lin ear:function(x,t,b,c,d){return c*t/d+b}}; //]]> </script> <script type='text/javascript'> //<![CDATA[ /** * LavaLamp - A menu plugin for jQuery with cool hover effects. * @requires jQuery v1.1.3.1 or above * * http://gmarwaha.com/blog/?p=7 * * Copyright (c) 2007 Ganeshji Marwaha (gmarwaha.com) * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * Version: 0.2.0 * Requires Jquery 1.2.1 from version 0.2.0 onwards. * For jquery 1.1.x, use version 0.1.0 of lavalamp */ /** * Creates a menu with an unordered list of menu-items. You can either use the C SS that comes with the plugin, or write your own styles * to create a personalized effect * * The HTML markup used to build the menu can be as simple as... * * <ul class="lavaLamp"> * <li><a href="#">Home</a></li> * <li><a href="#">Plant a tree</a></li> * <li><a href="#">Travel</a></li> * <li><a href="#">Ride an elephant</a></li> * </ul> * * Once you have included the style sheet that comes with the plugin, you will h ave to include * a reference to jquery library, easing plugin(optional) and the LavaLamp(this) plugin. * * Use the following snippet to initialize the menu. * $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700}) }); * * Thats it. Now you should have a working lavalamp menu. * * @param an options object - You can specify all the options shown below as an options object param. * * @option fx - default is "linear" * @example * $(".lavaLamp").lavaLamp({ fx: "backout" });
* @desc Creates a menu with "backout" easing effect. You need to include the ea sing plugin for this to work. * * @option speed - default is 500 ms * @example * $(".lavaLamp").lavaLamp({ speed: 500 }); * @desc Creates a menu with an animation speed of 500 ms. * * @option click - no defaults * @example * $(".lavaLamp").lavaLamp({ click: function(event, menuItem) { return false; } }); * @desc You can supply a callback to be executed when the menu item is clicked. * The event object and the menu-item that was clicked will be passed in as argu ments. */ (function($) { $.fn.lavaLamp = function(o) { o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o {}); return this.each(function() { var me = $(this), noop = function(){}, $back = $('<li class="back"><div class="left"></div></li>').appendTo (me), $li = $("li", this), curr = $("li.current", this)[0] $($li[0]).ad dClass("current")[0]; $li.not(".back").hover(function() { move(this); }, noop); $(this).hover(noop, function() { move(curr); }); $li.click(function(e) { setCurr(this); return o.click.apply(this, [e, this]); }); setCurr(curr); function setCurr(el) { $back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" }; curr = el;
});
function move(el) { $back.each(function() { $(this).dequeue(); } ).animate({ width: el.offsetWidth, left: el.offsetLeft }, o.speed, o.fx); }; }; });
})(jQuery); //]]> </script> <script type='text/javascript'> //<![CDATA[ /* -----------------------------------------------------------------------s3Slider Developped By: Boban Kariik -> http://www.serie3.info/ CSS Help: Mszros Rbert -> http://www.perspectived.com/ Version: 1.0 Copyright: Feel free to redistribute the script/modify it, as long as you leave my infos at the top. -------------------------------------------------------------------------- */ (function($){ $.fn.s3Slider = function(vars) { var element var timeOut var current var timeOutFn var faderStat var mOver var items "Image"); var itemsSpan "Image span"); = = = = = = = this; (vars.timeOut != undefined) ? vars.timeOut : 4000; null; null; true; false; $("#" + element[0].id + "Content ." + element[0].id +
= $("#" + element[0].id + "Content ." + element[0].id +
items.each(function(i) { $(items[i]).mouseover(function() { mOver = true; }); $(items[i]).mouseout(function() { mOver = false; fadeElement(true); }); }); var fadeElement = function(isMouseOut) { var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut; thisTimeOut = (faderStat) ? 10 : thisTimeOut; if(items.length > 0) { timeOutFn = setTimeout(makeSlider, thisTimeOut); } else { console.log("Poof.."); } } var makeSlider = function() { current = (current != null) ? current : items[(items.length-1)]; var currNo = jQuery.inArray(current, items) + 1 currNo = (currNo == items.length) ? 0 : (currNo - 1);
) {
var newMargin = $(element).width() * currNo; if(faderStat == true) { if(!mOver) { $(items[currNo]).fadeIn((timeOut/6), function() { if($(itemsSpan[currNo]).css('bottom') == 0) { $(itemsSpan[currNo]).slideUp((timeOut/20), function( faderStat = false; current = items[currNo]; if(!mOver) { fadeElement(false); }
n() {
}); } else { $(itemsSpan[currNo]).slideDown((timeOut/20), functio faderStat = false; current = items[currNo]; if(!mOver) { fadeElement(false); }
}); } } else { if(!mOver) { if($(itemsSpan[currNo]).css('bottom') == 0) { $(itemsSpan[currNo]).slideDown((timeOut/20), function() $(items[currNo]).fadeOut((timeOut/20), function() { faderStat = true; current = items[(currNo+1)]; if(!mOver) { fadeElement(false); } });
});
}); } else { $(itemsSpan[currNo]).slideUp((timeOut/20), function() { $(items[currNo]).fadeOut((timeOut/20), function() { faderStat = true; current = items[(currNo+1)]; if(!mOver) { fadeElement(false); } }); }); }
makeSlider(); }; })(jQuery); //]]> </script>
<script type='text/javascript'> $(document).ready(function() { $('#s3slider').s3Slider({ timeOut: 7000 }); }); </script> <script type='text/javascript'> $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 600 })}); </script> </body> </html>

Conetazzo Layout

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Conetazzo Layout

Transféré par

Droits d'auteur :

Formats disponibles

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.

</div></div>  <div id='footer-wrapper'> <div id='footer'>

= $("#" + element[0].id + "Content ." + element[0].id +

makeSlider(); }; })(jQuery); //]]> </script>

Vous aimerez peut-être aussi