|
Comunidade uCoz em Português Desenvolvedores uCoz & uKit Soluções Personalizadas Lincando as imagens da descrição breve pra postagem completa (Com jQuery) |
Lincando as imagens da descrição breve pra postagem completa |
Uma postagem recente no Blog do uCoz me fez querer passar para vocês uns truques que uso nos sites satélites do uCoz, e é claro nos meus sites.
Para começar, estarei mostrando a vocês como é que faz para quando a pessoa clicar na imagem da postagem ser redirecionada para a postagem completa e seus respectivos comentários. Se você estiver se perguntando o motivo de querer fazer isso então aí vai um forte motivo: evitar, ou pelo menos, reduzir a taxa de rejeição. Para que não está familiarizado, a taxa de rejeição é quando uma pessoa abre a página do seu site, e se em até 5 minutos ela não abrir nenhuma outra página do seu site é considerado taxa de rejeição, pois a pessoa provavelmente fechou a aba ( Se você está convencido, mãos à obra. Você vai precisar acessar Painel de controle » o seu módulo de preferência » Aparência das postagens Procure pela div que a variável $MESSAGE$ está dentro. Código <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;"> <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div> <?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?> <?if($ATTACHMENTS$)?><div class="eAttach">Anexos: $ATTACHMENTS$</div><?endif?><div class="eDetails" style="clear:both;"> <?if($RATING$)?><div style="float:right"><?$RSTARS$('15','/.s/t/1051/rating15.png','0','float')?></div><?endif?> <?if($CATEGORY_NAME$)?><span class="e-category"><span class="ed-title">Categoria:</span> <span class="ed-value"><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span></span><span class="ed-sep"> | </span><?endif?> <span class="e-reads"><span class="ed-title">Visualizações:</span> <span class="ed-value">$READS$</span></span><span class="ed-sep"> | </span> <?if($USERNAME$)?><span class="e-author"><span class="ed-title">Adicionado por :</span> <span class="ed-value" ><a href="$PROFILE_URL$">$USERNAME$</a></span></span><span class="ed-sep"> | </span><?endif?> <span class="e-date"><span class="ed-title">Data:</span> <span class="ed-value" title="$TIME$">$DATE$</span></span> <?if($COMMENTS_URL$)?><span class="ed-sep"> | </span><a class="e-comments" href="$COMMENTS_URL$">Comentários ($COMMENTS_NUM$)</a><?endif?> </div></td></tr></table><br /> Então crie um id para esta div, para não fugir muito do padrão, vamos usar o mesmo do class, a diferença é que vamos usar a variável $ID$. A variável $ID$ imprime o ID exclusivo daquela postagem. Então nosso código deve ficar assim: Código <?if($MESSAGE$)?> <div class="eMessage" id="eMessage$ID$" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div> <?endif?> Depois de fazer isso adicione esse javascript no final. Código <script type="text/javascript"> $('.ulightbox').attr('title', ''); $('img', $('#eMessage$ID$')).wrap("<a href=\"$ENTRY_URL$\" class=\"GoToEntry\"></a>"); </script> Ele é usado no site BRCraft, dê uma olhada. http://brcraft.ucoz.com.br/ Lembre-se! Não estamos na sua cabeça, então seja claro ao postar uma dúvida.
Não dou suporte por mensagem privada. Quem preferir suporte particular, procure no Painel de Controle do site ou na página http://www.ucoz.com.br/contact. |
| |||
| |||