runde Tabs

bejot · 09.01.2018 22_21.png

Moin,
wie kann ich solche Tabs erreichen?
Danke[attachment=0]09.01.2018 22_21.png[/attachment]

bejot

Ich versuche es nochmal
Hat denn keiner eine Idee wie das umzusetzen ist?
Bitte 2002Andreas du bist doch der Oberschrauber

Vielen Dank

2002Andreas

Teste bitte, Farben wenn dann anpassen.

CSS

#TabsToolbar .tabbrowser-tab{
  background: lightblue !important; 
  border-radius: 80px !important; 
  border:none!important;
    }


.tab-background[selected="true"] {
  background: orange !important; 
  border-radius: 80px !important; 
  border:none!important;
    }


.tabbrowser-tab::after, .tabbrowser-tab::before {
    margin-inline-start: 0px!important;
    border-left: 0px solid!important;
    border-image:none!important;
    border-image-slice: 0!important;
    width: 0px!important;
    box-sizing: border-box;
    opacity: 0!important;
	}

.tab-line[selected=true] { 
	display:none!important
	}

Alles anzeigen

[attachment=0]Zwischenablage01.jpg[/attachment]

bejot

Hi Andy,
das ist cool. :klasse:
Werde noch ein wenig mit Farben und ev. Rahmen spielen.
Noch ein dickes Danke an dich.

hwww

Hallo bejot
Habe das eben gesehen und mir übernommen.Wenn du das mit dem Rahmen um die Tabs hinbekommst könntest du das hier Veröffentlichen?Würde gerne einen Rahmen um die Tabs machen.

Danke schon mal hwww

2002Andreas

Zitat von hwww

Würde gerne einen Rahmen um die Tabs machen.

Teste bitte:

CSS

.tabbrowser-tab:not([selected="true"]){
  background: lightblue !important; 
  border-radius: 80px !important; 
  border:1px solid black!important;
  margin-bottom:1px!important;
    }


.tab-background[selected="true"] {
  background: orange !important; 
  border-radius: 80px !important; 
  border:1px solid black!important;
  margin-bottom:1px!important;
    }


.tabbrowser-tab::after, .tabbrowser-tab::before {
    margin-inline-start: 0px!important;
    border-left: 0px solid!important;
    border-image:none!important;
    border-image-slice: 0!important;
    width: 0px!important;
    box-sizing: border-box;
    opacity: 0!important;
	}

.tab-line { 
	display:none!important
	}

Alles anzeigen

[attachment=0]Zwischenablage01.jpg[/attachment]

Zitat von bejot

Noch ein dickes Danke an dich.

Bitte, war gern geschehen

hwww

Hallo 2002Andreas
Wie immer schnelle und perfekte Lösung!DANKE!Werde mir die Farben noch etwas anpassen aber das ist es genau!

Schöne Woche noch hwww

2002Andreas

Freut mich wenn du damit zufrieden bist

grisu2099

Tolle Vorlage, Andreas! :klasse:

Ich habe das Ganze noch ein wenig nach meinen Wünschen angepaßt...

2002Andreas

Freut mich wenn du es auch nutzen kannst

AdminFox

Ich habe es bei mir aus Probiert sieht echt gut aus mit den Runden Tabs.