Archive

Posts Tagged ‘css’

Controlar el redimensionado de los textarea

22 mayo 2014 9 comentarios

textareaResize1Ya expliqué como Desactivar el redimensionado de los textarea, pero podemos bloquearlos de una de las posiciones no completamente, es decir que el usuario pueda arrastrar y ensanchar el textarea a lo ancho sin que se alargue o alargar el textarea a lo largo de forma que no se ensanche.

Es una opción valida para que no sobrepase los elementos que puedan estar a su lado.

Configura las siguientes opciones en tu CSS:

CSS
textarea {resize:both;} /* hace resize tanto vertical como horizontal */
textarea {resize:vertical;} /* hace resize solo vertical */
textarea {resize:horizontal;} /* hace resize solo horizontal */

 

Desactivar el redimensionado de los textarea

23 marzo 2012 2 comentarios

En los nuevos navegadores de Safari, Chrome y Firefox se ha permitido redimensionar el textarea para una mejor introducción de comentarios o conetenido. Pero muchas veces nuestro diseño no permite la redimensión dejando el textarea sobre otros botones o con el fondo descuadrado al no redimensionarse.

Para desactivar el redimensionado de los textarea hemos de añadir la siguiente propiedad al textarea:

textarea {
        resize: none;
}

Integrar Tweetmeme Button manualmente

Son muchas veces las que instalamos un plugin y debemos colocarlo en sitios limitados donde el plugin nos permite. Muchas veces el diseño hace que colocar los elementos en una web sea tarea difícil y la maquetación laboriosa. Si a eso le unimos que no podemos poner las cosas donde queremos fisicamente se hace mas laborioso jugar con los estilos.

Este es el caso del Tweetmeme en plugin no da la posibilidad de ponerlo físicamente pero en la ayuda nos explican como.

Deberemos colocar dentro del loop del post el siguiente código :

<?php if (have_posts()) { ?>
	<?php while (have_posts()) { the_post(); ?>
		<div class=”tweetmeme_button”>
 <script type="text/javascript">
 tweetmeme_url = '<?php the_permalink(); ?>';
 </script>
 <script type="text/javascript" 
 src="http://tweetmeme.com/i/scripts/button.js"></script>
 </div>
	<?php } ?>
<?php } ?>

Fuente: Tweetmeme

Hojas de ayuda de WordPress (Help Sheet)

Crear un Theme para WordPress desde cero puede asustar a más de uno, pero es una tarea muy divertida y fácil, bueno deber tener conocimientos de HTML, CSS y PHP, ahora para empezar a crear un Theme existe la ayuda en el Codex de WordPress . Tenemos también las páginas LiquidCity y WPCandy que hicieron unas páginas de ayuda o help sheet para ayudarte y son las siguientes: Leer más…

Qué es Overflow en CSS?

20 marzo 2010 11 comentarios

Editar CSSMuchos de nosotros son los que nos preguntamos, para que sirve el overflow en los codigos HTML, o en los CSS, que es lo que hace que las páginas queden de forma correcta. La respuesta es bien sencilla….

Leer más…

Quitar iconos a las listas

8 enero 2010 3 comentarios

Por defecto cuando creamos en html listas, ya sean para realizar una serie de palabras, tags o para realizar un menú nos salen los iconos o bullets que en caso de no ser necesario esteticamente muchos deseamos eliminarlos.

Para ello tan solo debemos incluir en el li la clase list.sytle: none;

CSS
li {list-style: none;}
.nombre li{list-style: none;}

Etiquetas: , , , , ,

Paginación en WordPress

6 octubre 2009 8 comentarios

Una forma rápida y practica de lograr una forma mas fácil de navegar entre las paginas mas antiguas y nuevas del blog, es un plugin que nos ayudara a lograrlo de forma fácil y rápida. WP Digg Style Pagination es un plugin para WordPress creado por mis-algoritmos y es precisamente este plugin quien nos facilitara paginar nuestra entradas del blog, y así eliminar el típico “siguiente – anterior” que a veces nos confunde. Leer más…

A %d blogueros les gusta esto: