Arrumar perfil MP

4 participantes

Ir para baixo

Tópico resolvido Arrumar perfil MP

Mensagem por Kasthiel 04.12.17 14:50

Detalhes da questão


Endereço do fórum: http://peniel-ro.forumeiros.com
Versão do fórum: ModernBB

Descrição


Gostaria de uma ajuda para arrumar o nome de usuário do perfil das MP
Deixar igual ao perfil da segunda caixa, no caso o nome a cima da imagem...
https://i.imgur.com/3U81X7P.png
Kasthiel
Kasthiel
***

Membro desde : 20/12/2012
Mensagens : 130
Pontos : 188

http://wydchronus.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Ketholy 04.12.17 16:09

Olá,

Vá em:

Painel de controle>Visualização>imagens e cores>Folha de estilo CSS

Aplique o seguinte código:
Código:
.postprofile > dl:nth-child(1) > dt:nth-child(1) > strong:nth-child(3){
  font-size: 1.2em;
position: absolute;
text-align: center;
left: 36%;
top: -6px;
border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
        background-color: #f7f7f7;
}
.postprofile > dl > dt > a > img {
        margin-top:30px;
}

Até mais!
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Kasthiel 04.12.17 16:40

Ketholy escreveu:Olá,

Vá em:

Painel de controle>Visualização>imagens e cores>Folha de estilo CSS

Aplique o seguinte código:
Código:
.postprofile > dl:nth-child(1) > dt:nth-child(1) > strong:nth-child(3){
  font-size: 1.2em;
position: absolute;
text-align: center;
left: 36%;
top: -6px;
border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
        background-color: #f7f7f7;
}
.postprofile > dl > dt > a > img {
        margin-top:30px;
}

Até mais!
Boa tarde... Não funcionou, continuo no mesmo lugar.
Kasthiel
Kasthiel
***

Membro desde : 20/12/2012
Mensagens : 130
Pontos : 188

http://wydchronus.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Ketholy 04.12.17 16:46

O senhor teria uma conta de teste? Se sim repasse-me e em seguida me envie uma MP para que eu possa concertar corretamente o que o senhor deseja.

Estou no aguardo.
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Kasthiel 04.12.17 17:01

Ketholy escreveu:O senhor teria uma conta de teste? Se sim repasse-me e em seguida me envie uma MP para que eu possa concertar corretamente o que o senhor deseja.

Estou no aguardo.
enviado
Kasthiel
Kasthiel
***

Membro desde : 20/12/2012
Mensagens : 130
Pontos : 188

http://wydchronus.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Ketholy 04.12.17 17:26

Retire o código repassado anteriormente e substitua por esse:

Código:
.postprofile-name {
    position: absolute;
    top: 33px!important;
    text-align: center;
    left: 36%;
    padding: 2px;
}

Até mais!
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Kasthiel 04.12.17 18:56

Ketholy escreveu:Retire o código repassado anteriormente e substitua por esse:

Código:
.postprofile-name {
    position: absolute;
    top: 33px!important;
    text-align: center;
    left: 36%;
    padding: 2px;
}

Até mais!
Oi, tem certeza do codigo? De uma olhada de como ficou. haha..
Não é algo na template como esse outro topico que tive ? LINK
Kasthiel
Kasthiel
***

Membro desde : 20/12/2012
Mensagens : 130
Pontos : 188

http://wydchronus.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Fraise 04.12.17 19:49

Olá @Kasthiel,

Pelo que pude constatar houve efeito no código que a nossa amiga forneceu, só que ficou mais para a esquerda do que o esperado. Troque o código por este:
Código:
.postprofile-name {
    position: absolute;
    top: 33px!important;
    text-align: center;
    left: auto !important;
    padding: 2px;
}

Até mais,
Fraise.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Kasthiel 04.12.17 19:56

Eu sei, mas o negocio não era tanto isso... Só que com ou sem esse css, fica a mesma coisa... Era pra o nome de usuario ficar na parte superior da foto e abaixo do status on/off, no caso ele continuou por cima da imagem do perfil so que na parte inferior..
@Fraise,
Kasthiel
Kasthiel
***

Membro desde : 20/12/2012
Mensagens : 130
Pontos : 188

http://wydchronus.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Fraise 04.12.17 20:04

Não sei se entendi muito bem o que deseja, mas veja se era isto: (adicionar no inicio do CSS)
Código:

.post .postprofile::before { padding: 15px 0 !important; }
.postprofile-name { top: -19px!important; }

Até mais,
Fraise.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Kasthiel 04.12.17 20:36

Fraise escreveu:Não sei se entendi muito bem o que deseja, mas veja se era isto: (adicionar no inicio do CSS)
Código:

.post .postprofile::before { padding: 15px 0 !important; }
.postprofile-name { top: -19px!important; }

