Du bist nicht angemeldet. [Anmelden]
Optionen
Thema bewerten
Inhaltsverzeichniss - #1585862 - 28.09.2008, 21:16:44
Fler X 1990
Nicht registriert


Ich möchste auf meine Homepage ein inhaltsverzeichniss machen, damit es übersichtlicher wird. Aber es soll nicht einfach Links zu den bestimmen Seitenstellen werden, sondern sollte auch etwas Design haben. Habe aber kein Schimmer wie ich dies so machen kann. Darum brauche ich etwas Hilfe. Daher ihr nicht wissen könnt , wie es werden soll , habe ich ein kleines Bild dazu gemacht , wie ich es in etwa haben möchte.


[img]http://www.knuddels-cm.de/upload/Uploads/Unbenannt_782.JPG[/img]


Bearbeitet von Fler X 1990 (28.09.2008, 21:17:15)

[zum Seitenanfang]  
Re: Inhaltsverzeichniss [Re: ] - #1585957 - 28.09.2008, 22:46:55
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Das Markup
Zitat:
<ul id="navi">
  <li><h3>Ueber Mich</h3></li>
  <li><a href="#" title="link mit Wunschtext">link mit wunschtext</a></li>
  <li><a href="#" title="link mit Wunschtext">link mit wunschtext</a></li>
  <li><a href="#" title="link mit Wunschtext">link mit wunschtext</a></li>
  <li><h3>Weiteres</h3></li>
  <li><a href="#" title="link mit Wunschtext">link mit wunschtext</a></li>
  <li><a href="#" title="link mit Wunschtext">link mit wunschtext</a></li>
</ul>


Das Stylesheet
Zitat:
<style type="text/css">
ul#navi {
  background-color:#[color:"red"](hexwert fuer doofes pink)[/color];
  width:200px;
  color:#fff;
}

ul#navi li {
  background-color:#[color:"red"](hexwert fuer doofes pink)[/color];
  width:50px;
  color:#000;
  /*margin-top:10px;*/
  /*margin-right:10px;*
  /*margin-bottom:0;*/
  /*margin-left:10px;*/ }
</style>


Das was da in [color:"red"]Klammern[/color] steht einfach mit einem Sechstelligen Farbwert ersetzen (#FFC0CB)< das waere z.b. ein Pink.

So oder so aehnlich. Je nachdem wie du deine Abstaende zwischen den einzelnen Punkten bestimmen willst, solltest du die auskommentierten Margin wieder einbinden (/* */ weg machen.)

Und wenn du das in Knuddels verwenden willst, dann musst du die Umbrueche entfernen und das hintereinander weg schreiben, sonst geht da nix ^^

[zum Seitenanfang]  
Re: Inhaltsverzeichniss [Re: huendchen] - #1585974 - 28.09.2008, 23:18:19
Fler X 1990
Nicht registriert


Dankeschön, durch deinen Code, konnte ich es mir so ändern wie ich wollte ;)

[zum Seitenanfang]