Power Pixel Fórum - O melhor conteúdo você encontra aqui!
Redes Sociais:

Você não está conectado. Conecte-se ou registre-se

Templante - TheVicioo

Mensagem - Página 1 de 1

1 Templante - TheVicioo em Dom 13 Abr 2014 - 18:06

Membro

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.
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
   $(&quot;.paging&quot;).show();
   $(&quot;.paging a:first&quot;).addClass(&quot;active&quot;);
      
   //Get size of images, how many there are, then determin the size of the image reel.
   var imageWidth = $(&quot;.window&quot;).width();
   var imageSum = $(&quot;.image_reel img&quot;).size();
   var imageReelWidth = imageWidth * imageSum;
   
   //Adjust the image reel to its new size
   $(&quot;.image_reel&quot;).css({'width' : imageReelWidth});
   
   //Paging + Slider Function
   rotate = function(){   
      var triggerID = $active.attr(&quot;rel&quot;) - 1; //Get number of times to slide
      var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

      $(&quot;.paging a&quot;).removeClass('active'); //Remove all active class
      $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
      
      //Slider Animation
      $(&quot;.image_reel&quot;).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
   $(&quot;.image_reel a&quot;).hover(function() {
      clearInterval(play); //Stop the rotation
   }, function() {
      rotateSwitch(); //Resume rotation
   });   
   
   //On Click
   $(&quot;.paging a&quot;).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>

2 Re: Templante - TheVicioo em Dom 13 Abr 2014 - 18:47

Membro Elite

muito bom estarei usando vlw

3 Re: Templante - TheVicioo em Sab 27 Set 2014 - 11:13

Membro Platina

Obrigado , xjoao.

4 Re: Templante - TheVicioo em Sab 27 Set 2014 - 11:54

Membro Platina

Poderia postar um print?
Com certeza será mais fácil para alguém que queira saber como é.

Até.

Mensagem - Página 1 de 1

Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum