ArtigosTexto em cima de imagens
5 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
Texto em cima de imagens
por JRHoly 19.12.11 12:28
Qual é minha questão:
Endereço do meu fórum:
http://l2honorgames.forumais.com/
Versão do meu fórum:
PHPBB2
3: Descrição do status do forum em cima da imagem:Gostaria que ficasse na parte de cima, embaixo, ou até do lado, menos em cima da imagem.
- Spoiler:
Endereço do meu fórum:
http://l2honorgames.forumais.com/
Versão do meu fórum:
PHPBB2
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Re: Texto em cima de imagens
por Cream 19.12.11 15:01
Olá,
Tente o seguinte código:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
Até mais!
Tente o seguinte código:
- Código:
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: none !important;
}
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
Até mais!
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Texto em cima de imagens
por JRHoly 19.12.11 15:38
É para substituir algum outro código?! Se não for, não funcionou.
Se ajudar, aqui está minha pagina CSS:
Se ajudar, aqui está minha pagina CSS:
- Spoiler:
- .row1, .row2 {
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #e3e5e6;
border: 2px solid #333333;
}
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);
background-repeat: no-repeat;
/*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-bottom: 25px;}
#picture_legend li{padding-right: 40px;}
.postprofile,.postbody{margin-left: -5px !important;}
.postbody{
border: 2px solid #333333;
min-height: 145px;
width: 74%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #e3e5e6;
float: right;
padding: 10px;
position: relative;
left: -5px;}
.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
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Konai- Membro Entusiasta
- Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550 -
Re: Texto em cima de imagens
por JRHoly 19.12.11 16:36
Gaaratsu escreveu:Olá,
Queira contactar este Tutorial ;[FAQ] Gestão das Estatísticas do Fórum .
Seria isto?
Até mais !
Creio que não.
Meu caso é as palavrinhas em cima das imagens.
Tais palavras são:
Novas mensagens
Não há novas mensagens
Fórum Bloqueado
Queria que elas saissem de cima da imagem.
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Re: Texto em cima de imagens
por Cream 19.12.11 18:03
Olá,
Na sua CSS, procure e apague:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
Até mais!
Na sua CSS, procure e apague:
- Código:
#picture_legend li img{
margin-right: -55px;
margin-bottom: 25px;}
- Código:
#picture_legend li img{
margin-right: 55px;
margin-top: 25px;
}
#picture_legend li{
margin-left: 15px;
}
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
Até mais!
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
King Gz;- Super Membro
- Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487 -
Re: Texto em cima de imagens
por JRHoly 19.12.11 23:01
Cream, deu um pouco certo mas não deu:
King Gz; , isso não é muito o meu caso, mas obrigado.
- Spoiler:
King Gz; , isso não é muito o meu caso, mas obrigado.
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Re: Texto em cima de imagens
por ShockWave™ 19.12.11 23:55
Tente Este
#picture_legend li img{
margin-right: 75px;
margin-top: 36px;
}
#picture_legend li{
margin-left: 19px;
}
ShockWave™- ****
- Membro desde : 04/03/2011
Mensagens : 296
Pontos : 449 -
Re: Texto em cima de imagens
por JRHoly 20.12.11 0:11
Nathan-zinho escreveu:Tente Este#picture_legend li img{
margin-right: 75px;
margin-top: 36px;
}
#picture_legend li{
margin-left: 19px;
}
Não mudou nada Nathan, continua mesma coisa do resultado do Cream.
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Re: Texto em cima de imagens
por Convidad 20.12.11 4:22
Olá,
Irei fazer uma tentativa..
Adicione no conteúdo:
Muitíssimo cuidado com a área em vermelho, pois.. se você colocar números altos modificará a estrutura de seu fórum. Teste primeiro com o 14px, se quiser mais espaçamento, aumente um pouco e veja se não muda nada na estrutura.
Atenciosamente.
Irei fazer uma tentativa..
| Vá em: Painel de controle  Visualização Cores "Aba" Folha CSS. |
Adicione no conteúdo:
.gensmall {
margin-left: 14px;
}
Muitíssimo cuidado com a área em vermelho, pois.. se você colocar números altos modificará a estrutura de seu fórum. Teste primeiro com o 14px, se quiser mais espaçamento, aumente um pouco e veja se não muda nada na estrutura.
Atenciosamente.
Convidad- Convidado
Re: Texto em cima de imagens
por JRHoly 20.12.11 13:05
Uma pergunta Touks. É para retirar o código que o Cream me passou e por esse?
Ou só adicionar esse?
Ou só adicionar esse?
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Re: Texto em cima de imagens
por Konai 20.12.11 13:07
JRHoly escreveu:Uma pergunta Touks. É para retirar o código que o Cream me passou e por esse?
Ou só adicionar esse?
Olá,
Retire o código do Cream, substituindo pelo o do Touks.
Até mais !
Konai- Membro Entusiasta
- Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550 -
Re: Texto em cima de imagens
por Convidad 20.12.11 13:10
Olá,
Tente retirar o do Cream e adicionar o meu, caso não funcione, volte há usar o do Cream até termos uma resposta que resolva seu caso.
Atenciosamente.
Convidad- Convidado
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Tópicos semelhantes» Escrever por cima das imagens
» As imagens das mps ficam em cima do titulo
» Imagens para cima do chatbox
» Imagens das categorias em cima do nome das mesmas
» Texto em cima dos ícones
» As imagens das mps ficam em cima do titulo
» Imagens para cima do chatbox
» Imagens das categorias em cima do nome das mesmas
» Texto em cima dos ícones
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