Modificar o fórum com CSS

[camposrica]

Qual é sua questão:
Olá.

Gostaria de saber como posso colocar isto em meu fórum o que esta arrendodando a preto:



E depois gostaria como acresecentar estes botões de online & offline em meu fórum e também aqueles icons que estão arrendodados a vermelho:



Que medidas você tomou para corrigir o problema:
..

Apresente-nos imagens do problema (se necessário):


Qual o endereço de seu fórum:
www.techsoft.livreforum.com

Qual a versão de seu fórum?:
Phpbb3

[camposrica]

Eu vi isto neste tema:

http://pt.hitskin.com/buscar-um-tema/gs-greeny-162654.htm

[Dury]

Olá,

Use o CSS deste tópico de minha resposta: https://ajuda.forumeiros.com/-t42150.html


Até mais!

[camposrica]

Não ficou !

[Dury]

Olá,

Estou meio com dúvidas se deseja os botões do tema ou o CSS. Se for o CSS eu lhe passo ele inteiro. Creio que á parte que resultará á questão seria essa:

Código:

/*-------------------titlul categoriilor | fara efect-------------------*/


h1.page-title {
font-family: Verdana;}

h1.page-title a:hover {
text-decoration: none;}

.content {
color: #5f5f5f;
font-family: Verdana;}

.content a:hover {
text-decoration: none;}

a.forumtitle {
font-family: Verdana;}

a.forumtitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}

a.topictitle {
font-family: Verdana;}

a.topictitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}

.postbody .topic-title {
font-family: Verdana;}

.postbody .topic-title a:hover {
text-decoration: none;}

.post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom left;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#preview {
background: #f7f7f7 !important;}

.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

input[type="text"],input[type="password"]{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

#tabs a, #tabs .activetab a, #tabs a:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

.introduction, .panel, .postprofile, .module {background-color: #fcfcfc;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

p em b a.gensmall{
font-style: normal;
font-style: normal;
font-weight: bold;
font-family: Verdana;
text-transform: none;
}

h1.page-title {
font-size: 12px;
text-shadow: 1px 1px 0px #f1f1f1;}

.search-box {
   margin-top: 0;
   margin-left: 5px;
   float: right;
display: none;
   }

.blog_cal-border {
background-color: transparent;
border: 0px;
background: url('http://i45.tinypic.com/af911z.png') no-repeat center;
padding: 5px 5px;}

.blog_cal-content {
background-color: transparent;
color: #FFFFFF;}

.propune-tutorial {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun12.png) no-repeat;
margin-left: 400px;
}

.propune-tutorial:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun13.png) no-repeat;
}

.template a img {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/127.png) no-repeat;
}

.template a img:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/212.png) no-repeat;
}

blockquote {
margin: 1em 10px 1em 25px;
background: transparent url("http://i88.servimg.com/u/f88/14/28/28/25/bb_quo10.gif") 1px 1px no-repeat;
background-position: top right;
border: 1px solid #dadada;
font-size: 0.95em;
margin-left: 0px;
overflow: hidden;}

blockquote blockquote {
background-color: transparent;
font-size: 0.95em;
margin: 0.5em 1px 0pt 15px;}

blockquote blockquote blockquote {
font-size: 0.95em;
background-color: transparent;}

dl.codebox {
padding: 3px;
background-color: transparent;
border: 1px solid #dadada;
font-size: 1em;
font-family: Trebuchet MS;}

dl.codebox dt {
text-transform: none;
font-size: 0.95em;
background-image: url('http://i88.servimg.com/u/f88/14/28/28/25/bb_cod10.gif');
background-repeat: no-repeat;
background-position: top right;
border-bottom: 0px solid #FFFFFF;
font-weight: bold;}

dl.codebox code {
font: 0.9em Verdana,Arial,Helvetica,sans-serif;
color: #666666;}




#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width: 400px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid black;
}

.tabcontent{
display:none;
}

Lembre-se que á visualização deve ser testada em vários navegadores e não somente em um.

[camposrica]

Olá era isso mesmo que queria...

Mas só mais duas questões se me puder ajudar.

Queria pedir a ver se me arranja estes icons que estão arredondado á vermelho no print .




E a outro dúvida era saber se consigo colocar o icone online & offline que neste caso aparece o online , gostaria de saber se da para por como esta no print a seta apontada .



Cumps !

[Dury]

Olá,

Na folha de estilos, precione às teclas "Ctrl + F" e ali cole o seguinte código:

