Entra

View Full Version : [CSS] box smussato

nucce
05-07-2007, 13:35
avevo letto da qualche parte un articolo dove veniva spiegato come ottenere degli angoli smussati di un box usando solo i div e senza immagini ma non lo trovo più...sapreste dirmi dove posso trovare qualcosa a riguardo?...grazie mille!!!
phlebotomus
07-07-2007, 04:16
http://www.html.it/articoli/nifty/index.html
E qui c'è un esempio semplice (guarda il CSS in HEAD come viene applicato al box):
http://www.cssplay.co.uk/boxes/snazzy.html
nucce
07-07-2007, 08:45
l'ho provato ma non mi funziona...posto il codice e se c'è qualche anima pia che mi dice dove sbaglio mi farebbe un favore megagalattico (premetto dicendo che voglio usare questo script in un template joomla ma questo non dovrebbe influenzare in nessun modo!...giusto?):

<head>
<!-- -->
<link rel="stylesheet" href="niftyCorners.css" type="text/css" />
<script type="text/javascript" src="niftycube.js"></script>

<script type="text/javascript">
window.onload=function(){
Nifty("div#wrapper","big");
}
</script>

<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php if ( $my->id ) { initEditor(); } ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>
<!--[if IE 6]><style type="text/css" title="Site default">
#leftnav {position:relative}</style><![endif]-->
</head>


la mia pagina è composta dal body (ovviamente :sofico: ) da un un div wrapper dove dentro c'è tutto il resto...cosa sbaglio?
cionci
07-07-2007, 10:08
nucce: la firma dovrebbe stare, a termini di regolamento, al massimo su 3 righe di testo a 1024x768, la tua sta su 8, potresti correggerla ? Grazie ;)
nucce
07-07-2007, 10:15
fatto!...scusa!...nulla da dirmi per i miei box smussati? :sofico:
_Xel_^^
07-07-2007, 10:26
Prova questo, completamente in CSS senza JS e menate varie ;)
Testato e garantito, funziona perfettamente con Firefox, IE, Opera e altri ;)

http://www.webreference.com/programming/css_borders/index.html


Ciau!
cionci
07-07-2007, 10:34
Guarda qui: http://webdesign.html.it/articoli/stampa/520/angoli-arrotondati-senza-immagini/
nucce
07-07-2007, 17:30
Guarda qui: http://webdesign.html.it/articoli/stampa/520/angoli-arrotondati-senza-immagini/

questo funziona...ho dovuto eliminare l'immagine di sfondo applicata al body altrimenti non mi faceva vedere gli angoli!...ho messo un colore uniforme al body!!può funzionare solo così!...grazie x le risposte!