Lenguajes
- ActionScript
- ASP
- BASIC
- Brainfuck
- C
- C#
- C++
- CFML
- COBOL
- D
- Eiffel
- forth
- Icon
- Java
- JavaScript
- Lisp
- LOGO
- Lua
- mIRC Scripting
- Pascal
- Perl
- PHP
- Python
- Ruby
- Smalltalk
- Tcl
- TOM
- Unlambda
- Whitespace
- XUL
Web/Otros
Extra
Enlaces
Adornar las citas de blockquotes
En muchos weblogs se adornan los comentarios o citas con una imágen de unas dobles comillas de apertura. En blogpocket hemos añadido esta opción y les contamos cómo lo hemos hecho.
En primer lugar tenemos que tener una imagen, un pequeño gif con las dobles comillas, como ésta.
El código html, correspondiente a los comentarios que queramos resaltar, lo enmarcaremos entre las etiquetas <blockquote> y </blockquote>.
Añadiremos a la hoja de estilos CSS las siguientes líneas:
blockquote {
background: url(http://www.misitio.com/comillas.gif) no-repeat 0 3px;
color: #666;
padding-left: 20px;
font-style: italic;
margin-bottom: 1px;
display:block;
padding-top:5px;
}
En “url” se debe poner el enlace a la imagen con las dobles comillas. “Color” y “font-style” definen el tipo de letra. “Padding-left” sirve para anidar hacia la derecha el texto, “margin-bottom” para separar el texto por el borde inferior y “padding-top” para desplazar el texto un poco hacia abajo.
Un sencillo tip que mejorará el aspecto de sus weblogs.
Redactado por Blogpocket
http://www.blogpocket.com/blog/?year=2005&monthnum=11&day=11&name=como-adornar-las-citas-de-blockquotes&page=
