Karate in Bielefeld  

Jōriki Dōjō

Herzlich willkommen

Auf den Seiten des Jōriki Dōjō Bielefeld.
Ihr findet hier Informationen über underen Verein und Kampfkunst im allgemeinen.

Die Technik

Tabellen-Konstruktion.
Wie üblich mit ausgelagerter -da einfacher und übersichtlicher- CSS-und JavaScript-Datei.
Oben ist ausreichend Platz für Logo, Banner oder Homepagename.
Fusszeile unten sowie oben der Seitentitel (für den jeweils angewählten Button) als einfacher Text einzutragen.
Anlegen von Links bzw. HTML-Seiten:
Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.


Die Navigation

Textlinks.
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.

1. Menü oben:

    Ca. 8 Textlinks. Die Buttons verbreitern oder verkürzen sich automatisch bei längeren/kürzeren Linkwörtern.

    Das besondere hier ist, dass Sie mit Textlinks arbeiten können und sich der grafische Button Ihrer gewählten Linklänge anpasst. Beide Ecken des Buttons wandern sozusagen mit....

2. Menü rechts:
    Beliebig viele Textlinks innerhalb der Rubriken.
    Ausserdem können beliebig viele Link-Rubriken untereinander erstellt werden - nicht nur die zwei wie im Beispiel (Navigation2 und Partner Links). Darunter wäre dann noch Platz für evt.weiteren Inhalt.



Die Navigation: Bonus Menüs

Die Menüs oben und rechts werden geladen per css-Datei durch nur 2 Quellcode-Zeilen ganz oben in der Webseite im sogenannten Kopf-Bereich :

So sieht es aus: Darstellung des aktuellen Menüs:

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

Die Bonus-Menüs sind bereits fertig für Sie angelegt und per Anlage als css-Datei mit fortlaufendet Nummer anbei).
Sie brauchen nur- leichter geht es nicht - eine Ziffer im Kopf-Bereich auszutauschen/überschreiben.

Also z.B.
<link rel="stylesheet" href="menue_rechts3.css" type="text/css">
<link rel="stylesheet" href="menue_oben2.css" type="text/css">

oder

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

1+2 Menü rechts
 
3+4 Menü rechts
 
5+6 Menü rechts
 
7+8 Menü rechts
 
1+2 Menü oben: Abstand zw. den Buttons einstellbar
 




Allgemeine Links:
So sehen die allgemeinen Links (Links im Text) zur Zeit aus:
(Fahre mit der Maus über den Link)

 www.karate-bielefeld.de