Até mais,
Fraise.
Não é, pois esta aplicando somente ao postprifle dos topicos, e lá ja esta como era pra estar, mas era somente no postprofile das mp... como pode ver na imagem https://i.imgur.com/3U81X7P.png a da esquerda é de mp e da direita é dos topicos, deveria ficar igual esta nos topicos, exceto do rank pra baixo, no caso o nome somente iria subir
Kasthiel
Kasthiel
***

Membro desde : 20/12/2012
Mensagens : 130
Pontos : 188

http://wydchronus.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Konai 04.12.17 21:21

Saudações!

Aceda à: CPainel > Visualização >> Templates >>> Postar & Mensagens Privadas > privmsgs_body
Me envie o template "privmsgs_body".

Att! Feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Kasthiel 04.12.17 21:23

Gaaratsu escreveu:Saudações!

Aceda à: CPainel > Visualização >> Templates >>> Postar & Mensagens Privadas > privmsgs_body
Me envie o template "privmsgs_body".

Att! Feliz
Código:

<ul id="privmsgs-menu">
   <li><i class="ion-archive"></i>{INBOX}<div class="active"></div></li>
   <li><i class="ion-paper-airplane"></i>{SENTBOX}<div class="active"></div></li>
   <li><i class="ion-share"></i>{OUTBOX}<div class="active"></div></li>
   <li><i class="ion-bookmark"></i>{SAVEBOX}<div class="active"></div></li>
</ul>

<div class="pm-actions">
   <a href="/privmsg?mode=post" class="ion-ios-compose-outline button-round"></a>
</div>

<div class="clear"></div>

<form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">

<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN switch_box_size_notice -->
   <p class="left-box">{BOX_SIZE_STATUS}</p>
   <!-- END switch_box_size_notice -->
   <p class="right-box">
      {L_DISPLAY_MESSAGES}: <select name="msgdays">
      {S_SELECT_MSG_DAYS}
      </select> <input class="button2" type="submit" name="submit_msgdays" value="{L_GO}" />
   </p>
   <div class="clear"></div>
   <span class="corners-bottom"><span></span></span></div>
</div>

<div class="forabg">
   <div class="inner"><span class="corners-top"><span></span></span>

   <ul class="topiclist">
      <li class="header">
         <dl>
            <dt>{L_SUBJECT}</dt>
            <dd class="mark">{L_MARK}</dd>
         </dl>
      </li>
   </ul>

   <ul class="topiclist pmlist bg_none">
   <!-- BEGIN listrow -->
   <li class="row {listrow.ROW_CLASS}">

   <div style="position:absolute; width:24px; height:20px; padding-top:20px; padding-left:24px;">{listrow.PRIVMSG_ICON}</div>

   <dl class="icon" style="background-image: url({listrow.PRIVMSG_FOLDER_IMG});">
         <dt>
            <a href="{listrow.U_READ}" class="topictitle">{listrow.SUBJECT}</a><br />
            <span style="margin: 0 5px"><em>{listrow.FROM} - {listrow.DATE}</em></span>
         </dt>
         <dd class="mark"><input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}" /></dd>
      </dl>
   </li>
   <!-- END listrow -->
   <!-- BEGIN switch_no_messages -->
   <li class="row row1">
      <dl class="icon">
         <dt>
            <strong>{L_NO_MESSAGES}</strong>
         </dt>
         <dd class="mark"> </dd>
      </dl>
   </li>
   <!-- END switch_no_messages -->
   </ul>

   <span class="corners-bottom"><span></span></span></div>
</div>
<p class="right-box" style="margin: 0;"><a href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a> :: <a href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a></p>
<div class="clear"></div>
<p><span class="pagination">{PAGINATION}</span>{PAGE_NUMBER}</p>
<div class="clear"></div>
<div class="pm-actions bottom">
   <div class="pm-actions-buttons">
      {S_HIDDEN_FIELDS}
      <!-- BEGIN switch_save -->
      <input class="button1" type="submit" name="save" value="{L_SAVE_MARKED}" />
      <!-- END switch_save -->
      <!-- BEGIN switch_move_profile -->
      <input class="button1" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />
      <!-- END switch_move_profile -->
      <input class="button2" type="submit" name="delete" value="{L_DELETE_MARKED}" />
      <input class="button2" type="submit" name="deleteall" value="{L_DELETE_ALL}" />
      <a href="/privmsg?mode=post" class="ion-ios-compose-outline button-round"></a>
   </div>
</div>
</form>

<div class="clear"></div>
{JUMPBOX}

<br style="clear:both" />
Kasthiel
Kasthiel
***

Membro desde : 20/12/2012
Mensagens : 130
Pontos : 188

http://wydchronus.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Konai 04.12.17 21:24

