Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Arquivos » Lixeira

#1
 D'Leandro™

avatar
Fundador

Pré-Visualizar no Tópico


PunBB PhpBB2 PhpBB3 Invision
Este código foi lançado promocionalmente, e ficou online por poucos dias, hoje eu estou relançando o mesmo!
Espero que goste, desta vez ficará permanentemente!
--> Código CSS <--
Código:
/*Pré-visualizar no tópico*/
#prevBG {
    z-index: 99 !important;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}
#prev {
    position: fixed;
    z-index: 999;
    top: 15em;
    left: 5em;
    right: 5em;
    bottom: 20em;
    background-color: white;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url("http://i45.tinypic.com/20j00o2.png") !important;
    border-radius: 6px;
}
.prevE {
    position: absolute;
    z-index: 9;
    bottom: 290px;
    right: -20px;
    cursor: url('http://img97.imageshack.us/img97/9688/cur5582.png'), auto;
}
.prevTxt {
    float: left;
    display: block;
    width: 94%;
    box-shadow: -2px 1px 5px rgba(51, 51, 51, 0.4) inset;
    position: absolute;
    top: 40px !important;
    margin-left: 10px;
    margin-right: 5px;
    border-width: 1px;
    border-style: dashed solid solid;
    border-color: rgb(221, 221, 221);
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
    border-image: none;
    border-radius: 6px;
    padding: 15px;
    white-space: pre-line;
    max-height: 28.8em;
    overflow-y: scroll;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    max-height: 170px;
}
.prevTit h1 {
    position: absolute;
    background: none repeat scroll 0% 0% rgb(51, 51, 51);
    top: -5px;
    right: -5px;
    left: -5px;
    text-align: center;
    font: bold 18px Tahoma;
    padding: 6px;
    color: rgb(241, 241, 241);
    border: 1px solid rgb(51, 51, 51);
    border-radius: 6px;
    border-top-style: dashed;
}

--> Código JavaScript <--
Nos Tópicos
Código:
$(document).ready(function(){$('input[name="preview"]').before('<input type="submit" name="prev" value="Pré-visualizar no tópico" /> ');$('input[name="prev"]').click(function(e){e.preventDefault();var getText=$('#text_editor_textarea').val();if(getText.length>=3){$('#prev').css('background-image','url(http://i45.tinypic.com/20j00o2.png)');$('body').prepend('<div id="prevBG"></div><div id="prev"><img src="http://icons.iconarchive.com/icons/gakuseisean/ivista-2/48/Alarm-Error-icon.png"alt="Fechar"title="Fechar"class="prevE"/><span class="prevTit"><h1>Pré-Visualizar postagem</h1></span><span class="prevTxt"></span></div>');$('#prev').css('background-image','url(http://i45.tinypic.com/20j00o2.png)');var repete=getText.length;var prarept=0;$('#prev').css('background-image','url(http://i45.tinypic.com/20j00o2.png)');while(prarept<=repete){getText=getText.replace('[img]','<img src="');getText=getText.replace('[/img]','" /> ');getText=getText.replace('[','<');getText=getText.replace(']','>');if(prarept==repete){$('.prevTxt').html(getText)}prarept++}$('#prevBG, .prevE').click(function(){$(this).remove();$('#prevBG, #prev').remove()})}else{alert('Escreve algo para poder pré-visualizar')}})});

--> Resultado Final <--

---


Desenvolvido por Switch (Desenvolvimento) | D'Leandro™ (Design)
Editado e Postado por 2012 © Staffer Group BR™

Ver perfil do usuário