Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Alinhando texto
3 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
Alinhando texto
Qual é minha questão:
Endereço do meu fórum:
http://l2honorgames.forumais.com/
Versão do meu fórum:
PHPBB2
2: Palavras paralelas:Gostaria de alinhar (nesse caso) "Regras" do lado da imagem, não acima da imagem, quero que fique acima da descrição.
- Spoiler:
Endereço do meu fórum:
http://l2honorgames.forumais.com/
Versão do meu fórum:
PHPBB2
Re: Alinhando texto
Olá,
Tente editar seu fórum, vá em:
Painel de controle Geral Categorias e fóruns.
Procure a categoria que queira editar, logo após clique no ícone: .
Agora, adicione no campo : Descrição :
Coloque o link da imagem e depois a descrição.
Veja se é isto que deseja, caso não for.. explique melhor a dúvida.
Atenciosamente.
Tente editar seu fórum, vá em:
Painel de controle Geral Categorias e fóruns.
Procure a categoria que queira editar, logo após clique no ícone: .
Agora, adicione no campo : Descrição :
<img src="LINKIMAGEM" />
Coloque o link da imagem e depois a descrição.
Veja se é isto que deseja, caso não for.. explique melhor a dúvida.
Atenciosamente.
Convidad- Convidado
Re: Alinhando texto
Irei explicar melhor.
Coloquei uma imagem nos foruns, seria essas quadradas.
Porem não ficou como desejei.
Gostaria que "Regras" estivesse acima da descrição, não acima dessa imagem do forum.
É assim:
Gostaria que ficasse assim:
Coloquei uma imagem nos foruns, seria essas quadradas.
Porem não ficou como desejei.
Gostaria que "Regras" estivesse acima da descrição, não acima dessa imagem do forum.
É assim:
- Spoiler:
Gostaria que ficasse assim:
- Spoiler:
Re: Alinhando texto
Olá,
Para fazer isto, você terá que seguir o tutorial abaixo:
https://ajuda.forumeiros.com/t15944-
Atenciosamente.
Para fazer isto, você terá que seguir o tutorial abaixo:
https://ajuda.forumeiros.com/t15944-
Atenciosamente.
Convidad- Convidado
Re: Alinhando texto
Não é esse tutorial ainda.
Não quero fazer como o Forumeiros e Você, quero somente deixar os nomes um em cima do outro.
Prestem atenção onde circulei nas duas imagens e vejam vocês a diferença:
É assim:
Gostaria que ficasse assim:
Notem que o titulo do forum onde eu gostaria que ficasse, está acima da descrição do mesmo. No meu forum, o titulo fica acima da imagem.
Não quero fazer como o Forumeiros e Você, quero somente deixar os nomes um em cima do outro.
Prestem atenção onde circulei nas duas imagens e vejam vocês a diferença:
É assim:
- Spoiler:
Gostaria que ficasse assim:
- Spoiler:
Notem que o titulo do forum onde eu gostaria que ficasse, está acima da descrição do mesmo. No meu forum, o titulo fica acima da imagem.
Re: Alinhando texto
Olá,
Adicione o código:
Alterne o valor em vermelho pelo espaçamento.
Atenciosamente.
Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
Adicione o código:
.forumlink {
padding: 20px;
}
Alterne o valor em vermelho pelo espaçamento.
Atenciosamente.
Convidad- Convidado
Re: Alinhando texto
Touks escreveu:Olá,
Vá em:
Painel de controle Visualização Cores "Aba" Folha CSS.
Adicione o código:
.forumlink {
padding: 20px;
}
Alterne o valor em vermelho pelo espaçamento.
Atenciosamente.
Não surtiu qualquer efeito nos titulos.
Re: Alinhando texto
Aqui está:
- Spoiler:
- ul.topiclist li.row{
border-bottom: 1px solid #292828;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: none !important;
}
body {
cursor: url('https://2img.net/r/ihimizer/img27/9081/cursor2.png'), url('https://2img.net/r/ihimizer/img27/9081/cursor2.png'), auto;
}
a:hover {
cursor:url(https://2img.net/r/ihimizer/img846/4818/cursor1.png), auto;
}
a:hover {
color: #1F8EF0;
text-shadow : 0px 0px 10px #6BBAFF;
}
/*--------------- CHRISTMAS ITEMS ---------------*/
#page-header .navbar{
padding: 0;
position: absolute;
top: 0;
height: 142px;
width: 910px;
background: url(https://2img.net/h/oi39.tinypic.com/21cuqeh.png) no-repeat top center;
margin-left: 10px;}
#emptyidright{
z-index: -1;
position: absolute;
top: 150px;
margin-left: 10px;
width: 936px;
height: 301px;
background: url(https://2img.net/r/ihimizer/img209/6377/azelf10.png) no-repeat;
/*THE SANTA FROM HEADER*/}
#emptyidleft{
background: url(https://2img.net/h/oi39.tinypic.com/107p0yr.png);/*SHOES FROM FOOTER*/
width: 869px;
height: 55px;
position: absolute;
bottom: 0px;
margin-bottom: -60px;}
.forabg .corners-top{
height: 159px;
width: 167px;
position: relative;
margin-bottom: -150px;
right: -834px;
background: url(https://2img.net/h/oi43.tinypic.com/18ma95.png) no-repeat;
background-repeat: no-repeat.fixed;
/*HAT FROM THE TABLES*/}
#content{
background: url(https://2img.net/h/oi40.tinypic.com/33bpfmw.png) no-repeat bottom right;
/*CANDY FROM THE BOTTOM OF THE FORUM*/}
/*--------------- END - CHRISTMAS ITEMS ---------------*/
.attachbox{
margin: 5px !important;
border: 2px solid white;
background: #dfe2e4;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;}
#login_popup{
color: white !important;
text-shadow: 1px 1px 0px black;
border: 3px solid white;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background: #7d8189;
color: white;
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;}
#login_popup .h3{
border-bottom: 1px solid white !important;
color: white !important;}
#login_popup_buttons input{
font-family: arial !important;
font-size: 15px;
font-weight: bold;
border: none !important;
background: none !important;
color: white !important;
text-shadow: 1px 1px 0px black !important;}
.codebox.spoiler dt{background: url(https://i.servimg.com/u/f71/16/11/23/46/new20d10.png) no-repeat top right;}
.codebox dd{margin-top: -18px;}
.codebox.spoiler dd{margin-top: -15px;}
code{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636d7e !important;}
.codebox{
text-shadow: 1px 1px 0px white;
background: #CCCCCC !important;
border: 2px solid #333333 !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}
.codebox dt{
border: 0;
background: url(hhttps://i.servimg.com/u/f71/16/11/23/46/page_w10.png) no-repeat top right;
height: 20px;
position: relative;
padding-top: 15px;
top: -15px;}
.codebox.hidecode dd{
position: relative;
z-index: 99;
margin-top: -40px;}
blockquote{
text-shadow: 1px 1px 0px white;
margin-left: 0;
padding: 7px;
background: #CCCCCC url(https://i.servimg.com/u/f71/16/11/23/46/commen10.png) no-repeat 5px;
border: 1px solid #333333;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}
blockquote div {margin-left: 40px;}
.resizebox{
text-shadow: 1px 1px 0px white;
margin-bottom: 5px;
background: #CCCCCC url(https://i.servimg.com/u/f71/16/11/23/46/magnif10.png) no-repeat 2px;
border: 1px solid #333333;
padding: 4px;
padding-left: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}
.resizebox .resize_border{border: 0;}
#fa_ticker_block .module{
border: 1px solid #333333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
margin-left: 33px;
width: 838px;
margin-bottom: 0;}
.rightside a[href="/forum.htm?mode=delete_cookies"]{
padding: 5px 7px 7px 7px;
background: #838d99 url(https://i.servimg.com/u/f71/16/11/23/46/cookie10.png) repeat-x top;
color: white;
text-shadow: 1px 1px 0px black;
position: relative;
left: -30px;
top: -10px;
border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius: 0 0 5px 5px;}
.rightside a[href="/forum.htm?mode=delete_cookies"]:hover{
background: #838d99 url(https://i.servimg.com/u/f71/16/11/23/46/cookie10.png) repeat-x top;}
a.button1, a.button2, button.button2, input.button1, input.button2{
padding: 4px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: url(https://i.servimg.com/u/f71/16/11/23/46/button10.png) repeat-x top;}
textarea, input, .inputbox{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 1px 1px 0px white;
background: #efefef;}
.select{
margin-left: -60px;
margin-top: 35px;
top: auto !important;}
.panel{
margin: 10px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border: 1px solid #333333;}
#profile-advanced-layout, #profile-advanced-right{
background: white;
position: relative;
z-index: 999;
display: inline-block !important;}
#page-footer{margin-top: 40px;}
.footer-home{top: -120px !important;}
#page-body, #emptyidleft, #page-header .navbar, #search-box, #logo-desc, #search-box #keywords{
display: inline-block !important;}
#site-title, #logo-desc p{display: none;}
body{
background-attachment: fixed !important;
padding-left: 30px;}
#wrap{
margin-top: 150px;}
#search-box{
margin: 0;
padding: 0;
background: transparent url(https://i.servimg.com/u/f71/16/11/23/46/search10.png) no-repeat top center;
position: relative;
left: -40px;
top: -20px;
width: 184px;
height: 50px;}
#search-box .button2{display: none;}
#search-box #keywords{
background: none;
border: none;
width: 120px;
height: 50px;
bottom: 2px;
left: 30px;
position: relative;}
#page-header{
min-height: 245px;
background: url(https://i.servimg.com/u/f71/16/11/23/46/header10.png) no-repeat top center;
width: 926px;}
#page-header .navbar ul{
left: 35px;
border: 0 !important;
position: relative;
bottom: -97px;}
#logo-desc{
margin-left: 85px;
margin-top: 16px;}
#page-header .navbar .linklist.navlinks a{
margin-right: 3px;
text-shadow: 1px 1px 3px black;
color: white !important;}
#page-header .navbar .linklist.navlinks a:hover{
color: #d8dee6 !important;
text-shadow: -1px -1px 2px black;}
.headerbar{background: none;}
#emptyidcc{
width: 926px;
display: inline-block !important;
padding: 10px 0px;
background: url(https://i.servimg.com/u/f71/16/11/23/46/body2411.png) repeat-y;}
#container{
position: relative;
z-index: 1 !important;
margin-left: 33px;
width: 860px;}
#page-body{
width: 926px;
padding-bottom: 31px;
margin: 0 !important;
background: url(https://i.servimg.com/u/f71/16/11/23/46/body_e10.png) no-repeat bottom center;}
#page-footer{
width: 926px;
background: url(https://i.servimg.com/u/f71/16/11/23/46/footer10.png) no-repeat top center;
height: 55px;}
#page-footer .navbar{background: none;}
#page-footer .navbar ul{
text-align: center !important;
margin-top: 10px;}
#page-footer ul .rightside a, #page-footer ul .rightside{color: #536482 !important;}
#page-footer ul.linklist li.rightside {
text-align: center !important;
width: 860px !important;
display: inline-block !important;
left: -23px !important;
position: relative;}
.footer-home a{color: transparent !important;}
.icon-home{
left: 6px;
bottom: -6px;
position: relative;
padding: 15px 12px;
font-size: 0px;}
.icon-home, .icon-home:hover, .icon-home:visited, .icon-home:active, .icon-home:link{
color: transparent !important;}
.footer-home{
position: relative;
left: -37px;
top: -80px;
background: url(https://i.servimg.com/u/f71/16/11/23/46/home1310.png) no-repeat center;
height: 31px !important;;
width: 38px !important;}
.footer-home:hover{background: url(https://i.servimg.com/u/f71/16/11/23/46/homeho10.png) no-repeat center;}
#page-footer p.copyright strong a{
float: left !important:
margin-left: 30px;
font-weight: bold;
font-size: 14px;
font-family: arial;
color: white;
text-shadow: 1px 1px 0px black;}
.copyright{text-align: left !important;}
.header{
height: 35px;
background: url(https://i.servimg.com/u/f71/16/11/23/46/titleb10.png);}
#memberlist, .table1{
background: url(https://i.servimg.com/u/f71/16/11/23/46/titleb10.png) no-repeat top center;
height: 35px;}
#memberlist{padding-top: 18px;}
#memberlist th{margin-top: -10px;}
.table1{padding-top: 15px;}
.header, .header h2, .header h1, .header h3{
font-family: Arial !important;
font-weight: bold !important;
font-size: 11px !important;
text-shadow: 1px 1px 2px black;}
table{
border-spacing: 0px;
border-collapse: expression('separate', cellSpacing = '0px');}
.header dd, .header dt{
position: relative;
bottom: -8px;}
.forumbg .header dt{padding-left: 5px !important;}
.forabg .header .posts, .forabg .header .lastpost{
position: relative;
right: -70px;}
form[name="post"] .forabg .header .posts, .form[name="post"] .forabg .header .lastpost{
position: relative;
left: -10px !important;}
form[name="post"] .forabg .header dt{padding-left: 5px;}
.forabg .row:last-child{margin-bottom: -5px;}
.forabg .corners-bottom, .forumbg .corners-bottom{
position: relative;
top: -10px;
background: transparent url(https://i.servimg.com/u/f71/16/11/23/46/table_10.png) no-repeat bottom center;
height: 16px;}
.forabg, .forumbg {
background: none;
border: none;
padding: 0px !important;}
.panel{margin-bottom: 0;}
#content{
width: 860px;
margin: 0 !important;}
.h3, h3, .panel h2 {
background: url(https://i.servimg.com/u/f71/16/11/23/46/h3bg1010.png) no-repeat bottom left;
border: 0 !important;
color: #7b909b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.05em;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
text-transform: uppercase;}
.forumbg h3, .forumbg .h3, .forabg h3, .forabg .h3{background: none;}
.pagination{margin: 0;}
.forumbg, .right, fieldset.submit-buttons{margin: 0;}
#picture_legend li:first-child {color: #ffb400;}
#picture_legend li:last-child {color: #b52b2b;}
#picture_legend li img{
margin-right: 55px;
margin-top: 25px;
}
#picture_legend li{
margin-left: 15px;
}
#picture_legend li{padding-right: 40px;}
.postprofile,.postbody{margin-left: -5px !important;}
.postprofile{
margin-top: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #e3e5e6;
border: 2px solid #333333;
padding: 10px 0;}
.post, .post.row, .post.row1, .post.row3 {padding: 0;
background-color: transparent !important;}
.table-title{padding-left: 10px;}
#i_whosonline{margin: 0;
margin-left: -64px;}
.forabg, .forumbg{
margin: 0;
padding-top: 5px !important;}
a.forumtitle:hover{text-decoration: none;}
#hitskin_preview{display: none !important;}
.portal .module{
margin: 5px;
border: 2px solid #333333;
border-radius: 7px;
-moz-border-radius: 7px;
-webkitborder-radius: 7px;
padding: 3px;
text-shadow: white 1px 1px 0px;}
.portal .module .h3{
text-align: center;
padding: 7px;
background: #333333;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-bottom-left-radius: 7px 7px;
border-bottom-right-radius: 7px 7px;
border: 0px;
border-top: 0px none;
color: white !important;
font-weight: bold !important;
margin: 0px 4px;
position: relative;
text-shadow: 1px 1px 0px black;
top: -9px;}
.post{
margin-left: 5px;
padding-right: 14px !important;}
.online{
z-index: 999;
background-image: url(https://i.servimg.com/u/f71/16/11/23/46/on21011.png);
background-position: 100% 35px;
background-repeat: no-repeat;}
.post .corners-top{
background: url(https://i.servimg.com/u/f71/16/11/23/46/off1012.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}
.pagination{margin: 0 !important;}
.addthis_button:hover{margin-top: 42px;}
p.page-bottom:last-child {background: red !important;}
.forabg .topiclist.topics{
padding-top: 0 !important;
background: none !important;}
#wrap{background: url(https://2img.net/h/oi41.tinypic.com/fmhzlt.png) no-repeat bottom 90%;
padding-bottom: 20px;}
select{
color: #333333;
border: 1px solid #333333;
border-left: 5px solid #333333;}
.buttons{min-height: 50px;}
.buttons a img{background: url(https://i.servimg.com/u/f71/16/11/23/46/bg1310.png) no-repeat center;}
.buttons a img:hover{background: url(https://i.servimg.com/u/f71/16/11/23/46/hover210.png) no-repeat center;}
#search_menu{
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;
border: 3px solid white;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}
#search_menu form{
border: 1px solid #808080;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}
.title-overview.row2{
border-bottom: 1px dashed white;
background: none;}
.panel.introduction div.mes-txt{margin-bottom: 0 !important;}
.introduction .h3{margin-top: 4px !important;}
input{border: 1px solid #BCBCBC;}
a:focus{ -moz-outline-style: none;}
textarea:focus,input:focus {outline: none;}
ul.profile-icons {margin-top: -10px;}
#left, #right{display: none !important;}
#chatbox_members, #chatbox{top: 35px !important;}
#cp-main{margin: 0;
width: 100%;}
#chatbox_footer .right-box.style-buttons input{
padding: 2px;
background-color: white !important;}
.postprofile dl dd a img{background: url(https://i.servimg.com/u/f71/16/11/23/46/fundal10.png) no-repeat top;}
.postprofile dl dd a img:hover{background: url(https://i.servimg.com/u/f71/16/11/23/46/fundal10.png) no-repeat 0 -20px;}
#smiley-box {
float: right;
margin-top:0px;
width: 30%;}
#textarea_content{width: 70% !important;}
li > a.mainmenu[href="/search"] { display : none}
li > a.mainmenu[href="/groups"] { display : none}
li > a.mainmenu[href="/faq"] { display : none}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(https://2img.net/h/oi40.tinypic.com/10zwf0j.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#message-box textarea {
background-image: url(https://2img.net/h/oi40.tinypic.com/10zwf0j.png);
background-repeat: no-repeat;
background-position: bottom right;
}
li.row:hover {
background-image: url(https://2img.net/h/oi39.tinypic.com/ayv804.png)
background-repeat: no-repeat
background-attachment: scroll
background-position: bottom right
}
.content h2, .panel h2{font-size: 1em!important;}
background-image: url(https://2img.net/h/oi39.tinypic.com/ayv804.png)
background-repeat: no-repeat
background-attachment: scroll
background-position: bottom right
Re: Alinhando texto
Olá,
Deu certo aqui, observe meu fórum de testes:
http://wwwforumeiros.forumeiros.com/
Confirme sua versão para mim, é PHPBB2? Se sim, é só colocar o conteúdo que lhe dei.
Atenciosamente. '
Deu certo aqui, observe meu fórum de testes:
http://wwwforumeiros.forumeiros.com/
Confirme sua versão para mim, é PHPBB2? Se sim, é só colocar o conteúdo que lhe dei.
Atenciosamente. '
Convidad- Convidado
Re: Alinhando texto
Agora mudei o original para PhpBB 3.
Talvez ainda não tenham entendido bem.
Touks, entrei no seu forum de testes, e está igual ao meu:
Queria que o titulo do subforum ficasse acima da descrição, não da imagem.
Talvez ainda não tenham entendido bem.
Touks, entrei no seu forum de testes, e está igual ao meu:
- Spoiler:
Queria que o titulo do subforum ficasse acima da descrição, não da imagem.
Re: Alinhando texto
Olá,
A única coisa que poderemos fazer com CSS para este tipo de modificação é levar o título mais ao lado.
Em meu fórum de testes, eu modifico a versão a cada dois minutos, desculpe.
O código que lhe dei irá fazer exatamente isto:
Caso não seja isto, lamento.. não será possível fazer tal modificação.
Atenciosamente.
A única coisa que poderemos fazer com CSS para este tipo de modificação é levar o título mais ao lado.
Em meu fórum de testes, eu modifico a versão a cada dois minutos, desculpe.
O código que lhe dei irá fazer exatamente isto:
Caso não seja isto, lamento.. não será possível fazer tal modificação.
Atenciosamente.
Convidad- Convidado
Re: Alinhando texto
Mas o código que me passou, não mexe em nada no titulo.
Como faz então?!
Coloquei até 100px, e nada fez.
Como faz então?!
Coloquei até 100px, e nada fez.
Re: Alinhando texto
Olá,
Desculpe.. não vi que mudou sua versão para PHPBB3.
Tente isto:
Altere o valor em vermelho.
Atenciosamente.
Desculpe.. não vi que mudou sua versão para PHPBB3.
Tente isto:
a.forumtitle {
padding: 20px;
}
Altere o valor em vermelho.
Atenciosamente.
Convidad- Convidado
Re: Alinhando texto
Certo, obrigado, funcionou.
Já que não tem jeito da forma que eu desejava, ficará assim mesmo.
Levou Thanks e rep +.
Já que não tem jeito da forma que eu desejava, ficará assim mesmo.
Levou Thanks e rep +.
Tópicos semelhantes
» Alinhando texto a imagem
» Alinhando nome do usuário no post
» Texto do chatbox
» Cor do Texto nos Campos de Texto
» Cor do texto
» Alinhando nome do usuário no post
» Texto do chatbox
» Cor do Texto nos Campos de Texto
» Cor do texto
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