.post{
background: #fcfcfc url(https://i.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom Left;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.online {
z-index: 999 !important;
background: white url(https://i.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

Substitua o valor em vermelho (Left) por Right.

Ou seja, o código seria este:

Código:

.post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom Right;
border: 3px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom Right;
}

Sobre sua outra questão, consegui os endereços:
http://hitskin.com/themes/16/26/54/i_icon_profile.png
http://hitskin.com/themes/16/26/54/i_icon_www.png
http://hitskin.com/themes/16/26/54/i_icon_email.png
http://hitskin.com/themes/16/26/54/i_icon_pm.png
http://hitskin.com/themes/16/26/54/i_icon_aim.png
http://hitskin.com/themes/16/26/54/i_icon_icq_add.png
http://hitskin.com/themes/16/26/54/i_icon_msnm.png
http://hitskin.com/themes/16/26/54/i_icon_yim.png
http://hitskin.com/themes/16/26/54/i_icon_skype.png

Até mais e boa noite!

[camposrica]

Olá,

Na folha de estilos, precione às teclas "Ctrl + F" e ali cole o seguinte código:

.post{
background: #fcfcfc url(https://i.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom Left;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.online {
z-index: 999 !important;
background: white url(https://i.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

Substitua o valor em vermelho (Left) por Right.

Ou seja, o código seria este:

Código:

.post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom Right;
border: 3px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom Right;
}

Sobre sua outra questão, consegui os endereços:
http://hitskin.com/themes/16/26/54/i_icon_profile.png
http://hitskin.com/themes/16/26/54/i_icon_www.png
http://hitskin.com/themes/16/26/54/i_icon_email.png
http://hitskin.com/themes/16/26/54/i_icon_pm.png
http://hitskin.com/themes/16/26/54/i_icon_aim.png
http://hitskin.com/themes/16/26/54/i_icon_icq_add.png
http://hitskin.com/themes/16/26/54/i_icon_msnm.png
http://hitskin.com/themes/16/26/54/i_icon_yim.png
http://hitskin.com/themes/16/26/54/i_icon_skype.png

Até mais e boa noite!

Boas ..

A questão dos icons que queria esta arrumado , agora o que não funcionou foi este código:

Código:

.post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom [color=red]Left[/color];
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

[Needke]

Olá camposrica,

Isso está a acontecer, porque no código existem trechos de BBCode, tente com isso:

Código:

.post{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom Left;
border:2px solid #eaeaea;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.online{
z-index:990!important;
background: url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

Isso resultou? Por favor informe-nos do seu resultado

Att, Needke

[camposrica]

Olá Needke

Vou ter que esperar a ver se é este o código por causa da minha situação com o fórum.
Espero que depois o código CSS não for este que me ajudem ..


Espero que não bloqueiam o tópico.


Cumprimentos,
camposrica

[Needke]

Claro camposrica, uma vez que entendemos a sua situação, deixaremos esse tópico aberto no máximo 5 dias, esperamos que consiga resolver o mais rapidamente possível

Att, Needke

[camposrica]

Olá camposrica,

Isso está a acontecer, porque no código existem trechos de BBCode, tente com isso:

Código:

.post{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom Left;
border:2px solid #eaeaea;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.online{
z-index:990!important;
background: url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

Isso resultou? Por favor informe-nos do seu resultado

Att, Needke

Não ficou como prentedia Needke !

[Convidad]

Boa noite,

1- O endereço dos ícones são:

Spoiler:

Para adicioná-los vá em painel de controle Usuários e Grupos Usuários Perfis

2- Para poder adicionar o ícone de "online" para o usuário que estiver conectado, e de "offiline" para o usuário que estiver desconectado, leia o seguinte tutorial: https://ajuda.forumeiros.com/-t23170.htm

3- Para deixar os botões daquele jeito, basta adicionar o seguinte script css:

Código:

#format-buttons input, #format-buttons select, button.button2 {vertical-align: middle;}

a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {padding: 1px 0;}

#text_editor_iframe, input.post, select, textarea.inputbox, select, a.button1, a.button2, button.button2, input.button1, input.button2, input {background-color: #FAFAFA;background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);background-position: top;background-repeat: repeat-x;color: black;font-family: Verdana,Arial,Helvetica,sans-serif;overflow: visible;padding: 2px 3px;width: auto!important; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

a.button2, button.button2, input.button2 {border: 1px solid #BCBCBC;}

button.button2, input.button1, input.button2 {font-size: 1em;}

Deverá aplicá-lo em painel de controle Imagens e Cores Cores Aba Folha de estilos css

Espero ter lhe ajudado, até mais.

[camposrica]

Os icons estão resolvidos a outro situação de mover o icone de online ou offline para aonde está a seta no print.

[Convidad]

Boa noite,

Desculpe mais isso é impossível, somente com edição de templates.

Atenciosamente.

[camposrica]

Então não consigo colocar online & offline no perfil do membro nos tópicos?

[Convidad]

2- Para poder adicionar o ícone de "online" para o usuário que estiver conectado, e de "offiline" para o usuário que estiver desconectado, leia o seguinte tutorial: https://ajuda.forumeiros.com/-t23170.htm

[camposrica]

Não ajudou ..

[Dury]

Olá,

Especifique-se por favor? Diga o que exatamente deseja...
Deseja colocar os ícones Online e Offline?
Painel de controle ->> Visualização ->> Imagens e Cores ->> Gestão das imagens ->> Modo avançado ->> (aba) Mini ícones ->>
Procure pelos dois últimos campos, Mini ícone - Online e Mini ícone - Offline.

Até mais!

[camposrica]

Secalhar deve se passar alguma coisa no meu CSS e não dá ..

Vou deixar aqui a ver se me ajudam , aqui fica o CSS do meu fórum.

Spoiler:

[Convidad]

Boa tarde,

Código:

body {
font-size: 10px;
}
dl.codebox code {
color: #000000;
}
blockquote {
margin-bottom: -10px;
}
p.center-overview {
font-size: 10px;
}
ul.linklist li.rightside, ul.linklist li.rightside, a.copyright, a.icon-home, li.rightside {
color: #fff;
background-color: transparent !important;
font-size: 10px;
}
body {
background-image: url(http://i66.servimg.com/u/f66/12/46/70/00/i_back11.png);
background-repeat: no-repeat;
background-position: center top;
background-color: #2e2e2e;
}
#logo {
margin-top: -68px;
}
#wrap {
margin-top: 60px;
border: 0px;
}
#page-header .navbar {
background-image: url(http://2img.net/i/fa/empty.gif);
}
div.navbar {
background-color: transparent !important;
background-image: url(http://i16.servimg.com/u/f16/12/46/70/00/bg_cat10.png);
background-repeat: repeat-x;
margin-left: -7px;
margin-right: -7px;
}
div#page-body {
background-color: #FFF;
border: 1px solid #000;
margin-top: 13px;
-moz-border-radius: 5px;
border-top: 0px;
background-image: url(http://i66.servimg.com/u/f66/12/46/70/00/sombra14.png);
background-position: top;
background-repeat: repeat-x;
padding-top: 30px;
paddin-left: 8px;
width: 90%;
margin-left: 40px;
padding-left: 20px;
padding-right: 10px;
}
#wrap {
background-color: transparent !important;
}
#page-header .navbar {
background-color: transparent !important;
margin-top: -10px;
}
a.mainmenu, .mainmenu {
color: #fff;
border-bottom: 0px;
font-size: 12px;
}
.headerbar {
background-color: transparent !important;
}
#flutuation {
display: scroll;
position: fixed;
top: 10px;
left: 5px;
}
.chatbox_row_2, .chatbox_row_1 {
background-color: transparent !important;
}

h2.h3 {
color: #000;
border-bottom: 1px solid #000;
}

#chatbox_footer {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-html-border-radius: 5px;
background-image: url('http://lervisc.apllic.net/row.png');
background-position: bottom;
background-repeat: repeat-x;
border:1px solid #000;
}
.fontbutton {
background-color: transparent !important;
}
h4.member-title {
background-color: transparent !important;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}
td.row2 {
background-color: transparent !important;
}

/* jqModal----------------------------------------------*/.jqmWindow {display: none;position: fixed;left: 50%;width: 450px;margin-left: -225px;top: 50%;margin-top: -125px;background-color: #ffffff;border: 1px solid #1675bc;}.jqmOverlay {background-color: #000;}#search_form h1 {margin: 0.1em 0 0.3em;}#jqmHide {margin: 0.4em 0;}.jqDrag {cursor: move;}/* First Post----------------------------------------------*/#first-post-br {width: 80%;border: 0;border-top: solid 1px #1675bc;margin: 20px auto;}/* Blog----------------------------------------------*/.blog .icon {background-position: 10px 20px !important;}.blog .dterm {width: 94% !important;background-position: 5px 20px !important;}.blog_cal-border {display: inline;float: left;border: 1px solid #1675bc;background: #e5f1f9;padding: 1px;font-size: 1.2em;margin-right: 1em;}.blog_cal-content {width: 2.9em;background: #1675bc;padding: 1px;line-height: 1.4em;text-align: center;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;color: #ffffff;}.blog_cal-content span {display: block;}.blog_cal-day {padding-left: 0.2em;font-size: 1.6em;letter-spacing: 0.2em;}.blog_cal-month {line-height: 0.7em;font-size: 2em;font-weight: bold;}.blog_cal-year {line-height: 1.2em;font-size: 0.8em;}.blog_title {padding-top: 1em;font-size: 1.3em;}.blog_title h2 {display: inline;}.blog_title .topictitle {font-size: 1.2em;}.blog_message {margin-top: 0.5em;font-size: 1.1em;}.blog .codebox dt {width: 92%;}* html .blog .codebox dt,*+html .blog .codebox dt {width: 100%;}.blog_comments {text-align: right;}.blog_comments img {vertical-align: middle;}#blog_comments {width: 90%;margin: 0 auto;}#blog_comments .postbody {width: 96%;}.blog_comment-avatar {float: left;}.blog_comment-avatar img {background-color: #fff;border: 1px solid #1675bc;vertical-align: middle;width: 38px;margin: 5px 5px 0 0;}#blog_comments .h3 {overflow: hidden;margin-top: 0;margin-left: 45px;padding: 0;min-height: 22px;}.blog_comment-title {float: left;min-height: 12px;margin-top: 7px;}#blog_comments .profile-icons {margin: 0;list-style-position: inherit;}/* Social bookmarking----------------------------------------------*/#bookmarks {float: right;}#bookmarks a img {width: 20px;height: 20px;background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;vertical-align: middle;}#bookmarks img.delicious {background-position: -10px -10px;}#bookmarks img.digg {background-position: -10px -50px;}#bookmarks img.excite {background-position: -9px -90px;}#bookmarks img.facebook {background-position: -9px -128px;}#bookmarks img.furl {background-position: -10px -166px;}#bookmarks img.google {background-position: -10px -206px;}#bookmarks img.live {background-position: -9px -246px;}#bookmarks img.netscape {background-position: -9px -284px;}#bookmarks img.newsvine {background-position: -9px -322px;}#bookmarks img.reddit {background-position: -10px -360px;}#bookmarks img.slashdot {background-position: -10px -400px;}#bookmarks img.smarking {background-position: -9px -440px;}#bookmarks img.stumbleupon {background-position: -10px -478px;}#bookmarks img.technorati {background-position: -10px -518px;}#bookmarks img.yahoo {background-position: -10px -558px;}/*negrito na coluna de perfil*
.blog_message {
margin-left: 19px;
}
input.button1, input.button2, button.button2 {
background-image: url('http://2img.net/i/fa/empty.gif');
-moz-border-radius: 2px;
}

/* THIS CODE IS TO PERSONALIZE A WIDGET, NOT TO ERASE  */

.feedburnerFeedBlock img {
display: none;
}
.feedburnerFeedBlock li {
padding: 10px 5px;
min-height: 40px;
-moz-border-radius: 0px 0px 0px #fff;
border:1px dotted #ccc;
}
.feedburnerFeedBlock li:hover {
background-color: #f2f2f2;
}
.feedburnerFeedBlock li a{
font-size: 1.2em;
font-family: Arial,Helvetica,sans-serif;
background: url(http://www.forumeiros.com/i/img/puce_fleche.png) 0% 50% no-repeat;
padding-left: 15px;
color: #000;
-moz-border-radius: 0px 0px 0px #fff;
}
.feedburnerFeedBlock li p.date {
margin: -2px 0px;
font-size: 1.0em;
background: url(http://2img.net/i/fa/subsilver/icon_miniposted.gif) 0% 50% no-repeat;
padding-left: 15px;
-moz-border-radius: 0px 0px 0px #fff;
}
.feedburnerFeedBlock li p.feedItemAuthor {
margin: -2px 0px;
font-size: 1.0em;
-moz-border-radius: 0px 0px 0px #fff;
}
.feedburnerFeedBlock ul li div {
color: #000;
line-height: 100%;
text-align: justify;
-moz-border-radius: 0px 0px 0px #fff;
}

/* THIS CODE IS TO PERSONALIZE A WIDGET, NOT TO ERASE  */
hr {
color: #ccc;
background-color: #ccc;
border: 0px solid #ccc;
}
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffff;
display: none;
background-image: url('http://i16.servimg.com/u/f16/12/46/70/00/untitl18.png');
background-position: top;
background-repeat: repeat-x;
-moz-box-shadow: 0 0 1em #ccc;
}




blockquote {
background-image: url('');
background-repeat: no-repeat;
background-position: bottom right;
}
p.row3 {
background-color: #ffffff;
background-image: url('http://lervisc.apllic.net/row.png');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #ccc;
-moz-border-radius: 2px;
padding-left: 10px;
width: 100px;
}
p.row3 {
color: #000;
}
a {
outline: none;
}
#tabs .activetab a {
background-color: #ffffff;
background-image: url('http://lervisc.apllic.net/row.png');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #ccc;
-moz-border-radius: 2px;
}
#tabs a {
background-color: #ffffff;
background-image: url('http://lervisc.apllic.net/row.png');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #ccc;
-moz-border-radius: 2px;
}
.postprofile {
height:600px;
border: 1px solid #000;
background-color: #FFFFFF;
margin-bottom: auto;
margin-top:-4px;
margin-left:-4px;
margin-right:-9px;
}
#page-header input.button2 {
width: auto !important;
padding: 5px 5px;
font-size: 14px;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #4b3b04;
background: #e6b406 url('http://i66.servimg.com/u/f66/11/66/91/15/bg_btn10.png') repeat-x top;
}
#search-box #keywords {
width: 150px;
background: #ffffff;
border: 1px solid #b3b6aa;
font-size: 13px;
font-weight: normal;
padding: 5px 5px;
color: #999999;
}

.center-overview img {
display: none;
}
.h3, .h2, h1.page-title {
color: #000;
text-transform: none;
border-bottom: 1px solid #000;
}
.module {
background-image: url('http://i16.servimg.com/u/f16/12/46/70/00/untitl18.png');
background-position: top;
background-repeat: repeat-x;
border: 1px solid #000;
-moz-border-radius: 2px;
}
div.smiley-element {
background-color: #ffffff;
background-image: url('http://lervisc.apllic.net/row.png');
background-position: bottom;
background-repeat: repeat-x;
}
form#smilies_categ {
background-color: #ffffff;
}
.post {
background-color: #ffffff;
background-image: url('http://lervisc.apllic.net/row.png');
background-position: bottom;
background-repeat: repeat-x;
-moz-border-radius: 2px;
border: 1px solid #000;
}
#smiley-box, #smiley-box iframe {
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-html-border-radius: 3px;
background-image: url('http://lervisc.apllic.net/row.png');
background-position: bottom;
background-repeat: repeat-x;
background-color: #ffffff;
}
.panel {
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-html-border-radius: 3px;
background-image: url('http://lervisc.apllic.net/row.png');
background-position: bottom;
background-repeat: repeat-x;
background-color: #fff;
}
.forumbg, .forabg {
width: 98%;
border: none;
margin-top: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
ul.linklist {
border-bottom:0px;
}
.mainmenu, a.mainmenu:hover {
color: #3399FF;
}
.mainmenu, a.mainmenu {
color: #fff;
font-weight: normal;
}
.forumbg.announcement {
border: 1px solid #ccc;
margin-top: 10px;
}
li.row dl.icon dd.dterm {
text-shadow: none;
}
li.row:hover {
background-color: #ffffff;
border: 1px solid #000;
}
li.row {
background-color: #ffffff;
background-image: url(http://lervisc.apllic.net/row.png);
background-position: bottom;
background-repeat: repeat-x;
}
.table-title h2, dl.icon dt, dl.icon dd.dterm {
text-shadow: none;
}

.resizebox .resize_border {
background-color: #FFFFCC;
-moz-border-radius:10px;
border:1px solid #000;
}
a.fullsize {
color: transparent !important;
background-image: url('http://img257.imageshack.us/img257/2408/redp.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}
.resize {
color: transparent !important;
background-image: url('http://img689.imageshack.us/img689/8599/redi.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}
a.enlarge {
color: transparent !important;
background-image: url('http://img94.imageshack.us/img94/2435/reda.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}
.i_icon_mini_index {
margin-right: -6px;
}
ul#picture_legend, ul#privmsgs-menu { display: none; }
a {
outline: none;
}
.postprofile dt {
text-align: center;
}
div.postprofile dl dd{text-align:center}
a.mainmenu:hover{border-bottom:1px solid #000000}
#page-header #search-box{margin-top:-70px;}
.inputbox {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #536482;
}
a.mainmenu:hover {
border-bottom: 4px solid #00A4CD;
}
a:hover {
color: #86B125;
text-decoration: none;
}
.img_list_hp {
border: 1px solid #363636;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: ;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #363636;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i20.servimg.com/u/f20/16/40/84/03/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
.blog_cal-content{
background-color:#828282;
}
p.author {
position: relative;
right: -7em;
margin-top: 20px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;
}
div#page-body{
-moz-border-radius: 40px 400px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
}

-----------coidog de tópicos------------

/*-------------------titlul categoriilor | fara efect-------------------*/


h1.page-title {
font-family: Trebuchet MS;}

h1.page-title a:hover {
text-decoration: none;}

.content {
color: #5f5f5f;
font-family: Trebuchet MS;}

.content a:hover {
text-decoration: none;}

a.forumtitle {
font-family: Trebuchet MS;}

a.forumtitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}

a.topictitle {
font-family: Trebuchet MS;}

a.topictitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}

.postbody .topic-title {
font-family: Trebuchet MS;}

.postbody .topic-title a:hover {
text-decoration: none;}

#preview {
background: #f7f7f7 !important;}

input[type="text"],input[type="password"]{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

#tabs a, #tabs .activetab a, #tabs a:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

.introduction, .panel, .postprofile, .module {background-color: #fcfcfc;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

p em b a.gensmall{
font-style: normal;
font-style: normal;
font-weight: bold;
font-family: Trebuchet MS;
text-transform: none;
}

h1.page-title {
font-size: 12px;
text-shadow: 1px 1px 0px #f1f1f1;}

.search-box {
  margin-top: 0;
  margin-left: 5px;
  float: right;
display: none;
  }

.blog_cal-border {
background-color: transparent;
border: 0px;
background: url('http://i45.tinypic.com/af911z.png') no-repeat center;
padding: 5px 5px;}

.blog_cal-content {
background-color: transparent;
color: #FFFFFF;}

.propune-tutorial {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun12.png) no-repeat;
margin-left: 400px;
}

.propune-tutorial:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun13.png) no-repeat;
}

.template a img {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/127.png) no-repeat;
}

.template a img:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/212.png) no-repeat;
}

blockquote {
margin: 1em 10px 1em 25px;
background: transparent url("http://i88.servimg.com/u/f88/14/28/28/25/bb_quo10.gif") 1px 1px no-repeat;
background-position: top right;
border: 1px solid #dadada;
font-size: 0.95em;
margin-left: 0px;
overflow: hidden;}

blockquote blockquote {
background-color: transparent;
font-size: 0.95em;
margin: 0.5em 1px 0pt 15px;}

blockquote blockquote blockquote {
font-size: 0.95em;
background-color: transparent;}

dl.codebox {
padding: 3px;
background-color: transparent;
border: 1px solid #dadada;
font-size: 1em;
font-family: Trebuchet MS;}

dl.codebox dt {
text-transform: none;
font-size: 0.95em;
background-image: url('http://i88.servimg.com/u/f88/14/28/28/25/bb_cod10.gif');
background-repeat: no-repeat;
background-position: top right;
border-bottom: 0px solid #FFFFFF;
font-weight: bold;}

dl.codebox code {
font: 0.9em Trebuchet MS,Arial,Helvetica,sans-serif;
color: #666666;}




#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 11px Trebuchet MS;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width: 400px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid black;
}

.tabcontent{
display:none;
}


#format-buttons input, #format-buttons select, button.button2 {vertical-align: middle;}

a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {padding: 1px 0;}

#text_editor_iframe, input.post, select, textarea.inputbox, select, a.button1, a.button2, button.button2, input.button1, input.button2, input {background-color: #FAFAFA;background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);background-position: top;background-repeat: repeat-x;color: black;font-family: Verdana,Arial,Helvetica,sans-serif;overflow: visible;padding: 2px 3px;width: auto!important; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

a.button2, button.button2, input.button2 {border: 1px solid #BCBCBC;}

button.button2, input.button1, input.button2 {font-size: 1em;}

Substitua o seu css por esse acima que estou postando. Você havia repetido muitas vezes o código para colocar os ícones de "on" e "off", talvez seja o motivo de não estar funcionando. O seu css está limpo, faça bom proveito.

Se quiser adicionar o ícone de on e off agora, basta ler o tutorial que lhe mandei, inserindo o código apenas uma vez e funcionará (é preferível que insira-o no topo).

Atenciosamente.