Codigo css Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Codigo css

3 participantes

Ir para baixo

Tópico resolvido Codigo css

Mensagem por igor.willock 22.09.12 0:04

Qual é minha questão:
Oi,
Todo codigo que adiciono na folha de css da erro, eu adicionei um tema ao meu forum que ja veio com um codigo, e acho que esse codigo esta errado, eu nao entendo muito bem, poderiam me ajudar ? obrigado.




Código:
 html #i_icon_mini_index{
background-image: url(http://img406.imageshack.us/img406/5100/homewk.png);
width: 90px;
height: 90px;
}
#i_icon_mini_index:hover{
background-image: url(http://img88.imageshack.us/img88/292/home1l.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal{
background-image: url(http://img35.imageshack.us/img35/3443/printer.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal:hover{
background-image: url(http://img149.imageshack.us/img149/9224/printer1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search{
background-image: url(http://img151.imageshack.us/img151/8461/searchy.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search:hover{
background-image: url(http://img580.imageshack.us/img580/262/search1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile{
background-image: url(http://img252.imageshack.us/img252/2373/profileyr.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile:hover{
background-image: url(http://img522.imageshack.us/img522/4972/profile1l.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message{
background-image: url(http://img413.imageshack.us/img413/1640/messagenk.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message:hover{
background-image: url(http://img710.imageshack.us/img710/984/message1c.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message{
background-image: url(http://img155.imageshack.us/img155/5161/newmssg.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message:hover{
background-image: url(http://img269.imageshack.us/img269/3756/newmssg1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login{
background-image: url(http://img196.imageshack.us/img196/2046/logink.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login:hover{
background-image: url(http://img257.imageshack.us/img257/8104/login1s.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout{
background-image: url(http://img34.imageshack.us/img34/3127/logoutqp.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout:hover{
background-image: url(http://img148.imageshack.us/img148/6774/logout1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register{
background-image: url(http://img819.imageshack.us/img819/5794/registere.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register:hover{
background-image: url(http://img801.imageshack.us/img801/6419/register1.png);
width: 90px;
height: 90px;
}


/*
Hackety-hack-hack…
FF2, with the above code, will only display the repeat-y image for as
 high as the window’s viewport is; higher content (upon
 scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6…dunno
 ’bout IE7.
*/
html>body {
 min-height: 100%;
 width: auto;

.spacer {
  color: #6A6A6A;
  background: #2C2C2C url("http://balkan-extreme.info/styles/hermes_gray/theme/images/th.gif") top left repeat-x;
  border: solid 1px #393939;
  padding: 1px;
}




div.t16 {font-size: 16pt}
div.t9 {font-size: 9pt}
div.t12 {font-size: 11pt}


 /*Contur rontunjit la cadrul forumului-DOAR PENTRU UTILIZATORII FIREFOX,GOOGLE CHROME SI SAFARI*/
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}
a.mainmenu{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
  }
a.mainmenu:hover{
          filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
 
td.row1, td.row2, td.row3, td.row3Right { opacity: .8;


Links e imagens do meu problema:
https://2img.net/h/oi48.tinypic.com/alrpcm.jpg

Endereço do meu fórum:
http://brasilsevenfoldgames.forumeiros.com/forum

Versão do meu fórum:
PHPBB3


Última edição por igor.willock em 22.09.12 12:36, editado 1 vez(es)
igor.willock
igor.willock
Novo Membro

Membro desde : 21/09/2012
Mensagens : 3
Pontos : 7

http://brasilsevenfoldgames.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo css

Mensagem por SkyLize 22.09.12 0:40

Teste este code :

Código:
 {

 html
#i_icon_mini_index{
background-image: url(http://img406.imageshack.us/img406/5100/homewk.png);
width: 90px;
height: 90px;
}
#i_icon_mini_index:hover{
background-image: url(http://img88.imageshack.us/img88/292/home1l.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal{
background-image: url(http://img35.imageshack.us/img35/3443/printer.png);
width: 128px;
height: 128px;
}
#i_icon_mini_portal:hover{
background-image: url(http://img149.imageshack.us/img149/9224/printer1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search{
background-image: url(http://img151.imageshack.us/img151/8461/searchy.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search:hover{
background-image: url(http://img580.imageshack.us/img580/262/search1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile{
background-image: url(http://img252.imageshack.us/img252/2373/profileyr.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile:hover{
background-image: url(http://img522.imageshack.us/img522/4972/profile1l.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message{
background-image: url(http://img413.imageshack.us/img413/1640/messagenk.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message:hover{
background-image: url(http://img710.imageshack.us/img710/984/message1c.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message{
background-image: url(http://img155.imageshack.us/img155/5161/newmssg.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message:hover{
background-image: url(http://img269.imageshack.us/img269/3756/newmssg1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login{
background-image: url(http://img196.imageshack.us/img196/2046/logink.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login:hover{
background-image: url(http://img257.imageshack.us/img257/8104/login1s.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout{
background-image: url(http://img34.imageshack.us/img34/3127/logoutqp.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout:hover{
background-image: url(http://img148.imageshack.us/img148/6774/logout1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register{
background-image: url(http://img819.imageshack.us/img819/5794/registere.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register:hover{
background-image: url(http://img801.imageshack.us/img801/6419/register1.png);
width: 90px;
height: 90px;
}


/*
Hackety-hack-hack…
FF2, with the above code, will only display the repeat-y image for as
 high as the window’s viewport is; higher content (upon
 scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6…dunno
 ’bout IE7.
*/
html>body {
 min-height: 100%;
 width: auto;

.spacer {
  color: #6A6A6A;
  background: #2C2C2C url("http://balkan-extreme.info/styles/hermes_gray/theme/images/th.gif") top left repeat-x;
  border: solid 1px #393939;
  padding: 1px;
}




div.t16 {font-size: 16pt}
div.t9 {font-size: 9pt}
div.t12 {font-size: 11pt}


 /*Contur rontunjit la cadrul forumului-DOAR PENTRU UTILIZATORII FIREFOX,GOOGLE CHROME SI SAFARI*/
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}
a.mainmenu{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
  }
a.mainmenu:hover{
          filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
 
td.row1, td.row2, td.row3, td.row3Right { opacity: .8;
 
 }
SkyLize
SkyLize
**

Membro desde : 20/09/2012
Mensagens : 77
Pontos : 112

http://ultra-pixel.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo css

Mensagem por Nickname 22.09.12 0:47

Olá,
Modifique o seu css atual por este:
Código:
 html #i_icon_mini_index{
background-image: url(http://img406.imageshack.us/img406/5100/homewk.png);
width: 90px;
height: 90px;
}
#i_icon_mini_index:hover{
background-image: url(http://img88.imageshack.us/img88/292/home1l.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal{
background-image: url(http://img35.imageshack.us/img35/3443/printer.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal:hover{
background-image: url(http://img149.imageshack.us/img149/9224/printer1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search{
background-image: url(http://img151.imageshack.us/img151/8461/searchy.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search:hover{
background-image: url(http://img580.imageshack.us/img580/262/search1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile{
background-image: url(http://img252.imageshack.us/img252/2373/profileyr.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile:hover{
background-image: url(http://img522.imageshack.us/img522/4972/profile1l.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message{
background-image: url(http://img413.imageshack.us/img413/1640/messagenk.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message:hover{
background-image: url(http://img710.imageshack.us/img710/984/message1c.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message{
background-image: url(http://img155.imageshack.us/img155/5161/newmssg.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message:hover{
background-image: url(http://img269.imageshack.us/img269/3756/newmssg1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login{
background-image: url(http://img196.imageshack.us/img196/2046/logink.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login:hover{
background-image: url(http://img257.imageshack.us/img257/8104/login1s.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout{
background-image: url(http://img34.imageshack.us/img34/3127/logoutqp.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout:hover{
background-image: url(http://img148.imageshack.us/img148/6774/logout1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register{
background-image: url(http://img819.imageshack.us/img819/5794/registere.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register:hover{
background-image: url(http://img801.imageshack.us/img801/6419/register1.png);
width: 90px;
height: 90px;
}


/*
Hackety-hack-hack…
FF2, with the above code, will only display the repeat-y image for as
 high as the window’s viewport is; higher content (upon
 scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6…dunno
 ’bout IE7.
*/
html>body {
 min-height: 100%;
 width: auto};

.spacer {
  color: #6A6A6A;
  background: #2C2C2C url("http://balkan-extreme.info/styles/hermes_gray/theme/images/th.gif") top left repeat-x;
  border: solid 1px #393939;
  padding: 1px;
}




div.t16 {font-size: 16pt}
div.t9 {font-size: 9pt}
div.t12 {font-size: 11pt}


 /*Contur rontunjit la cadrul forumului-DOAR PENTRU UTILIZATORII FIREFOX,GOOGLE CHROME SI SAFARI*/
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}
a.mainmenu{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
  }
a.mainmenu:hover{
          filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65};
 
td.row1, td.row2, td.row3, td.row3Right { opacity: .8};

Cordialmente
Upload Positivo
Nickname
Nickname
Super Membro

Membro desde : 13/11/2011
Mensagens : 1554
Pontos : 2050

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos