Codigo css

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Codigo css

Mensagem por igor.willock em 21/09/12, 08:04 pm

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:
Http://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, 08:36 am, editado 1 vez(es)
avatar

igor.willock
Nível 1

Masculino
Inscrito dia : 21/09/2012
Mensagens : 3
Pontos Ativos : 7

Ver perfil do usuário http://brasilsevenfoldgames.forumeiros.com/forum

Resolvido Re: Codigo css

Mensagem por SkyLize em 21/09/12, 08:40 pm

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;
 
 }
avatar

SkyLize
Nível 6

Masculino
Inscrito dia : 20/09/2012
Mensagens : 77
Pontos Ativos : 112

Ver perfil do usuário http://ultra-pixel.forumeiros.com

Resolvido Re: Codigo css

Mensagem por Nickname em 21/09/12, 08:47 pm

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
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

Ver perfil do usuário http://ajuda.forumeiros.com https://www.facebook.com/gabrielstiflerz

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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