Centralizar botões "Pré-visualizar" e "Enviar"

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Yunnoh em 21/11/12, 01:40 pm

Legenda:
Vermelho: Onde eles estão atualmente.
Verde: Onde eu quero que eles fiquem.



Fórum: http://transformicebr.ativoforum.com/ (phpBB 3)

Imagens do problema:


Última edição por Yunnoh em 21/11/12, 06:23 pm, editado 1 vez(es)
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Sennior em 21/11/12, 01:46 pm

Olá querida,

Aceda à teu CSS com o código abaixo:

.button2 {
position: relative !important;
top: 32px;
left: 32px;
}

Apenas modifique cada 32 e o resultado sera o esperado.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Consolado em 21/11/12, 01:46 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

#quick_reply .frm-buttons{float: center;text-align: center!important}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por BrunoH. em 21/11/12, 01:50 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
a.cgu-buttons, button.button2, input.button1, input.button2 {left: 32px;}
Altere o valor em negrito até ficar na posição desejada.
e Valide!

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Yunnoh em 21/11/12, 02:45 pm

Olá Mikéé!, dos 3 o seu foi o único que moveu os botões, a falha foi que moveu também os botões BBCode, eu gostaria de deixá-los em sua posição original, eu alterei o CSS a esta maneira:
.button2 {
position: relative !important;
top: 0px;
left: -250px;
}
Aqui está o resultado:
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Sennior em 21/11/12, 03:12 pm

Olá,

Troque por este:

Código:
#main-content a.cgu-buttons, button.button2, input.button1, input.button2{
position: relative !important;
top: 0px;
left: -250px;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Yunnoh em 21/11/12, 03:31 pm

O resultado foi o mesmo.
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Sennior em 21/11/12, 03:34 pm

Me mande teu CSS para poder analisar.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Yunnoh em 21/11/12, 03:41 pm

Enviei por mensagem privada.
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Sennior em 21/11/12, 03:51 pm

Olá,

Peço que quando mandar via MP, que mande com à tag code.

Peço que troque por este, é veja se resulta:

/* Conectado como (em cima do banner). */
#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: right;
background: #697394;
border-bottom: 1px solid #000;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: relative;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 no-repeat bottom right;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}
/* Fim do conectado como (em cima do banner). */

