Foro de los Blogs
¡Hola! Bienvenido al foro de ayuda de blogs. ¿Buscas ayuda sobre tu blog de HazBlog? ¡Registrate o concectate!
Soporte Gratuito !
¡Crear Blog Gratuito!
Búsqueda

Búsqueda en los tutoriales...
No olvides hacer una búsqueda en los tutoriales antes de abrir un tema en el servicio de ayuda general.



Ver en forma de :


Atajos
Preguntas sobre tu foro

Problemas de Conexion
Problemas con los Script
Problemas de administracion
Problemas aspecto del Blog
Otros problemas

Servicios para Usuarios

Servicio de creación gráfica
Servicios de Publicidad

Miscelaneos

Foro de Relax
Sugerencias, Ideas, Feed Back
Últimos temas
ÚLTIMOS ANUNCIOS
Mas !
Los posteadores más activos de la semana

¿Quién está en línea?
En total hay 17 usuarios en línea: 0 Registrados, 0 Ocultos y 17 Invitados :: 2 Motores de búsqueda

Ninguno

[ Ver toda la lista ]


La mayor cantidad de usuarios en línea fue 494 el 18/12/2009, 3:47 am.

Redondear Esquinas de los Artículos

Foro de los Blogs :: Hazblog y tú. ::  :: Tutoriales, Trucos y Astucias

Ver el tema anterior Ver el tema siguiente Ir abajo

Tutorial Redondear Esquinas de los Artículos

Mensaje por YoshiGM el 22/2/2012, 1:27 pm

Redondear las Esquinas de los Artículos

1.Definicion:
Con este tutorial lograremos redondear las esquinas de los artículos en nuestro blog.

Nuestro Resultado Final Sería:



2.Código CSS:

Debemos de ir a:

Panel de Administración Flecha MultiBlog Flecha Revestimiento Personalizado Flecha Edición Experta.


Luego pegar el siguiente código CSS:

Código:
.post {
border: 1px solid #COLOR;
border-radius: 10px;
}


Podemos modificar el redondeado con tan sólo cambiar los "10px" por el valor que se nos acomode mejor ;)

Donde dice #COLOR, debemos de editarlo por el Color que queremos.

Luego de haber cambiado todo correctamente, debemos de pinchar en y Guardar los Cambios.



También podemos redondear otras partes de nuestros blogs, aparte de los artículos.

Módulos:

Código:
.module {
border: 1px solid #COLOR;
border-radius: 10px;
}


Comentarios:

Código:

.comment {
border: 1px solid #COLOR;
border-radius: 10px;
}


Al igual que el de arriba, debemos de jugar con los valores del redondeado hasta que quede como nos agrade Bueno

Tutorial Creado por : FlorentM, Staff del FDB Francés.
Traducido al Español Por: YoshiGM - 22.Febrero.2012
Copyrigth © HAZBLOG.COM





Hola, Invitado, Bienvenido al Foro de los blogs.
Normas Generales l Staff del FDB l Acuerdo de Legalidad

YoshiGM
Adminblog
Adminblog

México Masculino
Edad: 19
Mensajes: 462
Inscripción: 03/04/2009

Chrome

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

Foro de los Blogs :: Hazblog y tú. ::  :: Tutoriales, Trucos y Astucias

Permiso de este foro:
No puedes responder a temas en este foro.