FREEDOM DESIGN

Liberdade de edição


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Previsualizar estilo '-' em Sab Jun 29, 2013 9:56 pm

Membro

Olá Pessoal!

Gostaria do pre-visuálizar do fórum BestSkins,
basta passar o mouse sobre algum tópico.

Versão do meu fórum: Punbb -

Ver perfil do usuário

2 Re: Previsualizar estilo '-' em Dom Jun 30, 2013 3:53 pm

Administrador

Javascript:
Código:
$(document).ready(function(){$('td.tcl').each(function(){var loop=$(this);loop.append('<div class="getTopic"><p class="exibePost"></p><div class="getPost"><span class="last1"><span class="getAvat"></span><p class="nick"><span class="getNick"></span>fez o primeiro post</p><p class="getResposta"></p></span><span class="last2"><span class="getAvat"></span><p class="nick"><span class="getNick"></span>fez o último post</p><p class="getResposta"></p></span><br/><a class="purl">Ir para este tópico</a></div><!--getPost--></div><!--getTopic-->')});$('.getPost').hide();$('.exibePost').click(function(){$('.getPost').fadeOut(100);$(this).parent().find('div').stop().fadeToggle('slow');var url=$(this).parentsUntil('.topictitle').find('a.topictitle').attr('href');$('.purl').attr('href',''+url);$.get(url,function(data){var post1=$('div.post-entry:first',data).html();var nick1=$('h4.username:first',data).html();var avat1=$('.main-avatar a:first',data).html();$('.last1 .getResposta').html(post1);$('.last1 .getNick').html(nick1);$('.last1 .getAvat').html(avat1);$('.getPost .head').css('display','none').remove()});$.get(url,function(data){var post2=$('div.post-entry:last',data).html();var nick2=$('h4.username:last',data).html();var avat2=$('.main-avatar a:last',data).html();$('.last2 .getResposta').html(post2);$('.last2 .getNick').html(nick2);$('.last2 .getAvat').html(avat2);$('.getPost .head').css('display','none').remove()})})});


CSS:
Código:
.topicViewIcons #topicViewRegular img{background-position:0 0}.topicViewIcons img{background:url(http://i72.servimg.com/u/f72/18/07/42/17/topicv10.png) no-repeat;height:16px;margin-top:4px;opacity:1!important;vertical-align:top;width:16px}.topicViewIcons #topicViewBasic.active img{background-position:-16px -16px}.basicTopicView .postmain{margin-left:10px!important}.basicTopicView .postmain .postfoot{margin:0}.basicTopicView .sig-content,.basicTopicView .user{display:none}.resp-b{-moz-border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);-moz-transition:all .2s ease-in-out;-webkit-border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);-webkit-transition:all .2s ease-in-out;background:#F6F6F6;border:1px solid #DBDBDB;border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);color:#616161;cursor:pointer;display:inline-block;font-size:12px;height:22px;line-height:22px;padding:0 10px;white-space:nowrap}.resp-b:hover{border-color:#9A9A9A!important;color:#4C4C4C!important}.getTopic{display:inline-block;height:auto;position:relative;text-align:center;width:100%}.exibePost{cursor:pointer;display:inline-block;height:16px;margin-bottom:3px;width:16px}.getPost{background:#FFF;text-align:left}.getTopic .last1,.getTopic .last2{display:table;text-align:left;width:100%}.getAvat img{-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);background:#fff;border:1px solid #D5D5D5;box-shadow:0 2px 2px rgba(0,0,0,0.1);float:left;height:50px;margin:5px;padding:1px;width:50px}.getAvat img:hover{-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);border-color:#A1A1A1;box-shadow:0 2px 2px rgba(0,0,0,0.2)}.getTopic .last1 p.nick,.getTopic .last2 p.nick{border-bottom:1px solid #F3F3F3}.getTopic .last1 p,.getTopic .last2 p{padding:3px}.getResposta{max-height:240px;overflow:auto}.getResposta .vote,.getResposta div.ddvote{display:none}tr:hover .exibePost{background:url(http://i81.servimg.com/u/f81/17/45/75/97/icon_e10.png) no-repeat top;opacity:.2}tr .exibePost:hover{opacity:1!important}.getPost .purl{-moz-border-radius:3px;-moz-box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);-webkit-border-radius:3px;-webkit-box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);background:#3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar12.png) repeat-x top;border:1px solid #3A4752;border-radius:3px;border-width:1px 1px 0;box-shadow:inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);color:#fff!important;cursor:pointer;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:300;height:30px;line-height:30px;min-width:125px;padding:0 10px;text-align:center;text-shadow:0 -1px 0 #191919}.getPost a.purl:active{position:relative;top:1px}.getNick{padding-right:3px}.exibeClose{background:url(http://i.imgur.com/4rnqPgR.png) no-repeat bottom}




Here comes the sun, here comes the sun,
And I say it's all right

Little darling, it's been a long cold lonely winter
Little darling, it feels like years since it's been here
Here comes the sun, here comes the sun
And I say it's all right



Ver perfil do usuário http://frdesign.probb.org

3 Re: Previsualizar estilo '-' em Dom Jun 30, 2013 11:43 pm

Membro

Valeu tio resolvido!

Ver perfil do usuário


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum