[CS3] - Navigation - Abgrenzungsstriche

[Balivandi]

Ich bin noch völlig neu in dem Bereich.
Bin seit einiger Zeit (ja wohl was länger hrhr) mich in PS und Programmieren zurecht zu finden.

Ich suche derzeit ein Tutorial, welches erklärt wie man die Striche wie hier: PinkChaos | bei der Navi macht.

Es gab mal ein solches Tutorial - ich mein es war eine apple - naviation - aber ich finde es einfach nicht mehr

Wer kenn mir helfen?!

 

[msblacky]

AW: Navigation - Abgrenzungsstriche

Hallo,

meinst du das etwa





ist bei den Tuts zu finden.

msblacky

 

[cebito]

AW: Navigation - Abgrenzungsstriche

Die einzelnen Punkte (bis auf den letzten) haben eine border-right.

 

[Tattoomaus78]

AW: Navigation - Abgrenzungsstriche

Die einzelnen Punkte (bis auf den letzten) haben eine border-right.

nein, im Beispiel ist es eine Grafik da zweifarbig

2x1px große Grafik anlegen und als BG der Menüpunkte (repeat-y, Position rechts plazieren)...feddich

 

[cebito]

AW: Navigation - Abgrenzungsstriche

nein, im Beispiel ist es eine Grafik da zweifarbig

2x1px große Grafik anlegen und als BG der Menüpunkte (repeat-y, Position rechts plazieren)...feddich

Wenn man es genau nimmt, ist dort der ganze Header eine Grafik Und auch die zweifarbigkeit ließe sich mit css realisieren.

#navi ul{
   /* irgendwelche styles */
}
#navi ul li{
   padding:0 10px;
   border-left:1px solid #00FF00;
   border-right:1px solid #FF0000;
   /* noch mehr styles */
}
#navi ul li.first{
   border-left:none !important;
}
#navi ul li.last{
   border-right:none !important;
}

Der erste Listenpunkt bekommt dann die class first der letzte die class last...

 

[wilderpel]

AW: Navigation - Abgrenzungsstriche

Ich denke, es geht ihm um den Effekt, der bei den Angrenzungsstrichen verwendent wird.

Dazu nimmt man einfach eine Farbe die deutlich heller ist als die Hintergrundfarbe und eine die deutlich dunkler bis schwarz ist (je nachdem, wie stark der effekt sein soll). Nun füllt man eine 1px breite Spalte (Höhhe je nach Bedarf) mit der hellen Farbe und rechts daneben eine genauso breite Spalte mit der dunklen Farbe.
Wenn man den Effekt umkehren will, so dass der Strich also eingeprägt wirkt, kommt die dunkle Farbe einfach auf die linke Seite.

Ich hoffe, dass du das gemeint hast und ich's verständlich erklärt habe ;-)

PS: Ich glaube, du hast dieses Tutorial gemeint:

 

[cebito]

AW: Navigation - Abgrenzungsstriche

Nun füllt man eine 1px breite Spalte

Na klar, für jeden Strich ne Spalte typisches Tabellenlayoutdenken... und hier noch ein Platzhalter-gif und da noch, und da auch :muede: umständlicher kann man sichs nicht mehr machen...

 

[wilderpel]

AW: Navigation - Abgrenzungsstriche

Das war nicht auf das HTML-/CSS-Layout bezogen (wonach er übrigens gar nicht gefragt hat), sondern einfach auf das Design/die psd-Datei. Ich wusste nicht, wie ich mich sonst ausdrücken soll, als mit "Spalte"

PS: Du kannst dir sicher sein, dass ich Tabellen-Layout genauso verachte wie du ;-)