Power Pixel Fórum - Conteúdos inovados sempre!
Redes Sociais:

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

Index

Mensagem - Página 1 de 1

1 Index em Seg 14 Mar 2016 - 14:00

avatar
Membro Prata

Olá galera do power-pixel, hoje trazendo o download da index da Kash cms v1.5 do "LoTos", sei que muitos gostam desse Index, então estou trazendo ela para vocês

-----------------------------------------------------------------------------------------------------------------------------------------
Download
Print
SCAN: 4SHARED JÁ FAZ
-----------------------------------------------------------------------------------------------------------------------------------------
Creditos:
LoTos( Kash CMS V1.5)
EU (POSTAR)
--------------------------------------------------------------------------------------------------------------------------------------
FIX's
Arrumando o BUG das imagens não aparecer na INDEX:
Vá em: htdocs/web-gallery/v2/styles
Abra o arquivo: LoToS-Index.css
Apague tudo que tiver la dentro e coloque isso:
Código:
[size=11][/size]
body {[size=11][/size]
   background: url('../../../../imagens/fd.png') #dcdcdc;[size=11][/size]
   color: #2d2d2d;[size=11][/size]
   font-size: 14px;[size=11][/size]
   cursor: default;[size=11][/size]
}[size=11][/size]
[size=11][/size]
body, .area, .entrar {[size=11][/size]
   font-family: 'Trebuchet MS';   [size=11][/size]
}[size=11][/size]
[size=11][/size]
a {[size=11][/size]
   text-decoration: none;[size=11][/size]
   color: inherit;[size=11][/size]
}[size=11][/size]
[size=11][/size]
h1, h2, h3, h4, h5, p {[size=11][/size]
   font-weight: normal;[size=11][/size]
   padding: 0;[size=11][/size]
   margin: 0;[size=11][/size]
}[size=11][/size]
[size=11][/size]
h1 {[size=11][/size]
   font-size: 14px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
h2 {[size=11][/size]
   font-size: 24px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
h3 {[size=11][/size]
   font-size: 14px;[size=11][/size]
   color: #ffc81e;[size=11][/size]
   text-shadow: 0 1px #000;[size=11][/size]
   text-transform: uppercase;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#general {[size=11][/size]
   width: 1000px;[size=11][/size]
   margin: 0 auto;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#header {[size=11][/size]
   overflow: auto;[size=11][/size]
   position: relative;[size=11][/size]
   height: 112px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.logo {[size=11][/size]
   background: url('../../../web-gallery/v2/images/habbo.png') no-repeat center;[size=11][/size]
   width: 221px;[size=11][/size]
   height: 63px;[size=11][/size]
   float: left;[size=11][/size]
   padding-top: 20px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#twitter {[size=11][/size]
   margin: 20px 70px 0 0;[size=11][/size]
   float: right;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.tw {[size=11][/size]
   background: url('../../../imagens/twf.png');[size=11][/size]
   box-shadow: 0 2px #8c8c8c;[size=11][/size]
   float: left;[size=11][/size]
   height: 30px;[size=11][/size]
   width: 35px;[size=11][/size]
   border-radius: 5px 0 0 5px;[size=11][/size]
   border: solid 1px #506473;[size=11][/size]
   position: absolute;[size=11][/size]
   margin-left:-37px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.textot {[size=11][/size]
   background: #ebebeb;[size=11][/size]
   box-shadow: 0 2px #8c8c8c, 0 2px #fff inset;[size=11][/size]
   color: #8c8c8c;[size=11][/size]
   font-size: 12px;[size=11][/size]
   text-shadow: 0 1px #fff;[size=11][/size]
   border-radius: 0 5px 5px 0;[size=11][/size]
   width: 500px;[size=11][/size]
   height: 15px;[size=11][/size]
   padding: 8px 0px 7px 0px;[size=11][/size]
   border-top: solid 1px #8c8c8c;[size=11][/size]
   border-bottom: solid 1px #8c8c8c;[size=11][/size]
   border-right: solid 1px #8c8c8c;[size=11][/size]
   float: right;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.frank {[size=11][/size]
   background: url('../../../imagens/frank.png');[size=11][/size]
   height: 62px;[size=11][/size]
   width: 80px;[size=11][/size]
   position: absolute;[size=11][/size]
   margin-top: 30px;[size=11][/size]
   right: 20px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#contenido {[size=11][/size]
   margin-top: -28px;[size=11][/size]
   text-shadow: 0 1px #fff;[size=11][/size]
   font-size: 14px;[size=11][/size]
   height: 220px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#entrada {[size=11][/size]
   float: left;   [size=11][/size]
   position: relative;[size=11][/size]
   margin-top: 6px;[size=11][/size]
   width: 190px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.esp {[size=11][/size]
   padding-top: 2px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.circ {[size=11][/size]
   background: url('../../../imagens/circ.png') no-repeat center;[size=11][/size]
   height: 9px;[size=11][/size]
   width: 9px;[size=11][/size]
   float: left;[size=11][/size]
   padding: 5px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.area {[size=11][/size]
   background: #2d2d2d;[size=11][/size]
   border: none;[size=11][/size]
   text-align: center;[size=11][/size]
   color: #fff;[size=11][/size]
   text-shadow: 0 1px #000;[size=11][/size]
   font-size: 14px;[size=11][/size]
   border-radius: 5px;[size=11][/size]
   padding: 8px 15px 8px 15px;[size=11][/size]
   box-shadow: 0 3px #141414 inset, 0 2px #fff;[size=11][/size]
   width: 155px;[size=11][/size]
   outline: none;[size=11][/size]
   margin: 0;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.mal {[size=11][/size]
   background: #c81400;[size=11][/size]
   box-shadow: 0 3px #9f1400 inset, 0 2px #fff;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#mal {[size=11][/size]
   background: url('../../../imagens/mal.gif') #c81400 no-repeat 300px;[size=11][/size]
   box-shadow: 0 3px #9f1400 inset, 0 2px #fff;[size=11][/size]
   color: #fff;[size=11][/size]
   text-shadow: 0 1px #000;[size=11][/size]
   text-align: center;[size=11][/size]
   padding: 15px;[size=11][/size]
   font-size: 20px;[size=11][/size]
   border-radius: 0 0 5px 5px;[size=11][/size]
   margin-top: -8px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.cont {[size=11][/size]
   font-size: 12px;[size=11][/size]
   text-align: center;[size=11][/size]
   padding-bottom: 10px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.entrar {[size=11][/size]
   width: 100%;[size=11][/size]
   position: absolute;[size=11][/size]
   background: url('../../../imagens/bot.png');[size=11][/size]
   color: #fff;[size=11][/size]
   text-transform: uppercase;[size=11][/size]
   text-shadow: 0 1px #917832;[size=11][/size]
   box-shadow: 0 3px #5a3705;[size=11][/size]
   font-size: 18px;[size=11][/size]
   border: solid 1px #5a3705;[size=11][/size]
   border-radius: 5px;[size=11][/size]
   padding: 10px;[size=11][/size]
   cursor: pointer;[size=11][/size]
}[size=11][/size]
.entrar:hover {[size=11][/size]
   background: url('../../../imagens/bot.png') 0 -66px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#hotel {[size=11][/size]
   background: url('../../../imagens/hotel.png');[size=11][/size]
   height: 168px;[size=11][/size]
   width: 800px;[size=11][/size]
   float: right;[size=11][/size]
   border-radius: 5px;[size=11][/size]
   border: solid 1px #000;[size=11][/size]
   box-shadow: 1px 1px #fff inset, -1px -1px #fff inset;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.conec {[size=11][/size]
   margin: 0 0 10px 15px;[size=11][/size]
   float: left;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#reg {[size=11][/size]
   background: url('../../../imagens/bot.png');[size=11][/size]
   float: right;[size=11][/size]
   width: 250px;[size=11][/size]
   border-radius: 5px;[size=11][/size]
   border: solid 1px #5a3705;[size=11][/size]
   box-shadow: 0 3px #5a3705;[size=11][/size]
   padding: 9px;[size=11][/size]
   text-align: center;[size=11][/size]
   color: #fff;[size=11][/size]
   text-shadow: 0 1px #917832;[size=11][/size]
   text-transform: uppercase;[size=11][/size]
   margin: 50px 30px 0 0;[size=11][/size]
}[size=11][/size]
#reg:hover {[size=11][/size]
   background: url('../../../imagens/bot.png') 0 -66px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#redes {[size=11][/size]
   float: right;[size=11][/size]
   clear: both;[size=11][/size]
   margin: 15px 0 15px 0;[size=11][/size]
   width: 400px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.enc {[size=11][/size]
   margin-left: 20px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.red {[size=11][/size]
   height: 25px;[size=11][/size]
   width: 24px;[size=11][/size]
   float: right;[size=11][/size]
   background: red;[size=11][/size]
   margin: -10px 5px 0 5px;[size=11][/size]
   margin-top:-24px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.face {[size=11][/size]
   background: url('../../../imagens/redes.png') 0 0;[size=11][/size]
}[size=11][/size]
.face:hover {[size=11][/size]
   background: url('../../../imagens/redes.png') 24px 0;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.twit {[size=11][/size]
   background: url('../../../imagens/redes.png') 0 -35px;[size=11][/size]
}[size=11][/size]
.twit:hover {[size=11][/size]
   background: url('../../../imagens/redes.png') 24px -35px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.goo {[size=11][/size]
   background: url('../../../imagens/redes.png') 0 -70px;[size=11][/size]
}[size=11][/size]
.goo:hover {[size=11][/size]
   background: url('../../../imagens/redes.png') 24px -70px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.sky {[size=11][/size]
   background: url('../../../imagens/redes.png') 0 -105px;[size=11][/size]
}[size=11][/size]
.sky:hover {[size=11][/size]
   background: url('../../../imagens/redes.png') 24px -105px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.mail {[size=11][/size]
   background: url('../../../imagens/redes.png') 0 -140px;[size=11][/size]
}[size=11][/size]
.mail:hover {[size=11][/size]
   background: url('../../../imagens/redes.png') 24px -140px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.rss {[size=11][/size]
   background: url('../../../imagens/redes.png') 0 -175px;[size=11][/size]
}[size=11][/size]
.rss:hover {[size=11][/size]
   background: url('../../../imagens/redes.png') 24px -175px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#descrip {[size=11][/size]
   overflow: auto;[size=11][/size]
   width: 100%;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#flink {[size=11][/size]
   background: url('../../../imagens/flink.gif') no-repeat left top;[size=11][/size]
   padding-top: 0px;[size=11][/size]
   float: left;[size=11][/size]
   width: 150px;[size=11][/size]
   font-size: 12px;[size=11][/size]
   text-shadow: 0 1px #fff;[size=11][/size]
   margin-top:-20px;[size=11][/size]
   margin-left:-12px;[size=11][/size]
   position:absolute;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#noticias {[size=11][/size]
   float: right;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.evento {[size=11][/size]
   padding: 15px;[size=11][/size]
   height: 150px;[size=11][/size]
   width: 225px;[size=11][/size]
   float: left;[size=11][/size]
   margin-left: 15px;[size=11][/size]
   border-radius: 2px;[size=11][/size]
   border: solid 1px #000;[size=11][/size]
   box-shadow: 1px 1px #fff inset, -1px -1px #fff inset;[size=11][/size]
   position: relative;   [size=11][/size]
}[size=11][/size]
[size=11][/size]
.titulo {[size=11][/size]
   font-size: 12px;[size=11][/size]
   color: #fff;[size=11][/size]
   text-shadow: 0 0 5px #000;[size=11][/size]
   margin: -5px 0 0 -5px;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.texto {[size=11][/size]
   background: rgba(0, 0, 0, 0.45);[size=11][/size]
   position: absolute;[size=11][/size]
   box-shadow: 1px 0 #fff inset, -1px -1px #fff inset;[size=11][/size]
   border-radius: 0 0 2px 2px;[size=11][/size]
   font-size: 12px;[size=11][/size]
   color: #fff !important;[size=11][/size]
   text-shadow: 0 1px #000;[size=11][/size]
   padding: 10px;[size=11][/size]
   left: 0;[size=11][/size]
   bottom: 0;[size=11][/size]
   [size=11][/size]
}[size=11][/size]
[size=11][/size]
.furnis {[size=11][/size]
   background: url('../../../imagens/furnis.png') no-repeat center;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.concursos {[size=11][/size]
   background: url('../../../imagens/concursos.png') no-repeat center;[size=11][/size]
}[size=11][/size]
[size=11][/size]
.actual {[size=11][/size]
   background: url('../../../imagens/actua.png') no-repeat center;[size=11][/size]
}[size=11][/size]
[size=11][/size]
#footer {[size=11][/size]
   text-align: center;[size=11][/size]
   margin-top: 15px;[size=11][/size]
   font-size: 12px;[size=11][/size]
   text-shadow: 0 1px #fff;[size=11][/size]
}



Última edição por Maatheus-Tiburcio em Seg 14 Mar 2016 - 18:21, editado 2 vez(es)

2 Re: Index em Seg 14 Mar 2016 - 14:11

avatar
Gerente

Essa índex é bem antiga, mas mesmo assim não deixa de ter um belo design.

3 Re: Index em Seg 14 Mar 2016 - 14:13

avatar
Membro Prata

Sim, ele pode ser simples, mais gosto muito do design dela

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