/* Minimo de caracteres para postar */
form span.tgcounter {float: right;color: #000;}
form p.tgcounter {font-size: 12px;float: left;color: #000;}
form p.tgcounter> span {color: #000;}
/* Fim do minimo de caracteres para postar */

/* Contador de linhas na tag [code] */
.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}
/* Fim do contador de linhas na tag [code] */

/* [CODE] e [SPOILER] personalizados */
dl.codebox dt {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}
/* Fim do [CODE] e [SPOILER] personalizados */

/* Ajustar perfil nas postagens */
.postprofile{width:17%!important}.postbody{width:82%}
/* Fim do ajustar perfil nas postagens */

/* Perfil elegante nas postagens */
.postprofile {
background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:2px 2px;box-shadow: 0 0 0px #DEDEDE;padding:10px 0px}
/* Fim do perfil elegante nas postagens */

/* Quote personalizado */
blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
/* Fim do quote personalizado */

/* Avatar com tamanho fixo nas mensagens */
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:200px}
/* Fim do avatar com tamanho fixo nas mensagens */

/* Imagem de fundo na caixa de resposta rápida */
#quick_reply{background:url(http://www.transformice.com/wp-content/uploads/2012/01/sourislettre.png) center left no-repeat; background-size:25% auto;height:auto;display:block}
/* Fim da imagem de fundo na caixa de resposta rápida */

/* Bordas elegantes nas postagens */
.post{
border:1px solid #ccc;border-radius: 0px 0px 0px #fff;box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;padding:0px 5px
}
/* Fim das bordas elegantes nas postagens */

/* Avatar em lastpost */
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px;
border-radius: 0px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.avatar-index img:hover
{
width: 80px;
height: 80px;
}
/* Fim do avatar em lastpost */

/* Borda nos widgets */
.module {
margin-bottom: 4px;
padding: 0 10px;
}

.module {
background-image: url('');
background-repeat: repeat-x;
border: 1px solid #ccc;
}

.module {
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}
.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}

.module .h3,.introduction .h3 {
margin: 0.5em 0;
color: #000;
border-bottom: 0px solid #000000;
height: 1%;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
-moz-border-radius: 0px 0px 0px #fff;
}

.module ul, .module ol {
list-style-position: inside;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dt {
width: 10em;
text-align: left;
margin-left: 5px;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dd {
margin-left: 0px;
box-shadow: 0 0 1em #ccc;
}

.module table.mod-top-posters {
table-layout: fixed;
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}

.module .fields1 dd {
margin-left: 0;
}

.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 0px solid #000000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}
/* Fim da borda nos widgets */


/* Retirar caixa de busca */
#search-box {
display: none;
}
/* Fim do retirar caixa de busca */


/* Barra de reputação personalizada */
.vote .vote-bar-plus {
background-color: #00FF00;
}
.vote .vote-bar-minus {
background-color: #FF0000;
}
.vote .vote-bar {
width: 5px;
height: 50px;
}
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
}
.vote .vote-button a[href $="plus"] {
background:url('http://i.imgur.com/FYMD6.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.vote .vote-button a[href $="minus"] {
background-image:url('http://i.imgur.com/LDVc2.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
/* Fim da barra de reputação personalizada */

/* Efeito balão */
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
/* Fim do efeito balão */

/* Lastpost destacado */
.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 1px solid #000000;
border-image: initial;
border-radius: 1px;
box-shadow: 0 0 10px #666;
margin: 3px;
width: auto;
}
.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Fim do lastpost destacado */

/* Footer */
#footerSw {
width: 100%;
background: #697394;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #697394;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}
/* Fim do footer */

/* Categoria personalizada */
.forabg {
background-color: #697394;
background-image: url(http://i.imgur.com/T7Xzu.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid black;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
border-radius: 0px;
}
div.forabg div.inner ul.topiclist.forums li.row{background-image:url(http://i.imgur.com/T7Xzu.png)}
/* Fim da categoria personalizada */

/* Bordas do fórum */
#wrap {
border: 5px solid #262626;
}
/* Fim do bordas do fórum */

/* Remover caixa "ver mais smileys" */
form#smilies_categ{display:none!important}
/* Fim do remover caixa "ver mais smileys" */

/* Caixa de cores personalizada */
.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;
}
/* Fim da caixa de cores personalizada */

/* Cursor de shaman */
body {
cursor: url('clip2net.com/clip/m174457/1351359083-cursornormal-4kb.cur'), url('http://imageshack.us/a/img577/3673/pngcursornormal.png'), auto;
}
a:hover {
cursor: url('clip2net.com/clip/m174457/1351359544-cursorlink-4kb.cur'), url('http://i.imgur.com/ZhgrF.png'), auto;
}
/* Fim do cursor de shaman */

/* Atalhos de navegação personalizado */
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
/* Fim do atalhos de navegação personalizado */


Última edição por Mikéé em 21/11/12, 04:01 pm, editado 1 vez(es)
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Yunnoh em 21/11/12, 03:59 pm

Sinto dizer, não resultou e os botões BBCode eram igual aos do FdF e voltaram ao normal, fiz o backup do meu CSS antes, será que tem como centralizar aqueles botões? Obrigado.
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Consolado em 21/11/12, 05:33 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

.pun .frm .frm-buttons input{margin-left: 20px!important}
20 = Modifique este valor até que os botões adequem-se ao seu fórum.

Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Yunnoh em 21/11/12, 05:39 pm

Sinto dizer Today, não resultou.
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por [F]lames em 21/11/12, 05:43 pm

Olá,

Adicione á teu CSS:

Código:
input.button2[value="Pré-visualizar"] {
margin-left: -480px;
}
Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Yunnoh em 21/11/12, 05:54 pm

-Persy, surtiu o efeito desejado, mais quando passa o mouse em cima, olhe o que acontece:
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Sennior em 21/11/12, 05:55 pm

Yunnoh peço que me mande novamente teu CSS por gentileza.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique
  • 0

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por [F]lames em 21/11/12, 06:00 pm

Olá,

Tente este código:

Código:
input.button2[value="Pré-visualizar"] {
margin-left: -480px;
}
input.button2[value="Pré-visualizar"]:hover {
margin-left: -480px;
}
Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Centralizar botões "Pré-visualizar" e "Enviar"

Mensagem por Yunnoh em 21/11/12, 06:23 pm

-Persy, o seu funcionou obrigado!
#Reputado;
#;
#.
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum