Codigo css

[igor.willock]

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

[SkyLize]

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

[Nickname]

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