Nifty Corners

[spirits007]

Ich möchte runde Ecken mit Nifty Corner Cube machen, aber ich verstehe die Anleitung nicht. Wo stelle ich was rein, damit es funktioniert.

Die Dateien niftyCorners.css, niftycube.js, NiftyLayout.css und niftyLayout.js gehören in den Ordner CSS?

Vielen Dank
Dagmar

 

[Maik]

Hi,

in den Beispielen (siehe http://www.html.it/articoli/niftycube/NiftyCube.zip) befinden sich die genannten Dateien zunächst mal im gleichen Verzeichnis, wie die HTML-Dokumente.

Von dort aus lassen sie sich in einem Unterverzeichnis unterbringen (z.B. namens "css"), und ihr vorgegebener Referenzpfad wird im HTML-Dokument entsprechend angepasst:

<link rel="stylesheet" type="text/css" href="css/niftyCorners.css">

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

mfg Maik

 

[spirits007]

Das ist klar, so hab ich es eh gemacht.

In der Index.html hab ich in den head Bereich den HTML Code reingkopiert. Aber trotzdem hab ich keine runden Ecken.

Ich arbeite mit der Yaml Basis. Muss ich in die basemod.css noch was reinstellen?

Normalerweise bin ich nicht so schwer von Begriff, aber das klappt irgendwie nicht.

Hier mal meine selbstgemachten Websites nur damit ihr seht, dass ich mich sonst schon etwas auskenne.

http://www.spirits-of-life.at
http://www.golden-waeller.at
http://www.margit-hofmann.at



Lg.
Dagmar

 

[Maik]

Hast du auch mal einen Link zu der problembehafteten Seite?

Im derzeitigen Blindflug lässt sich dazu nämlich schwer was Hilfreiches sagen ;-)

mfg Maik

 

[spirits007]

Ich habe nur mal eine Testseite gestaltet, damit ich sehe ob es funktioniert, um mir keine bestehende kaputt zu machen.

Ist blöd.

 

[Maik]

Der Link zu dieser Testseite genügt mir auch

mfg Maik

 

[spirits007]

So hab die Seite auf meinen Server raufgeladen. Wie gesagt ist nur ein Test. Daher ist die Seite noch Original Yaml.

file:///Users/dagmarcutka/Website%20Spirits/Spirits/Projekte/friendshipfordogs/index.html

Lg.
Dagmar

 

[Maik]

So hab die Seite auf meinen Server raufgeladen. [...]

file:///Users/dagmarcutka/Website%20Spirits/Spirits/Projekte/friendshipfordogs/index.html

Fein, nur auf deinen lokalen Webserver haben wir keinen Zugriff

mfg Maik

 

[spirits007]

Ups sorry der Link ist natürlich

http://www.spirits-of-life.at/Projekte/friendshipfordogs/index.html

so jetzt sollte es gehen

 

[Maik]

Und auf welches Element willst du die "Nifty Corners" anwenden?

Ich vermisse in deinem Code nämlich die Initialisierung à la:

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

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

wie in dem ersten Beispiel http://www.html.it/articoli/niftycube/nifty1.html.

mfg Maik