Nome do Anunciante
Nome do Anunciante
Nome do Anunciante
Nome do Anunciante
Nome do Anunciante
Nome do Anunciante
Nome do Anunciante

template pedido do mais que cartola fc

Anônimo


template pedido de tv 
ve ai se gosta


link direto clicko  baixo


codigo html do template
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/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/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'/>
    <b:include data='blog' name='all-head-content'/>
    <title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/> | <data:blog.title/>
</b:if>
</title>
    <b:skin><![CDATA[/*
-----------------------------------------------
gabriel
mais que cartola fc

License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
   ====================
   
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#8F3110" value="#8F3110">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#000" value="#000000">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#8F3110" value="#8F3110">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 110% Arial, Serif" value="normal normal 110% Arial, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="bold 125%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="bold 125%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="bold 240% Droid Serif,Serif" value="bold 240% Droid Serif,Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="80% 'Droid Sans',Trebuchet,Arial,Verdana,Sans-serif" value="80% 'Droid Sans',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
    background: url("https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcT_kv5TBqSll3VDCI1jXS_d-EOJY8JMA3VlYsWxn9n1px7PrV3wdw") repeat scroll 0 0 transparent;
    color: #333333;
    font: small Georgia Serif;
    margin: 0;
    text-align: center;
}
a:link {
    color: #3366CC;
    text-decoration: none;
}
a:visited {
    color: #3366CC;
    text-decoration: none;
}
a:hover {
    color: #CC6600;
    text-decoration: underline;
}
a img {
    border-width: 0;
}
#header-wrapper {
    background: url("") no-repeat scroll 0 12px transparent;
    height: 91px;
    margin: 0 auto;
}
#header-inner {
    height: 80px;
    margin-left: auto;
    margin-right: auto;
}
#header {
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 1px 0 #000000;
}
#header h1 {
    font: bold 240% Arial,Serif;
    letter-spacing: -2px;
    margin: 0;
    padding: 12px 30px 1px 72px;
    text-transform: none;
}
#header a {
    color: #ffffff;
    text-decoration: none;
}
#header a:hover {
}
#header .description {
    font: 100%/12px 'Shadows Into Light',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
    margin: 0;
    padding: 0 24px 0 72px;
    text-transform: none;
}
#header img {
    margin-left: auto;
    margin-right: auto;
}
#outer-wrapper {
    font: 110% Arial,Serif;
    margin: 0 auto;
    padding-top: 0;
    text-align: left;
    width: 980px;
}
#main-wrapper {
    float: left;
    margin-left: 17px;
    margin-top: 9px;
    overflow: hidden;
    padding: 0;
    width: 558px;
    word-wrap: break-word;
}
#sidebar-wrapper {
    float: left;
    margin-left: 12px;
    margin-top: 0;
    overflow: hidden;
    padding: 10px;
    width: 200px;
    word-wrap: break-word;
}
#sidebar-wrapper2 {
    float: right;
    margin-right: 9px;
    margin-top: 0;
    overflow: hidden;
    padding: 9px;
    width: 145px;
    word-wrap: break-word;
}
h2 {
    border-bottom: 3px solid #000000;
    color: #333333;
    font: bold 120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: -1px;
    margin: 0;
    padding: 4px 0;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: none;
}
h2.date-header {
    font: 12px arial;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    text-transform: none;
}
.post {
    margin: 0.5em 0 25px;
    padding-bottom: 5px;
}
.post h3 {
    color: #000000;
    font-size: 170%;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0.25em 0 0;
    padding: 0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
    color: #000000;
    display: block;
    font-weight: bold;
    margin-top: 0;
    text-decoration: none;
}
.post h3 strong, .post h3 a:hover {
    color: #333333;
}
.post-body {
    line-height: 1.6em;
    margin: 0 0 0.75em;
}
.post-body blockquote {
    line-height: 1.3em;
}
.post-footer {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 3px double #FFFFFF;
    color: #000000;
    font: 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
    margin: 0.75em 0;
    padding: 10px;
    text-transform: none;
}
.comment-link {
    margin-left: 0.6em;
}
.post img, table.tr-caption-container {
    border: 4px solid #EEEEEE;
}
.tr-caption-container img {
    border: medium none;
    padding: 0;
}
.post blockquote {
    font: italic 13px georgia;
    margin: 1em 20px;
}
.post blockquote p {
    margin: 0.75em 0;
}
#comments h4 {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.4em;
    margin: 1em 0;
    text-transform: none;
}
#comments-block {
    line-height: 1.6em;
    margin: 1em 0 1.5em;
}
body#layout #main-wrapper {
    margin-top: 0;
    overflow: visible;
}
body#layout #sidebar-wrapper {
    margin-top: 0;
    overflow: visible;
}
#comments-block .comment-author {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #EEEEEE;
    font-size: 15px;
    font-weight: normal;
    margin-right: 20px;
    padding: 5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #E8DEC4;
    border-color: #E8DEC4;
    border-style: solid;
    border-width: 2px 1px 1px;
    line-height: 16px;
    padding: 5px;
}
#comments-block .comment-body {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    margin-left: 0;
    margin-right: 20px;
    padding: 7px;
}
#comments-block .comment-footer {
    border-bottom: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    font-size: 11px;
    line-height: 1.4em;
    margin: -0.25em 20px 2em 0;
    padding: 5px;
    text-transform: none;
}
#comments-block .comment-body p {
    margin: 0 0 0.75em;
}
.deleted-comment {
    color: gray;
    font-style: italic;
}
#blog-pager-newer-link {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    padding: 7px;
}
#blog-pager-older-link {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    padding: 7px;
}
#blog-pager {
    margin: 25px 0 0;
    overflow: hidden;
    text-align: center;
}
.feed-links {
    clear: both;
    line-height: 2.5em;
}
.sidebar {
    color: #000000;
    font-size: 90%;
    line-height: 1.5em;
}
.sidebar2 {
    color: #333333;
    font-size: 90%;
    line-height: 1.5em;
    text-shadow: 0 1px 0 #EEEEEE;
}
.sidebar ul {
    list-style: none outside none;
    margin: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
}
.sidebar li {
    line-height: 1.5em;
    margin: 0;
    padding-bottom: 2px;
    padding-top: 2px;
}
.sidebar2 .widget, .main .widget {
    margin: 0 0 1.5em;
    padding: 0 0 1.5em;
}
.sidebar2 ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sidebar2 li {
    border-bottom: 1px dotted #EEEEEE;
    line-height: 1.5em;
    margin: 0;
    padding: 2px;
}
.sidebar2 .widget, .main .widget {
    background: url("https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcQpHGZBh-MKpjgcjOyTRNkgmIlUOOIfQGXuHybDz3XgcCG4HUF0") repeat scroll 0 0 transparent;
    margin: 5px 0;
    padding: 5px;
}
.main .Blog {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    padding: 0;
}
.profile-img {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 5px 5px 0;
    padding: 4px;
}
.profile-data {
    color: #999999;
    font: bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0.1em;
    margin: 0;
    text-transform: uppercase;
}
.profile-datablock {
    margin: 0.5em 0;
}
.profile-textblock {
    line-height: 1.6em;
    margin: 0.5em 0;
}
.profile-link {
    font: 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
#footer {
    background: url("https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcRIcGPVe1E6655VX8K2BrmX_FEGHGfXBMOu1PYcfaAvC4fze77ylQ") no-repeat scroll 0 0 transparent;
    clear: both;
    color: #FFFFFF;
    font: 11px arial;
    letter-spacing: 0;
    margin: 0 auto;
    padding: 17px 0 22px;
    text-align: center;
    text-shadow: 0 1px 0 #000000;
    text-transform: none;
    width: 980px;
}
.feed-links {
    display: none;
}
#Attribution1 {
    display: none;
}
body#layout #footer {
    display: none;
}
body#layout #addthis_toolbox {
    display: none;
}
body#layout #crosscol-wrapper {
    display: none;
}
body#layout #searchbox {
    display: none;
}
.post-share-buttons {
}
#sidebar-wrapper2 .sidebar .widget {
    margin-bottom: 8px;
    padding: 0;
}
#sidebar-wrapper2 .widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    padding: 10px;
}
#sidebar-wrapper .sidebar .widget {
    margin-bottom: 8px;
    padding: 0;
}
#sidebar-wrapper .widget-content {
    margin-top: 0;
    padding: 0;
}
#footer-bg {
}
.first-links {
    font-size: 12px;
    margin-bottom: 5px;
    padding-left: 30px;
}
.second-links {
    padding-left: 30px;
}
#footer a {
    color: #FFFFFF;
}
#content-wrapper {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzDiO9S3MB9e1u5L2ju-POY3ZJJlN2ZuSu5Ts2fVfgiaU8gg70Zu21WxMG-f8gMhD-qA-5mCVR58cUVOPauTNxkWNZUZVjoFsrcUlSW6umnDN4vuSHfE8DpTh3g2mSn3QJPGjIRV18GyJt/s0/content.png") repeat-y scroll 0 0 transparent;
    margin-top: 0;
}
#PageList1 {
    height: 48px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: auto;
    width: 960px;
}
.PageList li a {
    border: 1px solid #55576C;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font: bold 12px arial;
    padding: 12px;
    text-shadow: 0 1px 0 #000000;
    text-transform: none;
}
.crosscol .PageList li, .footer .PageList li {
    float: left;
    list-style: none outside none;
    margin: 0 3px 0 0;
    padding: 12px 0;
}
.PageList li.selected a {
    background: none repeat scroll 0 0 #3F4253;
    color: #FFFFFF;
    text-decoration: none;
}
.PageList li a:hover {
    background: none repeat scroll 0 0 #3F4253;
    color: #FFFFFF;
    text-decoration: none;
}
.searchbox {
    -moz-background-inline-policy: continuous;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN_-MJoTzIGX66Ti5AGZ4taG9ff9V7hUxRmBdfSsIm4AHQ-1RbSB9EfF0x5yjpqxjdLxStqj4qgjJUdLdZGbU5S_gRRxgTfx3Kd3QWbk0Djx5PI84Rvogi4H6zflRrLhZLYltq_U8G_gSS/s0/search.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 50px;
    margin-right: 43px;
    margin-top: -40px;
    width: 249px;
}
.searchbox .textfield {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    height: 20px;
    margin: 14px 1px 5px 25px;
    width: 155px;
}
.searchbox .button {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 20px;
    margin-left: 2px;
    margin-top: 14px;
    width: 35px;
}
h2.date-header {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgtI6a5NTj5MjEB4ClGzTrlcLqBXvIl_byP7qR0ImQZeGULlXONOUsKlWmvE_lf-dC2RgsWQ_f0Df7MAooHzXOy0csn6if-n6umgHRjXw-Vn2FFVqBfRren2BW8h7jETQnHoo7VZbpCh_z/s0/1276328132_date.png") no-repeat scroll left -1px transparent;
    border: medium none;
    color: #333333;
    font: 12px arial;
    letter-spacing: 0;
    margin: 0;
    padding-left: 20px;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: none;
}
.post-author {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQp0MGthgYVSE_6CufnJMpPVU8iHRtQC4f77JX-1U6kux3tE30THuvoQthRWumdQAa6v3F43SbJYOI9aAXEOB0RtOlEPkgST6XPYiIVK_6xs3EPbj1izBmJkHQJsUGbGcqmE5MURI6z7Ii/s0/aaa.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}
.post-comment-link a {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKWW1WnipA_CiqcWy__opeG_HROu-nU9V4TXYwkzAntXfPKF4YegrhYtqx7BQLCL7xfWXNcBkmr1WqtvhQrB3tbkrG6YSykWYWB6Q9Q8jbXGHp8RurehPhJjA8ScoalbG6qMahcKiW0xpY/s0/1276328597_comment.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
.post-labels {
    background: url("d") no-repeat scroll left center transparent;
    padding-left: 20px;
}
#wrapper {
    background: url("https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcRlcMNTYqPNzVkWmvYfk4oKu-wQur-JyClRtz9NeqP6Kchmpz5ojA") repeat-x scroll 0 0 transparent;
}
#content-but {
}
.col-left {
    float: left;
    width: 49%;
}
.col-right {
    float: right;
    width: 48%;
}
#HTML102 h2 {
    display: none;
}
body#layout #ads-header {
    float: right;
    height: 60px;
    margin-right: 20px;
    margin-top: 0;
    width: 300px;
}
body#layout #HTML102 {
    float: right;
    margin-right: 0;
    width: 296px;
}
body#layout #Header1 {
    float: left;
    margin-left: 20px;
    width: 600px;
}
body#layout #headertw {
    display: none;
}
#headertw {
    float: left;
    height: 27px;
    margin-left: 653px;
    margin-top: -38px;
    position: relative;
}
#headertw img {
    margin-right: 5px;
    padding: 0;
}
#searchbox {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 12px 12px 12px 12px;
    float: right;
    height: 23px;
    margin-right: 23px;
    margin-top: -38px;
    width: 182px;
}
#searchbox .textfield {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    height: 18px;
    margin: 2px 1px 2px 8px;
    width: 140px;
}
#searchbox .button {
    -moz-background-inline-policy: continuous;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjqLcisxCGjn0IOngumy7JeNasgeVrQx7BVbTp2Oyl6OHAFOt3w4QEew8MS1tQBupxA8YDnwMLLOFaW7rKBNMZh01gCAL5uMmP_33LOW4L8GQLh_jyu1LNcJZociW5mru5gsJ3abPVRa-B/s0/searc.png") no-repeat scroll 0 4px transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 23px;
    margin-left: 2px;
    margin-top: 0;
    width: 23px;
}
#HTML102 h2 {
    display: none;
}
body#layout #ads-header {
    float: right;
    height: 60px;
    margin-right: 20px;
    margin-top: -42px;
    width: 268px;
}
body#layout #HTML102 {
    float: right;
    margin-right: 0;
    width: 296px;
}
.text-h {
    color: #FFFFFF;
    display: none;
    float: left;
    font: bold 13px Arial;
    margin-right: 10px;
    margin-top: 5px;
    text-transform: none;
}
#ads-header {
    height: 60px;
    margin-left: 487px;
    margin-top: -71px;
    width: 495px;
}
#newheader {
    height: 38px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6px;
    width: 950px;
}
.crosscol .PageList UL, .footer .PageList UL {
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.post-footer a {
}
.date-outer {
    margin-bottom: 5px;
}
#s3slider {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px double #CCCCCC;
    height: 300px;
    margin-bottom: 25px;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    text-shadow: 0 1px 0 #000000;
    width: 551px;
}
#s3sliderContent {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 300px;
    list-style: none outside none;
    margin-left: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -14px;
    width: 552px;
}
.s3sliderImage {
    float: left;
    position: relative;
    width: 552px;
}
.s3sliderImage span {
    background-color: #000000;
    color: #FFFFFF;
    display: none;
    font-size: 12px;
    height: 300px;
    line-height: 16px;
    opacity: 0.7;
    overflow: hidden;
    padding: 10px 13px;
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
}
.s3sliderImage strong a {
    font-family: 'Myriad Pro',Helvetica,Arial,Sans-Serif;
    font-size: 20px;
}
.s3sliderImage strong a:hover {
    color: #FFFFFF;
}
#HTML101 h2 {
    display: none;
}
.sidebar a {
}
#wrapper-bg {
}
#Label1 h2 {
    display: none;
}
.second-row h2 {
    display: none;
}
.second-row a {
    color: #FFFFFF;
}
.second-row {
    background: url("http://i.imgur.com/WBCaB.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    margin: 0 auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-transform: none;
    width: 980px;
}
.second-row li {
    border-right: 1px solid #636785;
    color: #FFFFFF;
    float: left;
    font: bold 12px arial;
    margin: 0;
    padding: 14px 14px 13px;
    text-transform: uppercase;
}
.second-row ul {
    float: left;
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: 9px;
    margin-top: 12px;
    padding: 0;
    text-shadow: 0 1px 0 #333333;
    width: 940px;
}

]]></b:skin>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
/* ------------------------------------------------------------------------
s3Slider
Developped By: Boban Karišik -> http://www.serie3.info/
        CSS Help: Mészáros Róbert -> 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     = this;
        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
        var current     = null;
        var timeOutFn   = null;
        var faderStat   = true;
        var mOver       = false;
        var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
        var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
            
        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/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        } else {
                            $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        }
                    });
                }
            } else {
                if(!mOver) {
                    if($(itemsSpan[currNo]).css('bottom') == 0) {
                        $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                            $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        });
                    } else {
                        $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                        $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        });
                    }
                }
            }
        }
        
        makeSlider();

    };  

})(jQuery);  
//]]>
</script>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#s3slider&#39;).s3Slider({
timeOut: 4000
});
});
</script>

  </head>

  <body>
 <div id='wrapper'>
<div id='wrapper-bg'>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
<div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section> 
<div id='headertw'>
<span class='text-h'>Subscribe:</span> <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwBE8AElucrXmpVGufX2Gv0OY5k4dxHp84KHVlSMl1T5nPnXMwcINDnUgKWoHK0MdP6LlIHIeZjqree3tI3cbOin62BZDz7xBMUbzDxADTXySewAJo9rwhLIyutPnKGKnDln1lfssTIJ5L/s0/rss.png'/></a> <a href='http://www.twitter.com/YOUR_USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ3cDtS7mDwpmyNQMPuHdD25On7jWEAfNI4wA_QFagGFHy8mdkiC8yiQikdH21uzyEbwW9DMYrfIXvdSxM04GCOC0ri593axA6WCdzJ3VdL9wzqoEN8dU5_BVDvzXO1SfZOcZ4LTlqYnMW/s0/twitter.png'/></a>  <a href='http://www.facebook.com/YOUR_USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEichprzH3R7u_32IZ5YKQhJ3HRENy8gMl8hZrPjIuAuGov9harSOrFfhP6QxOIaAu5akWQBHGR1flkV5ljAFxTAD-BnuJS868kNSMljshgh8vkbV6Vv41mKleJyHAB6Rk8Lux9LBDRVnxxA/s0/facebook.png'/></a>
</div>
 <div id='searchbox'>
<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' id='searchthis' method='get'>
<div class='content'>
<input class='textfield' name='q' size='24' type='text' value=''/>
<input class='button' type='submit' value=''/>
</div>
</form>
</div></div>
    <div id='header-wrapper'> 




    </div>

<div class='second-row'> <b:section class='second-row' id='second-row' preferred='yes' showaddelement='no'/></div>
     


    <div id='content-wrapper'>
     
      <div id='main-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:section class='slider-k' id='slider-k' showaddelement='no'/></b:if> 
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML3' locked='false' title='nosso xat' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
      </div>

          <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='tv' type='HTML'/>
<b:widget id='Label2' locked='false' title='Menu' type='Label'/>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
<b:widget id='HTML5' locked='false' title='parceiros' type='HTML'/>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>
      </div>
<div id='sidebar-wrapper2'>
        <b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='HTML2' locked='false' title='canais' type='HTML'/>
</b:section>
      </div>
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->
<div id='content-but'/>
   

  </div></div> <!-- end outer-wrapper -->
<div id='footer-bg'>
<div id='footer'>
<!-- Remmeber!!! This free Blogger template is licensed under the Creative Commons Attribution 3.0 License. You are required to keep the footer links intact which provides due credit to its Author and Supporters. -->
 <div class='first-links'>Copyright (c) 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>.
 Designed for <a href='http://iphoneplånbok.se/'>Smidig iphoneplånbok</a> | <a href='http://www.baixartemplatesnovos.blogspot.com/'>BaixarTemplatesNovos</a>

</div>
</div></div></div></div>
   
</body>
</html>
                

0 comentários:

Postar um comentário

Aviso: Blog com novo template e atualizado diariamente, aproveitem !
▲ Ir para Topo Bajar