Fenix Rojo |
"> |
| Amnel | |
|
Efectos Pop Up para respuesta rápida - 27/2/2013, 8:25 am
Reportaje:Este efecto nos ayuda a tener una respuesta rápida y marco bonitos efectos. Al hacer clic en la palabra Respuestas de envío aparecerá un marco respuestas como la demostración se ocultará la trama de respuesta rápida en la parte inferior del foro. Instrucción:Visualizar Imágenes y colores Hojas de estilo CSS Colors: - Código:
/* -- BEGIN Pop-up reply box --*/ #quick_reply{ position:fixed; top:30%; left:35%; background:#FFFFFF; padding:10px; border:1px solid #BCBCBC; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; z-index:100; box-shadow:0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2); display:none; }
.raspunde{ position:fixed !important; top:0px !important; left:0px !important; height:100%; width:100%; z-index:20; opacity:0.7; background:#000; display:none; } /* -- END Pop-up reply box --*/ Módulos HTML & JAVASCRIPT Gestion de códigos Javascript Colocar : En todos los temas - Código:
$(function() { // Modificari si adaugare buton inchidere $('.copyright').append('<div class="raspunde"></div>'); $('#quick_reply .right-box').append(' <button class="button2 closeqr" type="button"><img src="http://i44.servimg.com/u/f44/15/54/81/90/cross10.png" title="Inchide"/></button>');
// Efecte if($('#quick_reply').length){ $('div.topic-actions .buttons a:nth-child(2)').attr('href', 'javascript:void(0);'); $('div.topic-actions .buttons a:nth-child(2)').click(function() { $('.raspunde').fadeIn(500); $('#quick_reply').fadeIn(500); });
$('.button2.closeqr').click(function() { $('.raspunde').fadeOut(250); $('#quick_reply').fadeOut(250); }); } });
| Permisos de este foro: | No puedes responder a temas en este foro.
Código [IMG] está Activado Código HTML está Activado
|
|
|