Avatar no widget ultimos assuntos, alguns promenores

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

Resolvido Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 06/09/14, 09:14 am

ola, eu fiz o tuturial desta página http://bestskins.forumeiros.com/t4234-pedido-widget-ultimos-assuntos-com-avatares
e funcionou mas eu queria só alterar umas coisas, 
1º por um espaço entre o "por" e "Headhunter"
2º tirar o fundo branco e por bordas arredondadas
3º por avatar padrao "sem avatar" para neste caso o convidado
4º reduzir os caracteres do titulo e/ou diminuir a fonte da data, para que seja apenas usadas 3 linhas para cada tópico


Última edição por HeadhunteR em 16/09/14, 07:01 pm, editado 1 vez(es)
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade em 06/09/14, 10:16 am

Olá,

Adicione esse CSS:
Código:

.recent_space strong {
    margin-left: 5px;
}.avt-r-enlace > img {
    background: none repeat scroll 0 0 transparent;
    border-radius: 8px;
}.recent_space {
    font-size: 9px;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 06/09/14, 10:31 am

Alex Habilidade sobre o ponto 1º o espaço esta apenas para o "por headhunter" o "porConvidado" nao tem espaço, eu queria o espaço entre o "por" e o "nome do membro". exemplo: "por" "nomedomenbro"
Obrigado por me resolver o ponto 2º com sucesso
agora so me falta o ponto 3º e o 4º
no quarto queria era diminuir os caracteres do titulo para X caracteres por exemplo: MasterServers (Lista... de modo a que sejam usadas apenas 3 linhas para cada tópico recente.
Obrigado desde já
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade em 06/09/14, 07:40 pm

Amigo isso depende muito do tamanho do titulo e do nick, conforme ele chegue no final a tendencia é pular uma linha, creio que isso será impossível evitar, pois deixará a fonte muito pequeno impossibilitando a visualização.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 06/09/14, 08:04 pm

mas é possivel cortar aos caracteres do titulo?
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade em 06/09/14, 08:49 pm

Sim é possivel. Vá em:

Painel de Controle -> Visualização -> Templates -> Portal

Me forneça todo o código do template: mod_recent_topics
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 06/09/14, 08:56 pm

mod_recent_topics:

Código:
<!-- BEGIN scrolling_row -->
<div class="module main">
   <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
   <div class="main-content" id="comments_scroll_div">
      <!-- BEGIN recent_topic_row -->
          <div class="avt_recent">
              <div class="recent_space">
      » <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
          <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

      <!-- BEGIN switch_poster -->
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
      <!-- END switch_poster_guest -->

      <!--
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
      -->
            </div>
          </div>
      <!-- END recent_topic_row -->
   </div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
   div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="module main">
   <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
   <div class="main-content">
      <!-- BEGIN recent_topic_row -->
          <div class="avt_recent">
              <div class="recent_space">
            » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /> {BY}&nbsp;
                <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
            </div>
          </div>
      <!-- END recent_topic_row -->
   </div>
</div>
<!-- END classical_row -->
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade em 06/09/14, 11:04 pm

Olá,

Troque o template por este:
Código:

<!-- BEGIN scrolling_row -->
<div class="module main">
<div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
<div class="main-content" id="comments_scroll_div">
<!-- BEGIN recent_topic_row -->
<div class="avt_recent">
<div class="recent_space">
» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
<img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

<!-- BEGIN switch_poster -->
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
<!-- END switch_poster -->

<!-- BEGIN switch_poster_guest -->
{scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
<!-- END switch_poster_guest -->

<!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
-->
</div>
</div>
<!-- END recent_topic_row -->
</div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="module main">
<div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
<div class="main-content">
<!-- BEGIN recent_topic_row -->
<div class="avt_recent">
<div class="recent_space">
  » <a href="{classical_row.recent_topic_row.U_TITLE}"><span class="alexH">{classical_row.recent_topic_row.L_TITLE}</span></a><br /> {BY}&nbsp;
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->

<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->

{ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

<!--
<a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
-->
</div>
</div>
<!-- END recent_topic_row -->
</div>
</div>
<!-- END classical_row -->

E crie uma página Javascript com investimento em todas as páginas e coloque o código abaixo.
Código:

window.onload = function() {
    var str = document.querySelectorAll(".alexH");
 
    [].slice.call(str).forEach(function(i) {
        i.textContent = i.textContent.substr(0, 5) + "...";
    });
 
};

Obs: Procure pelo valor 5 será onde você irá determinar o número de caracteres que irá aparecer.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 07/09/14, 11:03 am

nao funciona
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade em 07/09/14, 12:00 pm

Olá,

No meu teste resultou!
Deixe os dois códigos ativo por favor.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 08/09/14, 11:22 am

eu deixei mas sabe alguns tuturias que por ai andam nao funcionam no meu forum, talvez sera por isso...
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 09/09/14, 11:45 am

UP
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 10/09/14, 12:39 pm

UP
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 11/09/14, 04:05 pm

UP
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade em 11/09/14, 07:18 pm

Peço que deixe ativo em seu fórum o js e o template enviado por mim por favor!
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 13/09/14, 04:19 pm

Ok, mas agora estu pelo tlm, amanha faço isso
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 14/09/14, 10:30 am

Ja estao ativos, faça a sua magia Piscada
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade em 14/09/14, 12:49 pm

Olá,

Troque o template mod_recent_topics por este:
Código:

<!-- BEGIN scrolling_row -->
<div class="module main">
<div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
<div class="main-content" id="comments_scroll_div">
<!-- BEGIN recent_topic_row -->
<div class="avt_recent">
<div class="recent_space">
» <a class="alexH20" onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
<img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

<!-- BEGIN switch_poster -->
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
<!-- END switch_poster -->

<!-- BEGIN switch_poster_guest -->
{scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
<!-- END switch_poster_guest -->

<!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
-->
</div>
</div>
<!-- END recent_topic_row -->
</div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="module main">
<div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
<div class="main-content">
<!-- BEGIN recent_topic_row -->
<div class="avt_recent">
<div class="recent_space">
  » <a href="{classical_row.recent_topic_row.U_TITLE}"><span class="alexH20">{classical_row.recent_topic_row.L_TITLE}</span></a><br /> {BY}&nbsp;
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->

<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->

{ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

<!--
<a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
-->
</div>
</div>
<!-- END recent_topic_row -->
</div>
</div>
<!-- END classical_row -->

Salve e publique!
Feito isto substitua o código javascript por esse:
Código:

window.onload = function() {
    var str = document.querySelectorAll(".alexH20");
 
    [].slice.call(str).forEach(function(i) {
        i.textContent = i.textContent.substr(0, 5) + "...";
    });
 
};

avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR em 16/09/14, 07:00 pm

Pronto, esta feito!
Muito Obrigado!
avatar

HeadhunteR
Nível 7

Masculino
Inscrito dia : 28/10/2013
Mensagens : 86
Pontos Ativos : 114

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

Resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Shek em 16/09/14, 07:15 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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