News (06 Aug 2024): Das Wiki läuft jetzt auf einem neuen Server. Aufgrund eines Upgrades von PHP mussten die Wiki-Software und die DPL-Erweiterung aktualisiert werden. Bitte meldet Fehler auf der Hauptseiten-Diskussion.
Benutzer Diskussion:Pechvogel/vector.css: Unterschied zwischen den Versionen
Aus GuildWiki
Zur Navigation springenZur Suche springen
Ryuka (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
imported>Pechvogel Keine Bearbeitungszusammenfassung |
||
Zeile 53: | Zeile 53: | ||
</pre> | </pre> | ||
--[[Datei:Benutzer_Ryuka-Signatur-groß.png|link=Benutzer:Ryuka|x18px]] 13:30, 13. Sep. 2016 (CEST) | --[[Datei:Benutzer_Ryuka-Signatur-groß.png|link=Benutzer:Ryuka|x18px]] 13:30, 13. Sep. 2016 (CEST) | ||
:Danke! Super, dass du das für mich machst! Das JavaScript geht nicht, aber der Rest schon. (Hurra!) MAche ich was falsch? --[[datei:Benutzer_Pechvogel-Signatur.png|link=Benutzer:Pechvogel]] 18:39, 13. Sep. 2016 (CEST) |
Version vom 13. September 2016, 17:39 Uhr
[1] Hab da was kopiert, das funzt hier aber nicht. Kann mir jemand helfen? Nur die runden Ecken funktionieren. -- 09:12, 11. Sep. 2016 (CEST)
- Versuch es mal mit der !important[[2]] Eigenschaft, damit kannste Bestehendes überschreiben. Dein Bildpfad muss übrigends der hier sein http://www.guildwiki.de/gwiki/images/d/d2/Benutzer_Pechvogel-Tux.png -- 13:31, 11. Sep. 2016 (CEST)
/* Logo ändern */ #p-logo a { background: url(http://www.guildwiki.de/gwiki/images/d/d2/Benutzer_Pechvogel-Tux.png) 35% 50% no-repeat !important; }
funktioniert bei mir -- 22:29, 11. Sep. 2016 (CEST)
- Yippee! Jetzt hab ich nur noch 2 Probleme:
*Die Suche soll wie bei Monobook links rein, bei Google gibst nur die Adminvariante
*Die Box links soll mitscrollen, das gebt anscheinend nur mit Plugins
Danke für die Hilfe! -- 10:01, 12. Sep. 2016 (CEST)
Du bist ja wahrscheinlich noch nicht weiter gekommen, daher hier mal ein bisschen Code .
Das Scrollen lässt sich leicht verhindern.
vector.css
/* Linke Seite fixiert */ #mw-panel { position: fixed !important; }
Die Suchbox kannst du zur Not mit nem Javascript verschieben.
vector.js
var panel = document.getElementById("mw-panel"); var navigation = document.getElementById("p-navigation"); var search = document.getElementById("p-search"); var form = document.getElementById("searchform"); var newWrapper = document.createElement("div"); newWrapper.className = "body"; newWrapper.appendChild(form); search.className = "portal"; search.appendChild(newWrapper); panel.insertBefore(search, navigation);
Durch weitere kleine Anpassungen siehts dann auch noch schöner aus.
vector.css
/* Suchbox verschönern /* #p-search { margin: 0 !important; float: none !important; } #p-search h5 { display: block !important; } #searchform { margin: 0 !important; text-align: center !important; } #searchInput { width: 90% !important; }