Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Avatar no widget ultimos assuntos, alguns promenores

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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

Tópico resolvido Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 06.09.14 13:14

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 23:01, editado 1 vez(es)
HeadhunteR

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade 06.09.14 14:16

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;
}
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 06.09.14 14:31

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á
HeadhunteR

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade 06.09.14 23:40

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.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 07.09.14 0:04

mas é possivel cortar aos caracteres do titulo?
HeadhunteR

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade 07.09.14 0:49

Sim é possivel. Vá em:

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

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

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 07.09.14 0:56

mod_recent_topics:
HeadhunteR

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade 07.09.14 3:04

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.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 07.09.14 15:03

nao funciona
HeadhunteR

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade 07.09.14 16:00

Olá,

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

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 08.09.14 15:22

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

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 09.09.14 15:45

UP
HeadhunteR

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 10.09.14 16:39

UP
HeadhunteR

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 11.09.14 20:05

UP
HeadhunteR

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade 11.09.14 23:18

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

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 13.09.14 20:19

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

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 14.09.14 14:30

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

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Alex Habilidade 14.09.14 16:49

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) + "...";
    });
 
};

Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por HeadhunteR 16.09.14 23:00

Pronto, esta feito!
Muito Obrigado!
HeadhunteR

HeadhunteR
**

Membro desde : 28/10/2013
Mensagens : 86
Pontos : 114

http://rockillers.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Avatar no widget ultimos assuntos, alguns promenores

Mensagem por Shek 16.09.14 23:15

Avatar no widget ultimos assuntos, alguns promenores Symbol10 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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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