Codigo css

3 participantes

Ver o tópico anterior Ver o tópico seguinte 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 : 1553
Pontos : 2049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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