Uso dei Nifty Cube

**liolucas** · 24-04-2009, 07:56

Vorrei realizzare integrare nel il mio sitoquesta applicazione per arrotondare gli angoli delle tabelle/box.
Ho letto la guida ma non riesco ad applicarlo alle mie pagine.
Vi riporto parte del codice dell'index.html e il file .css

index.html

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Lucaiafrate.it -The passion of photography-</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > <meta name="Keywords" CONTENT="Luca Iafrate, FotoPlayer, Free Photo Album, Jalbum, FLASH, PHP, XML, flash based photo gallery, Atina, Qtp, fotografia, paesaggi, architettura, fauna, ritratti, sport, still life, street, olympus, quattro terzi, E510, zuiko, zuiko 12 60 swd, sigma, OM, 70 300 zuiko, attrezzatura, download, downloads, download foto, downloads foto, photo, photo comment, rss, flickr, facebook, news, link" > <link rel="stylesheet" href="layout_css.css" type="text/css" />  <link rel="alternate" type="application/rss+xml" href="rss.php" title="FotoPlayer v3.1 RSS Feed" >     	<link href="res/styles.css" rel=stylesheet> 	<script type="text/javascript" src="res/javascript.js"></script> 	<script type="text/vbscript" language="vbscript"> Function CheckFlash(version) on error resume next  	CheckFlash= IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & version)) End Function </script>    <style type="text/css">  </style> </head>  <body>   <div id="testa">

  [img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img]  </p> </div>

Ecco l'altro layout_css.css

codice:

body {  	font:80% verdana,helvetica,sans-serif;  	margin:0; padding:0 } p { font:1em verdana,helvetica,sans-serif; display:block; margin:1px 1px 1px 10px; }  hr { display:none }  a { color:#FFFF99 }   /* centrare la pagina web */ body { text-align:center; background-color:#000000}   #testa { width:960px;  margin:1em auto; text-align:left } #corpo { width:960px; height:620px; margin:1em auto; text-align:left } #piedipagina { width:960px; margin:1em auto; text-align:left }  /* testa */ #testa {  	background:#ccc;  	border:1px solid #fff;  	padding:1em 0;  }  /* corpo */   #corpo {  	position:relative; 	border:1px solid #fff;  	background:#333333;  	padding:1em 0;  }   /*pie' di pagina */ #piedipagina {  	background:#666666;  	border:1px solid #fff;  	padding:0.5em 0;  }

Io vorrei applicare il nifty ad esmpio al DIV Testa ma non ci riesco.

Ciao e grazie

**cavicchiandrea** · 24-04-2009, 09:35

Se hai letto la guida, e non funziona l'unica soluzione è postare il link alla pagina pubblica.

**liolucas** · 24-04-2009, 15:11

Ho provato a fare qualcosa.
Ho inserito i riferimenti al javasript nell'head del file index.html ma non cambia niente gli angoli non sono arrotondati.
Ecco il codice dell'index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Lucaiafrate.it -The passion of photography-</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<meta name="Keywords" CONTENT="Luca Iafrate, FotoPlayer, Free Photo Album, Jalbum, FLASH, PHP, XML, flash based photo gallery, Atina, Qtp, fotografia, paesaggi, architettura, fauna, ritratti, sport, still life, street, olympus, quattro terzi, E510, zuiko, zuiko 12 60 swd, sigma, OM, 70 300 zuiko, attrezzatura, download, downloads, download foto, downloads foto, photo, photo comment, rss, flickr, facebook, news, link" >
<link rel="stylesheet" href="layout_css.css" type="text/css" />

<link rel="alternate" type="application/rss+xml" href="rss.php" title="FotoPlayer v3.1 RSS Feed" >

<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="nifty.js"></script>

<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
return;
Rounded("div#nifty","all","#FFF","#D4DDFF","smooth ");
}
</script>

<link href="res/styles.css" rel=stylesheet>
<script type="text/javascript" src="res/javascript.js"></script>
<script type="text/vbscript" language="vbscript"> Function CheckFlash(version) on error resume next
CheckFlash= IsObject(CreateObject("ShockwaveFlash.ShockwaveFla sh." & version)) End Function </script>

<style type="text/css">

</style>
</head>

<body>

<div id="nifty">
<div id="testa">

[img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img]

[img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img][img]res/trasp_10.gif[/img]

</p>
</div></div>

**artorius** · 24-04-2009, 15:48

non serve a niente se posti il codice HTML (a parte farci capire quante bestemmie dovrai tirare la prima volta che ci metterai le mani dentro).

A me sembra tutto giusto (anche se in un XHTML i TAG andrebbero SEMPRE chiusi), l'unici motivi possibili per cui non dovrebbe funzionare sono:

I CSS ed il JS non si trovano nella stessa directory dell'index, oppure c'è qualche paperocchio nel layout_css.css che manda in palla il nifty, oppure, e questo è divertente, c'è la ridefinizione del window.onload nel file res/javascript.js (che seriamente, come cappero fai a chiamare un file di javascript javascript?!?!?).

altri motivi ora come ora non mi vengono in mente. Se pubblichi la pagina ci do un'occhiata più approfondita e ti faccio sapere.

**liolucas** · 24-04-2009, 19:30

Allora la guida che ho seguito è questa:
http://www.html.it/articoli/niftycube/index.html

nell'index nel tag head ho inserito:

<script type="text/javascript" src="niftycube.js"></script>

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

poi ho caricato sul serve nella stessa cartella i due files:

niftycube.js
niftycorner.css

il risultato è che non succede niente, ma non dovrebbe darmi almeno un messaggio di errore??

Ciao

**liolucas** · 24-04-2009, 19:30

Allora la guida che ho seguito è questa:
http://www.html.it/articoli/niftycube/index.html

nell'index nel tag head ho inserito:

<script type="text/javascript" src="niftycube.js"></script>

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

poi ho caricato sul serve nella stessa cartella i due files:

niftycube.js
niftycorner.css

il risultato è che non succede niente, ma non dovrebbe darmi almeno un messaggio di errore??
Al mio css non ho messo mano, non l'ho toccato affatto.

Ciao

**artorius** · 24-04-2009, 19:53

Messaggi di errore non ne da Nifty. Ma scusa, cosa ti costa pubblicare la pagina?

**liolucas** · 24-04-2009, 20:51

Ho risolto sbagliavo del richiamare il div, usavo un altro nome.
Grazie e ciao

Discussione: Uso dei Nifty Cube

Strumenti discussione

Ricerca discussione

Visualizza

Uso dei Nifty Cube

Permessi di invio