Centralizar título
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Centralizar título
Qual é minha questão:
Bom dia.
Eu estou querendo mudar um pouco o design do meu fórum. Mas, não tenho domínio sobre CSS. O que eu quero, é centralizar o título do tópico e, ao passar o mouse por cima dele, ele "acendesse", ficasse com blur e um brilho rodeando ele.
— Eu vi isso num outro fórum. A ideia não é copiar desse fórum, mas, mostrar como queria que ficasse centralizado:
— No meu fórum, quando você passa o mouse por cima, o título "corre" pro lado, acende e tem o efeito "blur":
— E esse é a purpurina que queria que ficasse junto do blur:
Com as mudanças, a capa ficaria centralizada com o título em cima dela. Ao passar o mouse em cima, daria um ar "mágico", ou seja, acenderia, ficaria com blur e a purpurina em cima, entendem?
Ficaria bastante grato se pudessem me ajudar nisso.
Obrigado desde já.
Endereço do meu fórum:
http://www.rpgpotterhead.com
Versão do fórum:
PHPBB2
Bom dia.
Eu estou querendo mudar um pouco o design do meu fórum. Mas, não tenho domínio sobre CSS. O que eu quero, é centralizar o título do tópico e, ao passar o mouse por cima dele, ele "acendesse", ficasse com blur e um brilho rodeando ele.
— Eu vi isso num outro fórum. A ideia não é copiar desse fórum, mas, mostrar como queria que ficasse centralizado:
— No meu fórum, quando você passa o mouse por cima, o título "corre" pro lado, acende e tem o efeito "blur":
— E esse é a purpurina que queria que ficasse junto do blur:
Com as mudanças, a capa ficaria centralizada com o título em cima dela. Ao passar o mouse em cima, daria um ar "mágico", ou seja, acenderia, ficaria com blur e a purpurina em cima, entendem?
Ficaria bastante grato se pudessem me ajudar nisso.
Obrigado desde já.
Endereço do meu fórum:
http://www.rpgpotterhead.com
Versão do fórum:
PHPBB2
Última edição por Potterhead em 07.04.13 9:37, editado 1 vez(es)
Re: Centralizar título
Saudações!
Infelizmente não é possível ver o teu fórum, pois somos redirecionados a pagina de login, o senhor poderia retira-la para podermos averiguar o problema?
Até mais!
Infelizmente não é possível ver o teu fórum, pois somos redirecionados a pagina de login, o senhor poderia retira-la para podermos averiguar o problema?
Até mais!
Re: Centralizar título
• Pra isso eu teria que mudar as autorizações de TODOS os tópicos e, seria um tanto trabalhoso. Eu tenho um fórum que uso de "cobaia" para as mudanças, etc. É esse aqui: http://phteste.forumeiros.com/forum
— Ele tem o mesmo CSS do Potterhead.
• Tipo, a ideia fundamental é centralizar o título do tópico e deixá-lo em cima da foto, como nessa imagem aqui: https://i.servimg.com/u/f76/18/21/82/30/fdf_or10.png
• Queria retirar também esse efeito que a letra "corre pro lado", dando lugar à centralização do título.
— Ele tem o mesmo CSS do Potterhead.
• Tipo, a ideia fundamental é centralizar o título do tópico e deixá-lo em cima da foto, como nessa imagem aqui: https://i.servimg.com/u/f76/18/21/82/30/fdf_or10.png
• Queria retirar também esse efeito que a letra "corre pro lado", dando lugar à centralização do título.
Re: Centralizar título
Essa aqui é minha folha CSS
- Código:
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
BODY{cursor: url("http://cur.cursors-4u.net/others/oth-3/oth256.cur"),
url("http://cur.cursors-4u.net/others/oth-3/oth256.cur"), auto;
}
A:hover
{cursor: url("http://cur.cursors-4u.net/others/oth-3/oth256.cur"),
url("http://cur.cursors-4u.net/others/oth-3/oth256.cur"), auto;}
#chatbox_header{
background-image: url(http://i42.servimg.com/u/f42/17/12/76/27/barrin12.jpg);
background-color: transparent;}
body.chatbox{
background-image: url(http://i45.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
background-color: transparent;}
a[href="/u1"] {
text-shadow: 0px 0px 10px #8B0000;
}
a[href="/u1"] {background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");}
a.forumlink{-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;border-bottom:1px solid #000000;border-left:5px solid #000000;display:block;font-family:arial;font-size:16px;font-weight:700;margin-left:10px;padding-left:10px;text-shadow:0 0 1px #000000;transform:all;transition:1s}a.forumlink:hover{-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;border-bottom:1px solid #000000;border-left:2px solid #000000;display:block;font-style:bold;padding-left:100px;transform:all;transition:1s}
a:hover {
color: #FFFFFF;
text-shadow : 0px 0px 7px #FFFFFF;
}
/*banner flutuante*/
#popup {
position: fixed;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #000000;
background: url(http://i50.tinypic.com/ztfcxz.png);
display: none;
}
dl.codebox{background:none;border:none;padding:0px}
.robot{
position: relative;
left: 8px;
font-size: 11px;
border-right: solid 1px #000;
width: 170px;
height: 250px;
}
.cattitle{
color: #696969;
font-weight: normal;
font-size: 10px;
}
.robot-contet{
height: 0px;
position: relative;
left: 200px;
width: 80%;
font-size: 11px;
}
.robot-scroll-img{
border-right: solid 1px #000;
position: relative;
left: 70px;
height: 28px;
width: 108px;
}
.adds48{
width: 175px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #FF0000;
border-radius: 3px;
padding: 2px;
}
a:link {
text-decoration: none !important;
}
#conect {
text-align: justify;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
.forumline {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
::-webkit-scrollbar {
-webkit-border-radius: 1ex;
background: orange;
height: 17px;
width: 17px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px
rgba(0, 0, 0, 0.75);
background: url(http://i47.servimg.com/u/f47/17/57/64/81/untitl10.jpg);
}
::-webkit-scrollbar-track-piece {
background: url(http://i48.servimg.com/u/f48/17/28/17/38/classi10.jpg);
}
::-webkit-scrollbar-corner {
background: #000000;
}
#chatbox_members ul li a, #chatbox_members ul li { font-size: 11px !important; font-family:"arial";}
Re: Centralizar título
Saudações querido!
Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha De Estilo CSS
Código:
Valide.
Até mais!
Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha De Estilo CSS
Código:
- Código:
.forumlink {
font-size: 16px;
text-align: center !important;
left: 206px !important;
position: relative;
}
Valide.
Até mais!
Re: Centralizar título
Bom, coloquei o código que você mandou na folha CSS que mandei acima e apliquei no fórum e, ocorreu que o efeito de "correr" ainda permanece e jogou o título lá pro canto. Dá uma olhada:
Re: Centralizar título
Saudações!
O senhor quer que não role? Me mande teu CSS.
Até mais!
O senhor quer que não role? Me mande teu CSS.
Até mais!
Re: Centralizar título
Então, que quero mudar um pouco. Mas, como? Simples. Quero tirar esse nome que rola pro lado e centralizar o nome em cima da capa do fórum como nessa imagem aqui:
Fonte: http://www.rpghogwarts.org/forum
Se puder destacar pra mim o fragmento do CSS que faz esse efeito de correr, ficaria grato. Assim, num futuro eu poderia voltar para esse nome de correr caso eu queira "mudar" de novo.
Segue meu CSS:
Fonte: http://www.rpghogwarts.org/forum
Se puder destacar pra mim o fragmento do CSS que faz esse efeito de correr, ficaria grato. Assim, num futuro eu poderia voltar para esse nome de correr caso eu queira "mudar" de novo.
Segue meu CSS:
- Código:
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
BODY{cursor: url("http://cur.cursors-4u.net/others/oth-3/oth256.cur"),
url("http://cur.cursors-4u.net/others/oth-3/oth256.cur"), auto;
}
A:hover
{cursor: url("http://cur.cursors-4u.net/others/oth-3/oth256.cur"),
url("http://cur.cursors-4u.net/others/oth-3/oth256.cur"), auto;}
#chatbox_header{
background-image: url(http://i42.servimg.com/u/f42/17/12/76/27/barrin12.jpg);
background-color: transparent;}
body.chatbox{
background-image: url(http://i45.servimg.com/u/f45/15/65/31/89/201n5c10.jpg);
background-color: transparent;}
a[href="/u1"] {
text-shadow: 0px 0px 10px #8B0000;
}
a[href="/u1"] {background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");}
a.forumlink{-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;border-bottom:1px solid #000000;border-left:5px solid #000000;display:block;font-family:arial;font-size:16px;font-weight:700;margin-left:10px;padding-left:10px;text-shadow:0 0 1px #000000;transform:all;transition:1s}a.forumlink:hover{-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;border-bottom:1px solid #000000;border-left:2px solid #000000;display:block;font-style:bold;padding-left:100px;transform:all;transition:1s}
a:hover {
color: #FFFFFF;
text-shadow : 0px 0px 7px #FFFFFF;
}
/*banner flutuante*/
#popup {
position: fixed;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #000000;
background: url(http://i50.tinypic.com/ztfcxz.png);
display: none;
}
dl.codebox{background:none;border:none;padding:0px}
.robot{
position: relative;
left: 8px;
font-size: 11px;
border-right: solid 1px #000;
width: 170px;
height: 250px;
}
.cattitle{
color: #696969;
font-weight: normal;
font-size: 10px;
}
.robot-contet{
height: 0px;
position: relative;
left: 200px;
width: 80%;
font-size: 11px;
}
.robot-scroll-img{
border-right: solid 1px #000;
position: relative;
left: 70px;
height: 28px;
width: 108px;
}
.adds48{
width: 175px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #FF0000;
border-radius: 3px;
padding: 2px;
}
a:link {
text-decoration: none !important;
}
#conect {
text-align: justify;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
.forumline {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
::-webkit-scrollbar {
-webkit-border-radius: 1ex;
background: orange;
height: 17px;
width: 17px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px
rgba(0, 0, 0, 0.75);
background: url(http://i47.servimg.com/u/f47/17/57/64/81/untitl10.jpg);
}
::-webkit-scrollbar-track-piece {
background: url(http://i48.servimg.com/u/f48/17/28/17/38/classi10.jpg);
}
::-webkit-scrollbar-corner {
background: #000000;
}
#chatbox_members ul li a, #chatbox_members ul li { font-size: 11px !important; font-family:"arial";}
Tópicos semelhantes
» Centralizar título
» Centralizar título
» Centralizar Título da Categoria
» Centralizar titulo da categoria
» Centralizar título das categorias
» Centralizar título
» Centralizar Título da Categoria
» Centralizar titulo da categoria
» Centralizar título das categorias
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos