Never • 13.04.14 18:06
Templante - TheVicioo 13.04.14 18:06
Olá galerinha vim postar o Templante criado pelo PokoDesigns,(LokoPoko) ele se chama TheVicio.
CARACTERISTÍCAS;
Slide
Rádio
Parceria
Mudar BackGround
Páginas editadas.
Esse templante foi baseado no darkhabbo & editado.
CARACTERISTÍCAS;
Slide
Rádio
Parceria
Mudar BackGround
Páginas editadas.
Esse templante foi baseado no darkhabbo & editado.
- Código:
<?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>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*F
-----------------------------------------------------
The Vicio
Fã site do viciohotel.com
Não plageie crie! By: Loko-poko,part. Marcelo
------------------------------------------------------ */
/* Variable definitions
====================
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% Arial, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% Arial, sans-serif">
*/
#navbar-iframe {
display: none;
}
body {
background: #EEE url(http://i.imgur.com/7E9gRbd.png);
margin:0;
}
a:link { color: #FFF; text-decoration: none;}
a:visited { text-decoration: none; color: #FFF;
}
a:hover { text-decoration: none; color: #FFF;
}
a:active { text-decoration: none; color: #FFF;
}
b { color: #666;}
b:hover { color: #666;
}
/* Top
-----------------------------------------------
*/
#top {
background:url(http://i47.tinypic.com/2u40h00.png);
height:45px;
}
#balao {
background:url(http://i.imgur.com/Kdd64bY.gif);
width: 948px;
height:51px;
margin-bottom:3px;
margin-top:-5px;
}
/* Meio
----------------------------------------------- */
#mid {
width: 944px;
margin:0 auto;
text-align:left;
font: $bodyfont;
}
#posts {
width: 624px;
float: right;
margin-right: 6px;
word-wrap: break-word;
overflow: hidden;
}
#box {
width: 268px;
float: right;
word-wrap: break-word;
overflow: hidden;
}
h2 {
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
color:#FFF;
}
h3 {
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
}
/* Post
-----------------------------------------------*/
.post {
}
.post-body img, table.tr-caption-container {
}
.post h3 {
background:url(http://4.bp.blogspot.com/-QennKbSXMuw/ULf8xKNaHyI/AAAAAAAAASE/HqcTYn2RSew/s1600/post_red.png);
height:18px;
font-size:16px;
font-family:Tahoma;
color:#FFF;
text-transform:none;
margin:6px 0 -6px;
padding:6px 15px 10px;
text-shadow: #FFF 0px 0px 5px;
}
.post-body {
background:url(http://3.bp.blogspot.com/-L_pfqA0YnaY/UK8j9aGEYTI/AAAAAAAAAPM/J2lTLQvgOQU/s1600/post_content.png) repeat-y;
font-family:Tahoma;
padding:0 3px 0;
margin:6px 0 0;
font-size: 12px;
color: #888;
}
.post-footer {
background:url(http://3.bp.blogspot.com/-9Sb_Q4USkK4/UK_G29CSB0I/AAAAAAAAAQc/YDgoNZrvHV4/s1600/post_bottom.png) bottom;
height: 18px;
font-size: 12px;
color: #666;
padding: 2px 5px 0;
}
.comment-link {FF0000
}
.tr-caption-container img {
background: #000;
border: none;
padding: 0;
}
.post blockquote {
}
.post blockquote p {
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
display: none;
}
#slide {
background:url(http://2.bp.blogspot.com/-jIx6a8qp8iI/UK8ia-X12XI/AAAAAAAAAOo/6wJURSlcnkA/s1600/slide.png);
width: 898px;
height:181px;
float: right;
}
#menu {
background:url(http://1.bp.blogspot.com/-HRiwT5KBVuM/UMs6IAifKHI/AAAAAAAAAU4/LA3VubmHqSk/menu.png);
width: 44px;
height:181px;
float: left;
}
/* Box
-----------------------------------------------*/
.widget-content {
background:url(http://4.bp.blogspot.com/-fCgsOIJr9gI/UK8kLnlw1-I/AAAAAAAAAPY/9ykr1d5_3jE/s1600/box_content.png) repeat-y bottom left;
margin:0pt;
overflow:hidden;
padding: 0px 6px 6px; 6px;
}
.sidebar h2 {
background:url(http://4.bp.blogspot.com/-fZTtJxSuSLg/ULf5RbCBqRI/AAAAAAAAARk/EttFZpk4DVc/s1600/box_blue.png);
height:18px;
font-size:16px;
font-family:Tahoma;
color:#FFF;
text-transform:none;
margin:6px 0 0;
padding:6px 15px 10px;
text-shadow: #FFF 0px 0px 5px;
}
.sidebar {
color: #888;
font-size:14px;
}
/* Slide
/*--Container geral--*/
.main_view { float: left; position: relative; }
.window {
height:173px;
width: 889px;
margin-top: 4px;
margin-left: 4px;
overflow: hidden;
position: relative;
}
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img { float: left; }
/*--Estilos do container da numeração--*/
.paging { position: absolute;
bottom: 10px; right: -1px;
width: 150px; height:40px;
boder:: 100; text-align: center;
line-height: 40px;
text-shadow: #CCC 1px 1px;
background:url(http://2.bp.blogspot.com/-Mo1bVhHjsSw/UDBVXBh7WcI/AAAAAAAACqA/7W6U2p9K7J8/s1600/bg_link_slide.png);
display: none; }
.paging a { outline:none; padding: 5px 10px; text-decoration: none; color: #444;
background:url(http://4.bp.blogspot.com/-Q2hs7bmFRag/UC0oBNcUJeI/AAAAAAAACjA/tyZUNtYuFbs/s1600/bg_n_slide.png); }
.paging a.active { font-weight: bold; color: #666;
background:url(http://3.bp.blogspot.com/-glklTd1M-gw/UC0oVu898DI/AAAAAAAACjM/TkHL2AmGijk/s1600/bg_n_slide.png); }
.paging a:hover { font-weight: bold; }
#footer {
background: url(http://i.imgur.com/NplEV11.gif);
width:624px;
height:43px;
margin-top: -10px;
}
]]></b:skin>
<!-- JavaScript Slider Horizontal - Inicio-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");
//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;
//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});
//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
$(".paging a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );
};
//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
$active = $('.paging a.active').next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (3 seconds)
};
rotateSwitch(); //Run function on launch
//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
});
//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});
});
</script>
<!-- JavaScript Slider Horizonta - Fim-->
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
<center><div id='top'>
<a href='/'><img src='http://i.imgur.com/SlmlU5s.gif'/></a>
<a href='http://thevicioo.blogspot.com.br/p/grupo-vicio.html'><img src='http://i.imgur.com/fL9kyAk.gif'/></a>
<a href='http://thevicioo.blogspot.com.br/p/fa-club.html'><img src='http://i.imgur.com/qzTJcYo.gif'/></a>
<a href='http://thevicioo.blogspot.com.br/p/pixels.html'><img src='http://i.imgur.com/1sI08hR.gif'/></a>
<a href='http://thevicioo.blogspot.com.br/p/news.html'><img src='http://i.imgur.com/annNS7y.gif'/></a>
<a href='http://thevicioo.blogspot.com.br/p/equipe.html '><img src='http://i.imgur.com/TQfEOlr.gif'/></a>
<a href='http://viciohotel.com'><img src='http://i.imgur.com/3xrfKgo.gif'/></a>
<a href='http://thevicioo.blogspot.com.br/p/Radio.html'><img src='http://i.imgur.com/l2Dbkem.gif'/></a>
<a href='#'><img src='http://i.imgur.com/BpoGf4Z.gif'/></a>
</div></center>
<center><div id='balao'/></center>
<div id='mid'>
<div id='menu'>
<a href='/'><img border='0' height='31' src='http://2.bp.blogspot.com/-xSh4AwUXOVM/UMtAOJyw6zI/AAAAAAAAAVc/tInNEYxgPtU/s320/home.png' width='44'/></a>
<a href='http://thevicioo.blogspot.com.br/p/chat-vicio.html'><img border='0' height='18' src='http://3.bp.blogspot.com/-sCSKj4ah6Zc/UMtAOTTQl0I/AAAAAAAAAVo/-yJlN96DHZ8/s320/balao.png' width='44'/></a>
<a href='http://thevicioo.blogspot.com.br/p/equipe.html'><img border='0' height='21' src='http://4.bp.blogspot.com/-ntHw8IMgoH0/UMtAPtNI-XI/AAAAAAAAAV0/iNrNShU2fhs/s320/noticias.png' width='44'/></a>
<a href='http://thevicioo.blogspot.com.br/p/radio.html'><img border='0' height='17' src='http://2.bp.blogspot.com/-hwmJpxvTzow/UMtAQGXk1VI/AAAAAAAAAWA/BOG6qp_9dFM/s320/moedas.png' width='44'/></a>
<a href='http://thevicioo.blogspot.com.br/p/grupo-vicio.html'><img border='0' height='21' src='http://3.bp.blogspot.com/-osPB6Ru7JSc/UMtAQdhAAZI/AAAAAAAAAWM/4HYf9KU4YcU/s320/bolsa.png' width='44'/></a>
<a href='http://thevicioo.blogspot.com.br/p/news.html'><img border='0' height='21' src='http://4.bp.blogspot.com/-mmBIlr2znoo/UMtAszkbviI/AAAAAAAAAWY/THpCIE2zsIg/s320/chave.png' width='44'/></a>
<a href='http://viciohotel.com'><img border='0' height='21' src='http://2.bp.blogspot.com/-xJbt8kS4Htg/UMtAtABgAWI/AAAAAAAAAWk/lgC4kWND60w/s320/x.png' width='44'/></a>
</div>
<div id='slide'>
<div class='main_view'> <div class='window'> <div class='image_reel'>
<img alt='' src='http://i.imgur.com/7t3R2oa.gif'/>
<img alt='' src='http://i.imgur.com/Yf60dne.gif'/>
<img alt='' src='http://4.bp.blogspot.com/-pWsiAzscljc/UK8nQZNl7AI/AAAAAAAAAP4/ol-GW6F_ytg/s1600/img.png'/>
<img alt='' src='http://4.bp.blogspot.com/-pWsiAzscljc/UK8nQZNl7AI/AAAAAAAAAP4/ol-GW6F_ytg/s1600/img.png'/>
</div></div> <div class='paging'>
<a href='http://www.viciohotel.com' rel='1'>1</a>
<a href='http://www.viciohotel.com' rel='2'>2</a>
<a href='insira-seu-link-3' rel='3'>3</a>
<a href='insira-seu-link-4' rel='4'>4</a>
</div></div></div>
<div id='content-wrapper'>
<div id='crosscol-wrapper' sttyle='text-align:center'>
<b:section class='crosscol' id='crosscol'/>
</div>
<div id='box'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML4' locked='false' title='Selecione o fundo' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Hall da fama' type='HTML'/>
<b:widget id='Text1' locked='false' title='Grupo' type='Text'/>
<b:widget id='HTML3' locked='false' title='Parceiros Oficiais' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Onlines' type='HTML'/>
</b:section>
</div>
<div id='posts'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
<div id='footer'/>
</div>
<div class='clear'> </div>
</div>
</div>
</body>
<!-- BEGINS: AUTO-GENERATED MUSES RADIO PLAYER CODE -->
<script src='http://hosted.musesradioplayer.com/mrp.js' type='text/javascript'/>
<script type='text/javascript'>
MRP.insert({
'url':'http://184.173.176.213:11361/;',
'lang':'pt',
'codec':'mp3',
'volume':100,
'autoplay':true,
'buffering':5,
'title':'Rádio%20TheVicio ',
'welcome':'Rádio TheVicio',
'bgcolor':'#FFFFFF',
'skin':'repvku-100',
'width':100,
'height':25
});
</script>
<!-- ENDS: AUTO-GENERATED MUSES RADIO PLAYER CODE -->
</html>
