Botões editar, citar e excluir

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

Resolvido Botões editar, citar e excluir

Mensagem por HeyFel em 08/08/13, 05:27 pm

Qual é minha questão:
Boa tarde,

Gostaria de alterar a posição dos botões de editar, citar e excluir a resposta. Em que parte do código estão esses botões?

http://i.imgur.com/HDbuNhu.png

Endereço do meu fórum:
http://attempty.forumeiros.com

Versão do fórum:
phpBB 3


Última edição por HeyFel em 08/08/13, 08:51 pm, editado 2 vez(es) (Razão : Versão do fórum)
avatar

HeyFel
Nível 2

Masculino
Inscrito dia : 26/06/2013
Mensagens : 7
Pontos Ativos : 11

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

Resolvido Re: Botões editar, citar e excluir

Mensagem por Consolado em 08/08/13, 06:05 pm

Olá!

As classes são essas:
Código:
img.i_icon_quote {
/* propriedades CSS */
}
i_icon_edit {
/* propriedades CSS */
}
i_icon_delete {
/* propriedades CSS */
}
Onde está "propriedades CSS" deveria estar o código para personalizar os botões.

Até mais!
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: Botões editar, citar e excluir

Mensagem por HeyFel em 08/08/13, 06:53 pm

Olá Today,

Não há nenhuma das classes acima no código CSS do meu fórum. Também alterei o tema e não encontrei nem no tema padrão, nem outros temas custom.
Essas classes são da versão phpBB 3 mesmo?
avatar

HeyFel
Nível 2

Masculino
Inscrito dia : 26/06/2013
Mensagens : 7
Pontos Ativos : 11

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

Resolvido Re: Botões editar, citar e excluir

Mensagem por Sennior em 08/08/13, 06:55 pm

Olá amigo,

Que tal todos de uma vez?:

Código:
.profile-icons {
/* propriedades CSS */
}
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: Botões editar, citar e excluir

Mensagem por HeyFel em 08/08/13, 07:06 pm

Oi Sheldon, prazer em vê-lo por aqui =P

Deve haver algo errado com o CSS do meu fórum, pois não encontrei esse código também.
Eu uso um tema custom da Hitskin, já busquei em todo o código onde alterar isso mas não encontrei, por isso vim procurar uma ajuda aqui.

Esse é o CSS do fórum, talvez seja bom analisá-lo:
Spoiler:

Código:
body#phpbb {
background-color: black;
background-image: url(http://i.imgur.com/sEtTk.jpg);
background-position: top center;
background-repeat: no-repeat;
color: #A8A8A8;
}
#wrap {
width: 960px;
}
#page-body {
overflow-y: hidden;
background: url("http://i.imgur.com/p2pOH.png") , url("http://i.imgur.com/PdKdE.png");
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
padding: 10px;
width: auto;
background-position: top center , center;
background-repeat: repeat-x , repeat;
}

#page-footer {
padding: 8px;
position: relative;
border-top: 1px solid #222;
}
.header {
font-size: 12px;
min-height: 30px;
margin-bottom: 10px!important;
text-shadow: 1px 1px 1px #2B0000;
}
.row , .row1 , .row2 {
border-top: 1px solid #363636!important;
border-bottom: 1px solid black!important;
}

.forabg, .forumbg {
background-image: url("http://i.imgur.com/oRaxH.png");
color: white;
text-shadow: -1px -1px 1px black;
border-radius: 5px;
margin-bottom: 10px;
background-repeat: repeat-x;
}
#plus_menu {
background-color: #272727;
}


#search-box {
position: absolute;
margin-left: 750px;
margin-top: -120px;
}
.navbar ul.linklist.navlinks li a:hover {
background: #373737 url("http://i.imgur.com/R1pjk.png") repeat-x 0 0;
color: white;
}
.navbar .linklist.navlinks {
float: right;
background: url("http://i.imgur.com/1Gp3b.png") repeat-x 0 50%;
text-shadow: 1px 1px 2px black;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0 1px 10px rgba(0,0,0, 0.8), inset 0 1px 0 rgba(255,255,255,0.2);
padding: 6px;
padding-right: 3px;
}
.navbar ul.linklist.navlinks li a {
color: #A7A7A7;
outline: none;
padding: 0px 8px;
line-height: 26px;
height: 26px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 11px;
display: inline-block;
}

