LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
[PUNBB] Esquinas redondeadas en las categorias EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
[PUNBB] Esquinas redondeadas en las categorias EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
[PUNBB] Esquinas redondeadas en las categorias EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
[PUNBB] Esquinas redondeadas en las categorias EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
[PUNBB] Esquinas redondeadas en las categorias EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
[PUNBB] Esquinas redondeadas en las categorias EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
[PUNBB] Esquinas redondeadas en las categorias EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
[PUNBB] Esquinas redondeadas en las categorias EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
[PUNBB] Esquinas redondeadas en las categorias EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

Estadísticas
Tenemos 2351 miembros registrados
El último usuario registrado es Jhunky

Nuestros miembros han publicado un total de 41254 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

 » Web Design » Soporte » Soporte Finalizado » [PUNBB] Esquinas redondeadas en las categorias

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


-NaKu-

-NaKu-
+300 post
Hola, me gustaría saber como redondear las esquinas de las categorias, un ejemplo como las de aquí.

Un saludo y gracias.


Ayax

Ayax
Mod.Códigos
Hola,
Intenta agregando este CSS
Código:
.main-head {border-radius: 10px 10px 0px 0px;} .main-content {border-radius: 0px 0px 10px 10px;}
Supongo que eso debería funcionar :B

http://biohazard.webmaster-foro.com

-NaKu-

-NaKu-
+300 post
Ok, me funcionó, pero me podrías decir como poner un margen para los costados? Como si abrazara a los foros que hay en la categoria


Ayax

Ayax
Mod.Códigos
Código:

 .main-head {
border-left: 2px solid #919191;
border-right: 2px solid #919191;
border-radius: 10px 10px 0px 0px;}
 .main-content {
border-radius: 0px 0px 10px 10px;}

Así, no te entiendo, si dices como las imágenes que están afuera con esta imagen [PUNBB] Esquinas redondeadas en las categorias Catrer12
Creo que es con border-left pero lo dudo, o agregaron javscript o edición de templates en este foro xD

Agrega esto aver si funciona
Código:
.mainhead {border-left-image: url(URL DE LA IMAGEN) 40px 40px round;}
Le editas los px según tu preferencia y la imagen si tampoco no funciona agrega esto
Código:

 .main-head {
padding-left: 50px;
background-image: url(URL DE LA IMAGEN);
background-position: left;
background-repeat: no-repeat;}
Eso también debería funcionar pero si tienes un borde en el .main-head se verá mal, espero que uno de esos tres códigos te funcionen :B

http://biohazard.webmaster-foro.com

-NaKu-

-NaKu-
+300 post
Ok, tema solucionado con el siguiente código:

Código:
.categoria .main-head { border-radius: 5px 5px 0 0; }
.categoria .main-content { border-radius: 0 0 5px 5px; }


Aikazen

Aikazen
I ♥ WD
-NaKu- escribió:Ok, tema solucionado con el siguiente código:

Código:
.categoria .main-head { border-radius: 5px 5px 0 0; }
.categoria .main-content { border-radius: 0 0 5px 5px; }
La proxima pone el icono de resuelto.

http://www.aikayweb.activo.ws

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

 » Web Design » Soporte » Soporte Finalizado » [PUNBB] Esquinas redondeadas en las categorias

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