Diminuir o tamanho do título das categorias
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
Diminuir o tamanho do título das categorias
Qual é minha questão:
Após Botar Este Codigo:
O Titulo das categoria Ficaram Com fonte 24
Como Ajeito isso
Links e imagens do meu problema:
Não é necessário.
Endereço do meu fórum:
http://www.driftersbrasil.forumeiros.com
Versão do meu fórum:
PHPBB3
Após Botar Este Codigo:
- Código:
a:link {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black -o-transition: all #0.1s linear;
transition: all .1s linear;
}
a:hover {
color: #FF404A;
font-size: 15px;
padding-left: 10px;
}
/***************************************
Desenvolvido por: CarlosHPS Webdesigner
[www.carloshps.com.br/blog]
para o tutorial "Como Criar Efeito Sombra com CSS"
Todos os direitos reservados
Versão 1.0 | 15/03/2010
Atualizado em:
***************************************/
body {
background-color: #FFFFFF;
}
h1, h2, h3 {
font-family: Tahoma, Helvetica, Arial, Sans-Serif;
font-weight: bold;
text-align: center;
}
h1 {
color: #222;
font-size: 35px;
text-shadow: 0px 2px 3px #555;
}
h2 {
color: #fff;
font-size: 50px;
text-shadow: 2px 1px 1px #222;
}
h3 {
color: #666;
font-size: 40px;
text-shadow: 0px 3px 8px #2a2a2a;
}
img:hover {
opacity: 0.65;
-moz-opacity: 0.65;
filter: alpha(opacity = 65);
}
a[href="/u1"] {
text-shadow: 0px 0px 10px #FF0000;
}
a[href="/u+1"] {
text-shadow: 0px 0px 13px #00008B;
}
a[href="/u1"] {
text-shadow: 0px 0px 10px #FF0000;
}
a[href="/u+1"] {
text-shadow: 0px 0px 10px #FF0000;
}
a[href="/u1"] {
text-shadow: 0px 0px 10px red;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
}
a[href="/u9"] {
text-shadow: 0px 0px 10px green;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
}
a[href="/u6"] {
text-shadow: 0px 0px 10px blue;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
}
a[href="/u10"] {
text-shadow: 0px 0px 10px green;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
}
a[href="/u+3"] {
text-shadow: 0px 0px 10px #FF0000;
}
a.mainmenu:hover{position:relative;bottom:5px}
#flutuante {
position:absolute;
bottom:0%;
margin-left:0%;
float:left;
border-radius:5px;-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#fff;
padding:0 0 2px 0;z-index:10;
}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:100px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
a.mainmenu:hover{position:relative;bottom:5px}
#page-header .navbar{padding-left: 0px;padding-right: 0px;margin-left: -5px;width: 100.8%;}
ul.topiclist dd, ul.forums dd {
border: none !important;
}
post.online {
background-image: url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(IMAGEM);
background-repeat: no-repeat,repeat-y;
}
post {
background-image: url(IMAGEM);
background-repeat: repeat-y;
}
.linklist.navlinks a {
color: white !important;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}
.linklist.navlinks {
background: url('http://i.imgur.com/qh30d.png');
height: 35px;
color: white !important;
}
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: block;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
}
#topp ul.login li a {color: #33CCCC;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}
#login .loginContent input:focus.field {
background: #545454;}
#login .loginContent{padding-top:0px;width:790px;height:100px;}
#login .loginContent input.button_login {
background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}
#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
#login .loginClose a:hover {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
body {
cursor: url('URL CURSOR ANI/CUR'), url('http://img24.imageshack.us/img24/7129/glovecursor.png'), auto;
}
a:hover {
cursor: url('URL CURSOR ANI/CUR'), url('http://img24.imageshack.us/img24/7129/glovecursor.png'), auto;
}
.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}
#myfooter{
background-image: url(http://i81.servimg.com/u/f81/11/91/65/81/simple10.png);
background-repeat: no-repeat;
}
#myfooter img{
border: 0px;
margin-top: -12px;
padding-right: 20px;
}
#picture_legend {
background-position: center;
background-repeat: no-repeat;
background: url(http://i34.tinypic.com/b80g87.png) no-repeat 50% 0;
padding: 24px 0;}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
O Titulo das categoria Ficaram Com fonte 24
Como Ajeito isso
Links e imagens do meu problema:
Não é necessário.
Endereço do meu fórum:
http://www.driftersbrasil.forumeiros.com
Versão do meu fórum:
PHPBB3
Última edição por Omaiyomai em 19.08.12 17:46, editado 1 vez(es)
Re: Diminuir o tamanho do título das categorias
Olá!
Substitua por:
Até mais.
Substitua por:
- Código:
a:link {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black -o-transition: all #0.1s linear;
transition: all .1s linear;
}
a:hover {
color: #FF404A;
font-size: 15px;
padding-left: 10px;
}
/***************************************
Desenvolvido por: CarlosHPS Webdesigner
[www.carloshps.com.br/blog]
para o tutorial "Como Criar Efeito Sombra com CSS"
Todos os direitos reservados
Versão 1.0 | 15/03/2010
Atualizado em:
***************************************/
body {
background-color: #FFFFFF;
}
h1, h2, h3 {
font-family: Tahoma, Helvetica, Arial, Sans-Serif;
font-weight: bold;
text-align: center;
}
h1 {
color: #222;
font-size: 35px;
text-shadow: 0px 2px 3px #555;
}
h2 {
color: #fff;
text-shadow: 2px 1px 1px #222;
}
h3 {
color: #666;
font-size: 40px;
text-shadow: 0px 3px 8px #2a2a2a;
}
img:hover {
opacity: 0.65;
-moz-opacity: 0.65;
filter: alpha(opacity = 65);
}
a[href="/u1"] {
text-shadow: 0px 0px 10px #FF0000;
}
a[href="/u+1"] {
text-shadow: 0px 0px 13px #00008B;
}
a[href="/u1"] {
text-shadow: 0px 0px 10px #FF0000;
}
a[href="/u+1"] {
text-shadow: 0px 0px 10px #FF0000;
}
a[href="/u1"] {
text-shadow: 0px 0px 10px red;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
}
a[href="/u9"] {
text-shadow: 0px 0px 10px green;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
}
a[href="/u6"] {
text-shadow: 0px 0px 10px blue;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
}
a[href="/u10"] {
text-shadow: 0px 0px 10px green;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
}
a[href="/u+3"] {
text-shadow: 0px 0px 10px #FF0000;
}
a.mainmenu:hover{position:relative;bottom:5px}
#flutuante {
position:absolute;
bottom:0%;
margin-left:0%;
float:left;
border-radius:5px;-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#fff;
padding:0 0 2px 0;z-index:10;
}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:100px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
a.mainmenu:hover{position:relative;bottom:5px}
#page-header .navbar{padding-left: 0px;padding-right: 0px;margin-left: -5px;width: 100.8%;}
ul.topiclist dd, ul.forums dd {
border: none !important;
}
post.online {
background-image: url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(IMAGEM);
background-repeat: no-repeat,repeat-y;
}
post {
background-image: url(IMAGEM);
background-repeat: repeat-y;
}
.linklist.navlinks a {
color: white !important;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}
.linklist.navlinks {
background: url('http://i.imgur.com/qh30d.png');
height: 35px;
color: white !important;
}
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: block;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
}
#topp ul.login li a {color: #33CCCC;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}
#login .loginContent input:focus.field {
background: #545454;}
#login .loginContent{padding-top:0px;width:790px;height:100px;}
#login .loginContent input.button_login {
background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}
#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
#login .loginClose a:hover {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
body {
cursor: url('URL CURSOR ANI/CUR'), url('http://img24.imageshack.us/img24/7129/glovecursor.png'), auto;
}
a:hover {
cursor: url('URL CURSOR ANI/CUR'), url('http://img24.imageshack.us/img24/7129/glovecursor.png'), auto;
}
.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}
#myfooter{
background-image: url(http://i81.servimg.com/u/f81/11/91/65/81/simple10.png);
background-repeat: no-repeat;
}
#myfooter img{
border: 0px;
margin-top: -12px;
padding-right: 20px;
}
#picture_legend {
background-position: center;
background-repeat: no-repeat;
background: url(http://i34.tinypic.com/b80g87.png) no-repeat 50% 0;
padding: 24px 0;}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
Até mais.
Re: Diminuir o tamanho do título das categorias
Agradeço A Ajuda Amigo.
Você Solucionou Meu Problema
Obrigado.
[RESOLVIDO]
Você Solucionou Meu Problema
Obrigado.
[RESOLVIDO]
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