[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?):

Codice:

<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

) 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?

_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/programm...ers/index.html

Ciau!

cionci · 07-07-2007, 10:34

Guarda qui: http://webdesign.html.it/articoli/st...enza-immagini/

nucce · 07-07-2007, 17:30

Quote:

Originariamente inviato da cionci

Guarda qui: http://webdesign.html.it/articoli/st...enza-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!

05-07-2007, 13:35	#1
nucce Senior Member Iscritto dal: Apr 2006 Città: Bergamo Messaggi: 440	[CSS] box smussato 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!!! __________________ Guitar Pub, il sito dedicato al mondo della chitarra e dei chitarristi... e il mio Spazio ------------------------------------ Ho trattato positivamente con: teosc

07-07-2007, 04:16	#2
phlebotomus Senior Member Iscritto dal: Jul 2003 Città: Provincia PI Messaggi: 905	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 __________________ R7 5700X < Noctua NH-D14 > Asus ROG Strix X570-F, Lepa G1000-MA, TeamGroup T-Force Vulcan Z 32GB 3200Mhz, M2 Crucial P5+, Palit GTX 1660 Ti StormX > Benq EW3280U, Asus Xonar Essence STX > NAD C350 > ProAc Tablette 2000, Corsair Obsidian 650D. 12 trans. merc.

07-07-2007, 08:45	#3
nucce Senior Member Iscritto dal: Apr 2006 Città: Bergamo Messaggi: 440	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?): Codice: <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 ) da un un div wrapper dove dentro c'è tutto il resto...cosa sbaglio? __________________ Guitar Pub, il sito dedicato al mondo della chitarra e dei chitarristi... e il mio Spazio ------------------------------------ Ho trattato positivamente con: teosc

07-07-2007, 10:15	#5
nucce Senior Member Iscritto dal: Apr 2006 Città: Bergamo Messaggi: 440	fatto!...scusa!...nulla da dirmi per i miei box smussati? __________________ Guitar Pub, il sito dedicato al mondo della chitarra e dei chitarristi... e il mio Spazio ------------------------------------ Ho trattato positivamente con: teosc

07-07-2007, 10:26	#6
_Xel_^^ Senior Member Iscritto dal: Dec 2001 Città: Lissone (Brianza rulez!) Messaggi: 2227	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/programm...ers/index.html Ciau! __________________  New MacBook Air 13" 4GB  // Intel Core 2 Q9300 - ASUS P5Q-EM - 4096MB DDR2 by Corsair - nVidia 9800GT-g - HD 250GB Seagate - HD 500GB WD - HD 320GB WD - SSD Intel X25-M 80GB ...all inside "LC10-E Black" by SilverStone! - PS3, PSTWO e NDSLite

07-07-2007, 10:08	#4
cionci Senior Member Iscritto dal: Apr 2000 Città: Vicino a Montecatini(Pistoia) Moto:Kawasaki Ninja ZX-9R Scudetti: 29 Messaggi: 53971	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

07-07-2007, 10:34	#7
cionci Senior Member Iscritto dal: Apr 2000 Città: Vicino a Montecatini(Pistoia) Moto:Kawasaki Ninja ZX-9R Scudetti: 29 Messaggi: 53971	Guarda qui: http://webdesign.html.it/articoli/st...enza-immagini/

Strumenti
Mostra una versione stampabile Invia questa pagina per email