Perdão eu confundi o template. O template que preciso é "privmsgs_read_body". Me desculpe!
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Kasthiel 04.12.17 21:25

Gaaratsu escreveu:Perdão eu confundi o template. O template que preciso é "privmsgs_read_body". Me desculpe!
Hehe, sem problemas Rindo

Código:

<ul id="privmsgs-menu">
   <li><i class="ion-archive"></i>{INBOX}<div class="active"></div></li>
   <li><i class="ion-paper-airplane"></i>{SENTBOX}<div class="active"></div></li>
   <li><i class="ion-share"></i>{OUTBOX}<div class="active"></div></li>
   <li><i class="ion-bookmark"></i>{SAVEBOX}<div class="active"></div></li>
</ul>

<!-- BEGIN switch_post_reply -->
<div class="pm-actions">
   <a href="{POST_PM_URL}" class="ion-ios-compose-outline button-round"></a>
</div>
<!-- END switch_post_reply -->

<div class="clear"></div>

<form action="{S_PRIVMSGS_ACTION}" method="post">

<h1 class="page-title">{BOX_NAME} :: {L_MESSAGE}</h1>
<div class="post row2">
   <div class="postprofile">
   <dl>
      <dt>
         <div class="postprofile-avatar">{AVATAR_FROM}</div>
         <div class="postprofile-name">{MESSAGE_FROM}</div>
      </dt>
      <dd class="postprofile-contact">
         <!-- BEGIN switch_user_contact -->
         {PROFILE_IMG} {PM_IMG} {EMAIL_IMG} {WWW_IMG} {AIM_IMG} {YIM_IMG} {MSN_IMG} {SKYPE_IMG}
         <!-- END switch_user_contact -->
      </dd>
   </dl>
   </div>
   <div class="postbody">
      <div class="h3">{POST_SUBJECT}</div>
      <ul class="profile-icons">
         <!-- BEGIN switch_quote -->
         <li>{QUOTE_PM_IMG}</li>
         <!-- END switch_quote -->
         <li>{EDIT_PM_IMG}</li>
      </ul>
      <p class="author">{L_FROM} {MESSAGE_FROM} {L_TO} {MESSAGE_TO}, {POST_DATE}</p>
      <div class="content">
         {MESSAGE}
      </div>
   </div>
</div>
<fieldset class="submit-buttons">
   {S_HIDDEN_FIELDS}
   <!-- BEGIN switch_save -->
   <input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" />&nbsp;&nbsp;
   <!-- END switch_save -->
   <!-- BEGIN switch_move_profile -->
   <input class="button2" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" />&nbsp;&nbsp;
   <!-- END switch_move_profile -->
   <input class="button2" type="submit" name="delete" value="{L_DELETE_MSG}" />
</fieldset>

<!-- BEGIN switch_post_reply -->
<div class="topic-actions">
   <div class="buttons">
      <div class="post-icon">{REPLY_PM_IMG}</div>
   </div>
</div>
<div class="clear"></div>
<!-- END switch_post_reply -->

</form>

<!-- BEGIN switch_review_box -->
{TOPIC_REVIEW_BOX}
<!-- END switch_review_box -->

{JUMPBOX}

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
Kasthiel
Kasthiel
***

Membro desde : 20/12/2012
Mensagens : 130
Pontos : 188

http://wydchronus.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Konai 04.12.17 21:26

Substitua por este:
Código:
<ul id="privmsgs-menu">
  <li><i class="ion-archive"></i>{INBOX}<div class="active"></div></li>
  <li><i class="ion-paper-airplane"></i>{SENTBOX}<div class="active"></div></li>
  <li><i class="ion-share"></i>{OUTBOX}<div class="active"></div></li>
  <li><i class="ion-bookmark"></i>{SAVEBOX}<div class="active"></div></li>
</ul>

<!-- BEGIN switch_post_reply -->
<div class="pm-actions">
  <a href="{POST_PM_URL}" class="ion-ios-compose-outline button-round"></a>
</div>
<!-- END switch_post_reply -->

<div class="clear"></div>

<form action="{S_PRIVMSGS_ACTION}" method="post">

<h1 class="page-title">{BOX_NAME} :: {L_MESSAGE}</h1>
<div class="post row2">
  <div class="postprofile">
  <dl>
      <dt>
        <div class="postprofile-name">{MESSAGE_FROM}</div>
        <div class="postprofile-avatar">{AVATAR_FROM}</div>
      </dt>
      <dd class="postprofile-contact">
        <!-- BEGIN switch_user_contact -->
        {PROFILE_IMG} {PM_IMG} {EMAIL_IMG} {WWW_IMG} {AIM_IMG} {YIM_IMG} {MSN_IMG} {SKYPE_IMG}
        <!-- END switch_user_contact -->
      </dd>
  </dl>
  </div>
  <div class="postbody">
      <div class="h3">{POST_SUBJECT}</div>
      <ul class="profile-icons">
        <!-- BEGIN switch_quote -->
        <li>{QUOTE_PM_IMG}</li>
        <!-- END switch_quote -->
        <li>{EDIT_PM_IMG}</li>
      </ul>
      <p class="author">{L_FROM} {MESSAGE_FROM} {L_TO} {MESSAGE_TO}, {POST_DATE}</p>
      <div class="content">
        {MESSAGE}
      </div>
  </div>
