Página 2 de 2
Re: Problemas no CSS dos botões de mp
Enviado: 13 Jan 2011, 11:28
por --=Icaro=--
Descobri que sim.
Utilizando o firefox as letras somem, pois o color:transparent funfa, mas no internet explorer o problema permanece.
veja:
os códigos em imageset.cfg estão assim:
Código: Selecionar todos
img_button_pm_forward = encaminhar.gif*59*59
img_button_pm_new = novamp.gif*59*59
img_button_pm_reply = responder.gif*59*59
e o meu buttons.css:
Código: Selecionar todos
.buttons {
float: left;
width: auto;
height: auto;
}
/* Rollover state */
.buttons div {
float: left;
margin: 0 5px 0 0;
background-position: 0 100%;
}
/* Rolloff state */
.buttons div a {
display: block;
width: 100%;
height: 100%;
color: transparent;
background-position: 0 0;
position: relative;
overflow: hidden;
}
/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span { display: none; }*/
/*.buttons div a:hover { background-image: none; }*/
.buttons div span { position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span { background-position: 0 100%; }
/* Big button images */
.reply-icon span { background: transparent none 0 0 no-repeat; }
.post-icon span { background: transparent none 0 0 no-repeat; }
.locked-icon span { background: transparent none 0 0 no-repeat; }
.pmreply-icon span { background: none 0 0 no-repeat; }
.newpm-icon span { background: none 0 0 no-repeat; }
.forwardpm-icon span { background: none 0 0 no-repeat; }
/* Set big button dimensions */
.buttons div.reply-icon { width: {IMG_BUTTON_TOPIC_REPLY_WIDTH}px; height: {IMG_BUTTON_TOPIC_REPLY_HEIGHT}px; }
.buttons div.post-icon { width: {IMG_BUTTON_TOPIC_NEW_WIDTH}px; height: {IMG_BUTTON_TOPIC_NEW_HEIGHT}px; }
.buttons div.locked-icon { width: {IMG_BUTTON_TOPIC_LOCKED_WIDTH}px; height: {IMG_BUTTON_TOPIC_LOCKED_HEIGHT}px; }
.buttons div.pmreply-icon { width: {IMG_BUTTON_PM_REPLY_WIDTH}px; height: {IMG_BUTTON_PM_REPLY_HEIGHT}px; }
.buttons div.newpm-icon { width: {IMG_BUTTON_PM_NEW_WIDTH}px; height: {IMG_BUTTON_PM_NEW_HEIGHT}px; }
.buttons div.forwardpm-icon { width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }
colei só a parte que se refere aos botões.
Re: Problemas no CSS dos botões de mp
Enviado: 13 Jan 2011, 13:44
por _Vinny_
O que você pode fazer é tirar o title dos links dos botões, pois é este o texto que aparece.
Re: Problemas no CSS dos botões de mp
Enviado: 13 Jan 2011, 16:42
por --=Icaro=--
_Vinny_ escreveu:O que você pode fazer é tirar o title dos links dos botões, pois é este o texto que aparece.
Fui la em ucp_pm_message_header.html
troquei isto:
Código: Selecionar todos
<div class="buttons">
<!-- IF U_POST_REPLY_PM --><div class="pmreply-icon clearfix"><a title="{L_POST_REPLY_PM}" href="{U_POST_REPLY_PM}"><span></span>{L_POST_REPLY_PM}</a></div>
<!-- ELSEIF U_POST_NEW_TOPIC --><div class="newpm-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" title="{L_UCP_PM_COMPOSE}"><span></span>{L_UCP_PM_COMPOSE}</a></div><!-- ENDIF -->
<!-- IF U_FORWARD_PM --><div class="forwardpm-icon"><a title="{L_POST_FORWARD_PM}" href="{U_FORWARD_PM}"><span></span>{L_FORWARD_PM}</a></div><!-- ENDIF -->
</div>
por isto:
Código: Selecionar todos
<div class="buttons">
<!-- IF U_POST_REPLY_PM --><div class="pmreply-icon clearfix"><a title="{L_POST_REPLY_PM}" href="{U_POST_REPLY_PM}"><span></span></a></div>
<!-- ELSEIF U_POST_NEW_TOPIC --><div class="newpm-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" title="{L_UCP_PM_COMPOSE}"><span></span></a></div><!-- ENDIF -->
<!-- IF U_FORWARD_PM --><div class="forwardpm-icon"><a title="{L_POST_FORWARD_PM}" href="{U_FORWARD_PM}"><span></span></a></div><!-- ENDIF -->
</div>
E deu certo. Como tem a tag span, não precisa do titulo para ficar o link... hehe
Obrigado.
mas acabo de ver outro problema com relação à troca de botões...
o texto não ultrapassa a linha vermelha que fiz.... e como os novos botões "citar" e "editar" são maiores, fica aquele espaço grande em branco ali...
Re: Problemas no CSS dos botões de mp
Enviado: 13 Jan 2011, 22:28
por _Vinny_
--=Icaro=--, poderia postar o link de onde partiu imagem em questão?
Re: Problemas no CSS dos botões de mp
Enviado: 14 Jan 2011, 21:08
por --=Icaro=--
meu fórum é aberto, não precisa de conta para ver alguns posts..
http://www.imagevisiondesign.com/forum/
Re: Problemas no CSS dos botões de mp
Enviado: 14 Jan 2011, 22:24
por _Vinny_
--=Icaro=--, não vi esse problema como visitante. Possui uma conta teste para eu poder ver os icones?
Re: Problemas no CSS dos botões de mp
Enviado: 14 Jan 2011, 23:22
por --=Icaro=--
realmente, quando não se esta logado o texto avança mais... o que me leva a crer que são os botões mesmo que estão limitando o texto.
login: teste
senha: 123456
entre nesse tópico e verá que o texto não entra em baixo do botão editar:
http://www.imagevisiondesign.com/forum/ ... =13&p=7#p7
Re: Problemas no CSS dos botões de mp
Enviado: 15 Jan 2011, 00:40
por --=Icaro=--
Olha o problema era o tamanho dos botões mesmo.
no css acrescentei um margin-top ao meu .content e com isso desci um pouco o texto e ele voltou ao normal...
só não sei onde mais eu terei problemas por add isso aí... xD