#search-box #keywords {
min-width: 150px;
background: url("http://i.imgur.com/2soQM.png") repeat;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.09)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.09) 0%, transparent 100%);
-moz-border-radius: 3px;
padding: 10px 10px 9px 20px;
border: 1px solid #525252;
border-radius: 5px 0px 0px 5px;
border-width: 1px 0px 1px 1px!important;
box-shadow: 0px 0px 10px 5px #2E2E2E inset;
}
#search-box .nomargin .button2 {
background-color: #222!important;
background-image: url(http://i.imgur.com/dvGoE.png);
background-position: center;
font-size: 0!important;
padding: 16px;
background-repeat: no-repeat;
border-radius: 0px 5px 5px 0px;
border: 1px solid #555!important;
border-width: 1px 1px 1px 0px!important;
}
.panel {
background:url("http://i.imgur.com/2soQM.png") repeat;
  background:rgba(255,255,255,0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.09)), to(transparent));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.09) 0%, transparent 100%);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  padding:10px;
  overflow:hidden;
}
#memberlist {
padding-top: 8px;
}
.module {
background: url("http://i.imgur.com/2soQM.png") repeat;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.09)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.09) 0%, transparent 100%);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
padding: 0px;
}
.module .h3 {
background-position: top;
color: white;
margin-top: -0;
padding-bottom: 10px;
padding-left: 5px;
padding-top: 10px;
background-image: url(http://i.imgur.com/oRaxH.png);
background-repeat: repeat-x;
}
.module span.corners-top {
display: none;
}

#logout {
display: inline-block;
outline-style: none;
overflow: hidden;
text-align: left;
text-decoration: none;
white-space: nowrap;
width: 94.0px;
}
avatar

HeyFel
Nível 2

Masculino
Inscrito dia : 26/06/2013
Mensagens : 7
Pontos Ativos : 11

Ver perfil do usuário http://attempty.forumeiros.com/
  • 0

Resolvido Re: Botões editar, citar e excluir

Mensagem por MateusA em 08/08/13, 07:13 pm

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:
/* MODIFICAR CITAR */
.i_icon_quote {
  position: relative !important;
  margin-left: 50% !important;
  top: 50% !important;
}
/* FIM MODIFICAR CITAR */

/* MODIFICAR EDITAR */
.i_icon_edit {
  position: relative !important;
  margin-left: 50% !important;
  top: 50% !important;
}
/* FIM MODIFICAR EDITAR */


/* MODIFICAR DELETAR */
.i_icon_delete {
  position: relative !important;
  margin-left: 50% !important;
  top: 50% !important;
}
/* FIM MODIFICAR DELETAR */

Seta No código acima, procure por '50', basta aumentar ou diminuir.
Seta Também se e permitido a utilização de números negativos.
Valide e veja o resultado.
Tive uma idéia!
Atenciosamente,
Crazy.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botões editar, citar e excluir

Mensagem por HeyFel em 08/08/13, 08:20 pm

Olá Crazy,

Ainda assim não foi =\
Tentei usar também outras propriedades como absolute mas os botões insistem em ficar acima da postagem.
Por ser apenas um detalhe eu vou deixar como está mesmo. Positivo

Obrigado pela força pessoal!
avatar

HeyFel
Nível 2

Masculino
Inscrito dia : 26/06/2013
Mensagens : 7
Pontos Ativos : 11

Ver perfil do usuário http://attempty.forumeiros.com/
  • 0

Resolvido Re: Botões editar, citar e excluir

Mensagem por Neimasinho em 08/08/13, 08:27 pm

Vá em: Painel de controle ->> Visualização ->> Cores ->> Folha CSS.

Adicione:
Código:Selecionar conteúdo
Código:
.i_icon_edit,.i_icon_delete,.i_icon_quote,.i_icon_ip {
 margin-top:300px;}

.postbody .content {margin-top:-300px;}

Salve e visualize.
Atenciosamente
avatar

Neimasinho
Membro do Fórum

Masculino
Inscrito dia : 10/06/2013
Mensagens : 1528
Pontos Ativos : 2163

Ver perfil do usuário http://dw-animes.forumeiros.com/ https://www.facebook.com/williamberg.cassimiro

Resolvido Re: Botões editar, citar e excluir

Mensagem por HeyFel em 08/08/13, 08:44 pm

Oi neto,

Quando adiciona esse código a postagem fica divida em três colunas: o perfil, a postagem em si e os botões.

Agradeço por sua contribuição, mas vou deixar como está mesmo. Tá mais que provado que o código tá de sisma comigo e não aceita modificações ='P
Por ser só um detalhes mesmo não vou mais perder tempo com isso.

Vlw mesmo!
avatar

HeyFel
Nível 2

Masculino
Inscrito dia : 26/06/2013
Mensagens : 7
Pontos Ativos : 11

Ver perfil do usuário http://attempty.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