Ajuda css do meu forum
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Ajuda css do meu forum
Qual é minha questão:
Ola, queria ajuda em questão do código CSS
Quando ponho o mouse em cima de um link, ele fica sublinhado, gostaria de tirar isso, pra que não alterasse nada.
Imagem:
https://2img.net/h/oi50.tinypic.com/2rmmx6u.jpg
CSS do meu fórum:
html #i_icon_mini_index{
background-image: url(https://2img.net/r/ihimizer/img406/5100/homewk.png);
width: 90px;
height: 90px;
}
#i_icon_mini_index:hover{
background-image: url(https://2img.net/r/ihimizer/img88/292/home1l.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal{
background-image: url(https://2img.net/r/ihimizer/img35/3443/printer.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal:hover{
background-image: url(https://2img.net/r/ihimizer/img149/9224/printer1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search{
background-image: url(https://2img.net/r/ihimizer/img151/8461/searchy.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search:hover{
background-image: url(https://2img.net/r/ihimizer/img580/262/search1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile{
background-image: url(https://2img.net/r/ihimizer/img252/2373/profileyr.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile:hover{
background-image: url(https://2img.net/r/ihimizer/img522/4972/profile1l.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message{
background-image: url(https://2img.net/r/ihimizer/img413/1640/messagenk.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message:hover{
background-image: url(https://2img.net/r/ihimizer/img710/984/message1c.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message{
background-image: url(https://2img.net/r/ihimizer/img155/5161/newmssg.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message:hover{
background-image: url(https://2img.net/r/ihimizer/img269/3756/newmssg1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login{
background-image: url(https://2img.net/r/ihimizer/img196/2046/logink.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login:hover{
background-image: url(https://2img.net/r/ihimizer/img257/8104/login1s.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout{
background-image: url(https://2img.net/r/ihimizer/img34/3127/logoutqp.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout:hover{
background-image: url(https://2img.net/r/ihimizer/img148/6774/logout1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register{
background-image: url(https://2img.net/r/ihimizer/img819/5794/registere.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register:hover{
background-image: url(https://2img.net/r/ihimizer/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};
body {
cursor: url('http://justmorangosgirls.com.sapo.pt/cursoressetas/setagrandecoreszero.ani'), auto;
}
a:hover {
cursor: url('http://www.girlspt.com/cursores/cursoressetas/setagrandecoreszero.cur'), auto;
}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
Endereço do meu fórum:
http://brasilsevenfoldgames.forumeiros.com
Versão do fórum:
PHPBB2
Ola, queria ajuda em questão do código CSS
Quando ponho o mouse em cima de um link, ele fica sublinhado, gostaria de tirar isso, pra que não alterasse nada.
Imagem:
https://2img.net/h/oi50.tinypic.com/2rmmx6u.jpg
CSS do meu fórum:
html #i_icon_mini_index{
background-image: url(https://2img.net/r/ihimizer/img406/5100/homewk.png);
width: 90px;
height: 90px;
}
#i_icon_mini_index:hover{
background-image: url(https://2img.net/r/ihimizer/img88/292/home1l.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal{
background-image: url(https://2img.net/r/ihimizer/img35/3443/printer.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal:hover{
background-image: url(https://2img.net/r/ihimizer/img149/9224/printer1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search{
background-image: url(https://2img.net/r/ihimizer/img151/8461/searchy.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search:hover{
background-image: url(https://2img.net/r/ihimizer/img580/262/search1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile{
background-image: url(https://2img.net/r/ihimizer/img252/2373/profileyr.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile:hover{
background-image: url(https://2img.net/r/ihimizer/img522/4972/profile1l.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message{
background-image: url(https://2img.net/r/ihimizer/img413/1640/messagenk.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message:hover{
background-image: url(https://2img.net/r/ihimizer/img710/984/message1c.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message{
background-image: url(https://2img.net/r/ihimizer/img155/5161/newmssg.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message:hover{
background-image: url(https://2img.net/r/ihimizer/img269/3756/newmssg1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login{
background-image: url(https://2img.net/r/ihimizer/img196/2046/logink.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login:hover{
background-image: url(https://2img.net/r/ihimizer/img257/8104/login1s.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout{
background-image: url(https://2img.net/r/ihimizer/img34/3127/logoutqp.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout:hover{
background-image: url(https://2img.net/r/ihimizer/img148/6774/logout1.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register{
background-image: url(https://2img.net/r/ihimizer/img819/5794/registere.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register:hover{
background-image: url(https://2img.net/r/ihimizer/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};
body {
cursor: url('http://justmorangosgirls.com.sapo.pt/cursoressetas/setagrandecoreszero.ani'), auto;
}
a:hover {
cursor: url('http://www.girlspt.com/cursores/cursoressetas/setagrandecoreszero.cur'), auto;
}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
Endereço do meu fórum:
http://brasilsevenfoldgames.forumeiros.com
Versão do fórum:
PHPBB2
Última edição por MychelleNeves0 em 10.01.13 21:01, editado 1 vez(es)
Re: Ajuda css do meu forum
Olá,
Troque o CSS do seu fórum por este
Até
Troque o CSS do seu fórum 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};
body {
cursor: url('http://justmorangosgirls.com.sapo.pt/cursoressetas/setagrandecoreszero.ani'), auto;
}
a:hover {
cursor: url('http://www.girlspt.com/cursores/cursoressetas/setagrandecoreszero.cur'), auto;
}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
a.gen:hover, a.genmed:hover, a.gensmall:hover {
color: #6F9AF7;
text-decoration: none!important;
}
Até
Re: Ajuda css do meu forum
Olá,
Adiciona este código no final da sua Folha de estilo CSS
Até
Adiciona este código no final da sua Folha de estilo CSS
- Código:
a.forumlink:hover {
color: #6F9AF7;
text-decoration: none!important;
}
Até
Tópicos semelhantes
» [Ajuda] Como adicionar um tema no fórum [Ajuda]
» [ajuda] fórum dentro do fórum
» Ajuda com meu forum
» Ajuda com meu fórum
» Ajuda com forum
» [ajuda] fórum dentro do fórum
» Ajuda com meu forum
» Ajuda com meu fórum
» Ajuda com forum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos