Hacker of the Web
Tus ideas en código!...y mas

[+/-]
Redondear bordes sin imágenes II

Pues ya habíamos explicado en otra entrada una forma fácil de redondear las esquinas con un poco de CSS pero gracias a un comentario otra forma de redondear las esquinas sin necesidad de código Mozilla, es decir mas estandarizado y que se puedan visualizar las esquinas en casi cualquier navegador.

Lo que necesitas hacer seguir estos pasos:


/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.



Antes de comenzar necesitas descargarte y alojar donde prefieras el script redondear.js que viene incluido en ente zip.

[1] Despues tienes que entrar en Edición de HTML y colocar antes de la etiqueta </head>:
<script type="text/javascript" src="URL-redondear.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty(".cajaredonda");
}</script>

[2] Una vez realizado eso, de igual manera que la vez pasada donde quieras que se redondeen las esquinas deberás colocar:

class="cajaredonda"


y el código podría quedar algo mas o menos asi:
<span style="background:#ff0000;color:#000000" class="cajaredonda">aqui el texto</span>


Con esto tus cajas o cualquier etiqueta en la que quieras, podrá tener su esquinas redondeadas.

[MODIFICACIONES] Solo si eres un usuario avanzado, o te interesa quebrarte la cabeza un poco aquí tenemos mas opciones de redondeo de esquinas:

[+/-] En la llamada del script:


Nifty("div#box,div#prueba,p","big");
Esto afectará a las capas box, prueba y a todas las etiquetas de párrafos.

El segundo parámetro son las opciones de redondeo que se aplicarán a los selectores en cada función. Las distintas opciones se deben escribir separadas por comas. Existe una lista de opciones bastante grande, pero comentamos algunas que parecen más útiles:

tr: redondear sólo la esquina superior derecha.
tl: redondear sólo la esquina superior izquierda.
br: redondear sólo la esquina inferior derecha.
bl: redondear sólo la esquina inferior izquierda.
top: esquinas de arriba
bottom: esquinas de abajo
left: esquinas de la izquierda
right: esquinas de la derecha
all: todas las esquinas (es la opción por defecto)
none: ninguna esquina se redondea

Con estas opciones juntas se pueden definir redondeos de varias esquinas, pero no todas, para que quede alguna sin redondear:

Nifty("p","tl,bl,br");

small: se utilizan esquinas pequeñas, de 2px
normal: se utilizan esquinas normales 5px (opción por defecto)
big: se utilizan esquinas grandes de 10px

[+/-]
Chat en el Blog

En muchos blogs existen una muy buena variedad de páginas para poder chatear, o dejar un comentario en la web o blog, es decir no es lo mismo que dejar un comentario en alguna entrada si no que se opina de cualquier otra cosa.

Para obtener un chat del tipo:
Necesitas entrar en Xat.com y luego seguir los siguientes pasos.


[1] Para tener un chat en español selecciona en el menu "language"

Seleccionar lenguaje


[2] Despues selecciona los idiomas y tu ubicacion.

Seleccionar Español


[3] Selecciona el fondo del chat, puedes utilizar una imagen de las que aparecen o de photobucket o subir la tuya.

Seleccionar fondo del chat


[3] Por ultimo copia y pega el codigo encerrado y pegalo donde quieras que aparezca.

Copiar y pegar el código


Entradas más recientes Entradas antiguas Página Principal
Arriba