</div>
<fieldset class="submit-buttons">
  {S_HIDDEN_FIELDS}
  <!-- BEGIN switch_save -->
  <input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" />&nbsp;&nbsp;
  <!-- END switch_save -->
  <!-- BEGIN switch_move_profile -->
  <input class="button2" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" />&nbsp;&nbsp;
  <!-- END switch_move_profile -->
  <input class="button2" type="submit" name="delete" value="{L_DELETE_MSG}" />
</fieldset>

<!-- BEGIN switch_post_reply -->
<div class="topic-actions">
  <div class="buttons">
      <div class="post-icon">{REPLY_PM_IMG}</div>
  </div>
</div>
<div class="clear"></div>
<!-- END switch_post_reply -->

</form>

<!-- BEGIN switch_review_box -->
{TOPIC_REVIEW_BOX}
<!-- END switch_review_box -->

{JUMPBOX}

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
Salve e publique! Muito feliz

Att! Feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Kasthiel 04.12.17 21:29

Gaaratsu escreveu:Substitua por este:
Código:
<ul id="privmsgs-menu">
  <li><i class="ion-archive"></i>{INBOX}<div class="active"></div></li>
  <li><i class="ion-paper-airplane"></i>{SENTBOX}<div class="active"></div></li>
  <li><i class="ion-share"></i>{OUTBOX}<div class="active"></div></li>
  <li><i class="ion-bookmark"></i>{SAVEBOX}<div class="active"></div></li>
</ul>

<!-- BEGIN switch_post_reply -->
<div class="pm-actions">
  <a href="{POST_PM_URL}" class="ion-ios-compose-outline button-round"></a>
</div>
<!-- END switch_post_reply -->

<div class="clear"></div>

<form action="{S_PRIVMSGS_ACTION}" method="post">

<h1 class="page-title">{BOX_NAME} :: {L_MESSAGE}</h1>
<div class="post row2">
  <div class="postprofile">
  <dl>
      <dt>
        <div class="postprofile-name">{MESSAGE_FROM}</div>
        <div class="postprofile-avatar">{AVATAR_FROM}</div>
      </dt>
      <dd class="postprofile-contact">
        <!-- BEGIN switch_user_contact -->
        {PROFILE_IMG} {PM_IMG} {EMAIL_IMG} {WWW_IMG} {AIM_IMG} {YIM_IMG} {MSN_IMG} {SKYPE_IMG}
        <!-- END switch_user_contact -->
      </dd>
  </dl>
  </div>
  <div class="postbody">
      <div class="h3">{POST_SUBJECT}</div>
      <ul class="profile-icons">
        <!-- BEGIN switch_quote -->
        <li>{QUOTE_PM_IMG}</li>
        <!-- END switch_quote -->
        <li>{EDIT_PM_IMG}</li>
      </ul>
      <p class="author">{L_FROM} {MESSAGE_FROM} {L_TO} {MESSAGE_TO}, {POST_DATE}</p>
      <div class="content">
        {MESSAGE}
      </div>
  </div>
</div>
<fieldset class="submit-buttons">
  {S_HIDDEN_FIELDS}
  <!-- BEGIN switch_save -->
  <input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" />&nbsp;&nbsp;
  <!-- END switch_save -->
  <!-- BEGIN switch_move_profile -->
  <input class="button2" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" />&nbsp;&nbsp;
  <!-- END switch_move_profile -->
  <input class="button2" type="submit" name="delete" value="{L_DELETE_MSG}" />
</fieldset>

<!-- BEGIN switch_post_reply -->
<div class="topic-actions">
  <div class="buttons">
      <div class="post-icon">{REPLY_PM_IMG}</div>
  </div>
</div>
<div class="clear"></div>
<!-- END switch_post_reply -->

</form>

<!-- BEGIN switch_review_box -->
{TOPIC_REVIEW_BOX}
<!-- END switch_review_box -->

{JUMPBOX}

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
Salve e publique! Muito feliz

Att! Feliz
Era isso mesmo, muito obrigado novamente pela ajuda... Tive uma idéia!
Kasthiel
Kasthiel
***

Membro desde : 20/12/2012
Mensagens : 130
Pontos : 188

http://wydchronus.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar perfil MP

Mensagem por Konai 04.12.17 21:31

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos