Fork me on GitHub
Fork me on GitHub
Donar Ahora!
Seleccione una cantidad para donar


¿Quiere que su nombre de usuario sea revelado con su donación?
Si - Listeme como un geneoso donante
No - Liste mi donación como un donante anónimo


Usuario
Bienvenido
Haz click para registrarte. Es gratuito y podrás utilizar todos los recursos de la web

Login

Recuerdame

¿Perdió su contraseña?


Online
Conectados: 23
Miembros: 0
Invitados: 11
Buscadores: 12

Estadísticas
Nuevos miembros: [BillyStilw-25/10/2017] [Teacher194-24/10/2017] [TimmyAngel-18/10/2017] [Leblanc-18/10/2017] [HealthyNut-17/10/2017] [HalliePerk-12/10/2017] [ShadBlais-8/10/2017] [WilburCruc-1/10/2017] [Ulanowski7-25/9/2017] [KaleyKlem-23/9/2017]
Registrados: 30176
Hoy: 0
Ayer: 0

Conectados:
usInvitadoTitulares
usInvitado
usInvitadoPerfiles extendidos
usInvitadoNoticias
usInvitadoTitulares
usInvitadoPerfiles extendidos
onlineInvitadoPerfiles extendidos
usInvitadoForos
usInvitadoForos
onlineInvitadoPerfiles extendidos
usInvitadoTitulares
Diseño : Css y esquinas redondas
Enviado por lesesi el 19/1/2006 23:50:00 (6697 Lecturas)

Investigando un poco sobre css me encontre con http://pro.html.it donde tiene algunas cosillas sobre css para hacer una tabla con esquinas redondeadas, y me pregunte, porque no aplicarlo a Xoops.

Pues bien me puse a trabajar sobre el tema ( en local, claro ). Y En el caso de los ejemplos que muestra este sitio los css están colocados en la misma pagina entre <head> y </head>, y es ovbio que asi no funcionaría, razón por la cual los pegue en el style.css.

Para ser más didactico prueben esto :



En el style.css peguen lo siguiente :

Acotación:


div#nifty{ margin: 0 10%;background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}



Y en un bloque peguen esto :

Acotación:

<div id="nifty">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h1>Nifty Corners</h1>
<p>Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.</p>
<h2>Rounded corners without images</h2>
<p>Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau
ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.</p>
<p>Iiuiuaea ouea ieuuio o i iuo oiei uoeeou ieoau uaeeiu uouooa uiaiaue ii oo iei eiaiueoo iaoa euiaou uoia
uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.</p>
<p>Iueuouii eei iueoie i iooououe eoio eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuu uuue
auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu
uaeuueuu eeue ieu.</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>


Esto lo probé en Content y no funcionó bien pero si funciona en los bloques.

Pruebenlo y me cuentan

Suerte




Otras noticias
10/6/2016 4:21:05 - XOOPS 2.5.8 Final Español
14/10/2014 16:50:00 - Tutorial 1: Adaptando Plantillas HTML y CSS a XOOPS
23/6/2014 5:30:00 - Lanzamiento de XOOPS 2.5.7 Final
8/7/2013 3:40:00 - Diseño Web Adaptativo (Responsive Web Design)
21/6/2013 7:16:21 - Cambio de servidor

Los usuarios son responsables de sus propios comentarios.

Autor Hilo
trueque
Enviado: 22/3/2007 0:33  Actualizado: 22/3/2007 0:33
Nuevito
Conectado: 22/3/2007
Desde:
Envíos: 1
 Re: Css y esquinas redondas
funciona. En ie7 windows y ff2 linux

Lo he puesto sin el div nifty solo los b class encima y debajo de un bloque h5 donde están los comentarios.

Se puede ver en:

http://elvirtual.es

Me ahorraste bastante tiempo gracias.