Teste CSS - Criado totalmente do 0 por TrY! 08.06.12 21:09
Caros usuários,
Com tempo livre criei este código.
Ele faz com que você teste um código CSS em seu site:
É Puro jQuery.
Código:
Se quiserem por em Website, tente editar o CSS:
É necessário este código em seu WebSite:
Com tempo livre criei este código.
Ele faz com que você teste um código CSS em seu site:
É Puro jQuery.
Código:
- Spoiler:
- Código:
jQuery(document).ready(function() {
var teste_css_html = '<div id="teste_css_div" style="margin-left:-120px;background-color:rgb(63, 63, 63);width:auto; position:fixed; left:0px; top:70px; border-bottom-right-radius: 9px; border-top-right-radius: 9px; padding:5px;"><textarea id="teste_css_textarea" style="background-color:rgba(204,204,204,1); font-family:Arial, sans-serif;display:none;border: 1px solid black;width:219px;height:166px;margin-right:25px;font-size:10px;"></textarea><br /><button id="teste_css_confirm"style="display:none;padding-bottom:20px;" class="button1">Confirmar</button><span id="teste_css_span_open" style="color:white;font-weight:bold;top: -10px;position:relative;font-family:Arial, sans-serif; cursor:pointer;margin-right:25px;">Exibir teste de Css: →</span><span id="teste_css_span_close" style="color:white;font-weight:bold;top: -10px;position:relative;font-family:Arial, sans-serif; cursor:pointer;display:none">Ocultar teste de Css: ←</span></div>';
jQuery('body').append(teste_css_html);
jQuery('#teste_css_span_open').click(function() {
jQuery('#teste_css_textarea, #teste_css_confirm, #teste_css_span_close').fadeIn(500);
jQuery('#teste_css_span_close').before('<br /><br />');
jQuery(this).hide();
});
jQuery('#teste_css_span_close').click(function(){jQuery('#teste_css_textarea, #teste_css_confirm, #teste_css_span_close').fadeOut(500,function(){jQuery('#teste_css_span_open').show();});});
jQuery('#teste_css_confirm').click(function(e) {
var teste_css = '<'+'style type="text/css">'+jQuery("#teste_css_textarea").val()+'</'+'style>';
jQuery('head').html(teste_css); });
jQuery('#teste_css_div').hover(function(){
jQuery(this).animate({marginLeft:'0px'},500);
jQuery('#teste_css_span_open, #teste_css_span_close').animate({marginRightt:'0px'},500);
jQuery('#teste_css_textarea').animate({marginLeft:'0px'},500);
},function(){
jQuery(this).animate({marginLeft:'-120px'},500);
jQuery('#teste_css_span_open, #teste_css_span_close').animate({marginRightt:'25px'},500);
jQuery('#teste_css_textarea').animate({marginLeft:'-120px'},500, function(){jQuery('#teste_css_textarea').animate({marginRight:'25px'});});
});
});
Se quiserem por em Website, tente editar o CSS:
É necessário este código em seu WebSite:
- Código:
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
mahalk • 08.06.12 23:55
ryan reis fonteneles • 10.06.12 8:39
