Centralizar títulos dos tópicos
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
Centralizar títulos dos tópicos
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á.
RPG Potterhead.
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á.
RPG Potterhead.
Endereço do meu fórum:
http://www.rpgpotterhead.com
Versão do fórum:
PHPBB2
Última edição por Potterhead em 05.04.13 1:19, editado 1 vez(es)
Re: Centralizar títulos dos tópicos
ESSE É O CSS DO MEU FÓRUM
- 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ítulos dos tópicos
Olá!
Utilize este código:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
Utilize este código:
- Código:
#page-body #content-container table.three-col tbody tr td table.forumline tbody tr td.row1.over h3.hierarchy{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
Tópicos semelhantes
» Como centralizar os titulos
» Centralizar titulos verticalmente
» Centralizar os Titulos dos Widgets
» Centralizar titulos dos widgets
» Centralizar Títulos do Portal
» Centralizar titulos verticalmente
» Centralizar os Titulos dos Widgets
» Centralizar titulos dos widgets
» Centralizar Títulos do Portal
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