Hi Zusammen, ich versuche grade die linke Sidebar zu verschieben ohne nach ganz links oben aber irgendwie wird das nicht weil auch der Content Bereich dann so klein ist .... hat jemand eine Idee dazu ?
Linke Sidebar verschieben
-
- WSC 3.0.x
-
Fu55el -
1. Dezember 2017 um 18:49
-
-
Ein Link zur Seite wäre da sicher nicht schlecht.
-
das Design ist nicht offen weil ich noch dran arbeite auf einer online Seite ...
-
Habe mein Vorhaben hinbekommen , trotzdem danke.
Ziel war es ja die Linke Sidebar komplett nach links zu verschieben und von oben nach unten anzeigen zu lassen.
Daher dieser Code:
Code.boxesSidebarLeft .boxContainer { background-color: rgba(236, 241, 247, 1); position: fixed; height: 100%; width: 310px; top: 60px; // muss je nach Headerhöhe angepasst werden left: 0px; }
Leider funzt es nicht ganz so weil die box zwar verschoben ist aber die sidebar boxesSidebarLeft ist immer noch am alten platz der wird der Content nicht größer sondern bleibt so als wäre die Sidebar noch da
habe das jetzt nochmal durchprobiert und bei dem Code hängen geblieben scheinbar ist es ok so ...
Code
Alles anzeigen.boxesSidebarLeft .boxContainer { height: 100%; position: fixed; background-color: rgba(236, 241, 247, 1); top: 60px; left: 0px; width: 310px; padding-top: 100px; margin-top: -60px; } aside.sidebar.boxesSidebarLeft { position: fixed; } .sidebar + .content:not(:last-child) { flex-basis: calc(100% - 310px); max-width: calc(100% - 310px); }
-
so ich habe das Design jetzt mal auf den Stilwechseler gelegt, kannst dir den fortschritt also da anschauen. Weiss zwar nicht ob das alles so richtig ist aber anzeigen passen bisher. Die Mobiler Version habe ich noch nicht angefasst also nicht wundern wenn es dort verdreht wird.
http://www.exgn.de stil: SteamV1
-
-
ne das hab ich noch nicht gemacht das design ist ja auch noch nicht fertig
-
Ich suche grade den code wo ich das ändern kann, momentan habe ich es in die Sprach-variable geschrieben aber das wird dann ja gleich für alle stile übernommen. weiss jemand wo das geändert werden kann ?
mein code für die variable:
{if !REGISTER_DISABLED}<img src="/images/SteamV1/reg_in.png">{else}<img src="/images/SteamV1/log_in.png">{/if}
-
könnte man es vlt so lösen ?
Code.userPanel > ul > li > a[href="https://exgn.de/index.php?login/"]::before { content: url(https://exgn.de/images/SteamV1/log_in.png); margin-left: -2px; } .userPanel > ul > li > a[href="https://exgn.de/index.php?login/"] { color: rgba(111, 118, 126, 0); } .userPanel > ul > li > a[href="https://exgn.de/index.php?login/"]:hover { color: rgba(111, 118, 126, 0); }
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!