Trennlinie/n zwischen den Tabs

62 views
Skip to first unread message

Gabriela S.c.h.

unread,
Apr 7, 2013, 7:35:21 AM4/7/13
to 52...@googlegroups.com
Hallo Oliver,

gibt es einen CSS-Befehl, der es ermöglicht, zwischen den Tabs in der Seitenliste einen (möglichst doppelten) Trennstrich anzeigen zu lassen? In etwa so ---->    ||   Start   ||   über mich  ||  Fotografie  ||  Verschiedenes  ||

Ich weiß, dass ich das schon mal in einem Blog gesehen habe. Im Dashboard die Funktion Akzente gefällt mir nicht, weil dann rundherum um die Seitenliste ein Rahmen ist.

Hoffe, ich hab mich verständlich genug ausgedrückt.

Danke im Voraus und liebe Grüße

Gabi

oliver

unread,
Apr 7, 2013, 9:00:19 AM4/7/13
to 52...@googlegroups.com
Hi Gabi,

ich würde das ganz simpel mit einer Linie rechts und einer Linie links mache:

#PageList1 li {
border-left: 1px solid black;
border-right: 1px solid black
}

Ist das okay?

^^

Gabriela S.c.h.

unread,
Apr 7, 2013, 11:38:08 AM4/7/13
to 52...@googlegroups.com
Ja, das ist SEHR okay! Habe noch die Farbe geändert und so gefällt mir das ganz gut. DANKE!



oliver

unread,
Apr 7, 2013, 1:39:28 PM4/7/13
to 52...@googlegroups.com
Perfekt - schönen Restsonntag noch! ^^

MartinaLoves

unread,
Aug 20, 2013, 11:46:43 AM8/20/13
to 52...@googlegroups.com
Hallo Oliver könntest du mir zusätzlich vllt auch sagen wie ich je nur einen Strich zwischen den Tabs via css einfügen kann?

Danke im Voraus!

oliver

unread,
Aug 20, 2013, 2:11:07 PM8/20/13
to 52...@googlegroups.com
Martina,

was ist denn deine Blog URL? ^^

MartinaLoves

unread,
Aug 20, 2013, 2:19:20 PM8/20/13
to 52...@googlegroups.com

oliver

unread,
Aug 20, 2013, 2:21:05 PM8/20/13
to 52...@googlegroups.com
Bei dir sind aber doch schon Striche zwischen den Tabs drin, oder? ^^

MartinaLoves

unread,
Aug 20, 2013, 2:23:41 PM8/20/13
to 52...@googlegroups.com
ja genau hätte aber lieber nur einen strich statt jeweils zwei: das heisst jetzt habe ich ja jeweils links und rechts jedes tabs einen eingefügt also sind sie in der mitte doppelt mir wäre es lieber wenn es so aussehen würde wie bei http://www.summer-lee.com/

oliver

unread,
Aug 20, 2013, 2:29:02 PM8/20/13
to 52...@googlegroups.com
Das ist deine aktuelle CSS für die 'Doppellinie':

#PageList1 li {
border-left: 1px solid grey;
border-right: 1px solid grey;
}

Wenn du jetzt entweder die linke Linie 'border-left' oder die rechte Linie streichst, hast du logischerweise nur noch eine Linie zwischen den Elementen. Dann fehlt dir natürlich noch ein Anfangsstrich oder  Endstrich ... dafür könnte ich dir aber auch eine CSS geben. ^^

MartinaLoves

unread,
Aug 20, 2013, 2:31:01 PM8/20/13
to 52...@googlegroups.com
Danke ja das habe ich mir schon gedacht könnte ich denn noch das css für den anfang oder das ende haben? dann kann ich das dann passend einfügen

oliver

unread,
Aug 20, 2013, 2:33:40 PM8/20/13
to 52...@googlegroups.com
Anfang:

#PageList1 li:first-of-type {
border-left: 1px solid grey
}

Ende:

#PageList1 li:last-of-type {
border-right: 1px solid grey
}

MartinaLoves

unread,
Aug 20, 2013, 2:36:43 PM8/20/13
to 52...@googlegroups.com
super danke viel mals wünsch das ging ja rasch ich werds gleich ausprobieren wünsch dir noch einen schönen abend :)

oliver

unread,
Aug 20, 2013, 2:38:10 PM8/20/13
to 52...@googlegroups.com
Viel Erfolg - wenn du noch mal was brauchst, dann mach doch einen neuen Thread auf, okay? ^^

MartinaLoves

unread,
Aug 20, 2013, 2:43:59 PM8/20/13
to 52...@googlegroups.com
klar :)
Reply all
Reply to author
Forward
0 new messages