Nifty Corners e trasparenza

**ANTAGONIA** · 28-11-2007, 16:38

Buon pomeriggio, vorrei sapere se è possibile, tramite i Nifty Corners, mantenere i bordi arrotondati, ed eliminare lo sfondo...

Questo è un'esempio scaricato qui su html

codice:

//nella pagina.html
<style type="text/css">
body{padding: 20px;background: #FFF;color: #333;text-align: center;font:85%/1.45 "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif}
h1,h2,p{margin: 0;padding: 0 10px}
p{padding: 0 10px 1em}
h1,h2{letter-spacing: -1px;font-weight:100;color: #111}
h1{font-size: 200%}
h2{font-size: 140%;line-height:1.05}
div#container{width:450px;margin: 0 auto;padding:10px 0;text-align:left}

div#content{float:left;width:300px;padding:10px 0;background: #BAFB80}
div#nav{float:right;width:145px;min-height:65px;padding:10px 0;background:#DBCAEE }
</style>
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#content,div#nav","");
}
<body>
<div id="container">
	<div id="content">
		<h1>Nifty Corners</h1>
		

Auiiui  uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.</p>
		<h2>Rounded corners without images</h2>
		

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>
		

Iiuiuaea ouea ieuuio o eoo iaoa euiaou uoia
		uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.</p>
		
	</div>
	<div id="nav">
		<h2>Simple. Just Javascript and CSS.</h2>
			

Iiuiuaea ouea ieuuio o eoo iaoa euiaou uoia</p>
	</div>
</div>
</script>

//nel css
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

Potete aiutarmi per favore?
Grazie mille..

**ANTAGONIA** · 29-11-2007, 11:36

nessuno sà, mantenendo arrotondati i bordi, come rendere trasparente il background?

Grazie ancora...

**erredeco** · 29-11-2007, 13:44

Non è che ti conviene usare i Ruzee Borders?

http://www.ruzee.com/blog/ruzeeborders/

**ANTAGONIA** · 29-11-2007, 14:10

ok ti ringrazio....ma sono qrrivato a questo punto e non capisco come poter scrivere, o includere un'immagine etc etc all'interno della funzione demo()

codice:

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="events.js"></script>
<script type="text/javascript" src="ruzeeborders.js"></script>

<h2>RUZEE.Borders - Round Corners with JavaScript</h2>
	
	  


		<script type="text/javascript"><!--//
			function demo(s){//
			  eval("RUZEE.Borders.add({"+s+"});");//
			  document.writeln(s);//
			};//
		//--></script>
		</p>	
		<div class="rbbgimg">
			<div id="rbex9" class="rbex">
				<script type="text/javascript"><!--//
				demo("\'#rbex9\': { borderType:\'simple\', cornerRadius:6 }");
				//--></script>
			</div>
		</div>

Ho notato che, se tolgo all'interno della funzione demo:

codice:

<script type="text/javascript"><!--//
demo("\'#rbex9\': { borderType:\'simple\', cornerRadius:6 }");
//--></script>

questo valore '#rbex9', non funziona più niente..

Come mai?Come faccio ad includere, una frase o un'immagine?
Grazie mille...

**erredeco** · 29-11-2007, 15:51

Ho come l'impressione che tu stia facendo un bel po' di confusione col codice javascript... Cerca di risolverli e poi guardati uno degli esempi già pronti nel sito che ti ho segnalato

**ANTAGONIA** · 29-11-2007, 16:14

è si hai ragione..ti ringrazio per la dritta..!!Alla prox

Discussione: Nifty Corners e trasparenza

Strumenti discussione

Ricerca discussione

Visualizza

Nifty Corners e trasparenza

Permessi di invio