Archive | HTML RSS feed for this section

Include Html con JQuery

<html>   <head>     <script src="jquery.js"></script>     <script>     $(function(){       $("#includedContent").load("b.html");     });     </script>   </head>   <body>      <div id="includedContent"></div>   </body> </html>

Continue Reading ·
post-author

Bootstrap redactor

Redactor es un plugin para bootstrap y jquery para poder habilitar nuestros textarea como editores de texto elegante.  

Continue Reading ·
post-author

Jquery – Seleccionar elemento siguiente with siblings

Si necesitamos trabajar con un elemento siguiente, entonces necesitamos buscarlo por su .class y luego tratarlo. En este ejemplo desde el .li1 necesitamos ocultar el .li5 <html>   <head>   <title></title>   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>     <script>       $(document).ready(function(){       $(".li1").siblings(".li5").hide();           });         […]

Continue Reading ·
post-author

Print Html with Css

En caso que el HTML que vamos a imprimir contenga div o contenido que no deseemos que salga en la impresión, en el css debemos de darle un display:none; <!Doctype html> <html>       <head>                   <link rel="stylesheet" href="/print/style.css" type="text/css" media="print" />         […]

Continue Reading ·
post-author

CodeColorer Plugin WordPress

  CodeColorer es un plugin que permite insertar segmentos de código en uno de tus post en wordpress, utilizando un resaltador de código highlighting. Este plugin está basado en la librería GeSHi la que permite reconocer muchos lenguajes de programación. Por cierto mi blog utiliza este plugin para resaltar las lineas de código. Para más información visitar: Descargar […]

Continue Reading ·
post-author

CSS3 – Agregar carácter a la derecha de un div, útil en formularios UX

HTML: <div class="form_label">Nombre</div>   <input type="text" value="">   CSS3: .form_label{     float: left;     width: 250px;     padding-top: 6px;     position: relative; } .form_label:after{     content: ":";     position: absolute;     right: 0;     padding-right: 5px; }

Continue Reading ·
post-author

Generator Border Radius

http://border-radius.com

Continue Reading ·
post-author

Menú vertical CSS con n niveles

Menu vertical CSS con multiples niveles.

Continue Reading ·
post-author