Benutzer Diskussion:Pechvogel/vector.css: Unterschied zwischen den Versionen

Aus GuildWiki
Wechseln zu:Navigation, Suche
imported>Pechvogel
Zeile 9: Zeile 9:
 
</pre>funktioniert bei mir --[[Datei:Benutzer_Ryuka-Signatur-groß.png|link=Benutzer:Ryuka|x18px]] 22:29, 11. Sep. 2016 (CEST)
 
</pre>funktioniert bei mir --[[Datei:Benutzer_Ryuka-Signatur-groß.png|link=Benutzer:Ryuka|x18px]] 22:29, 11. Sep. 2016 (CEST)
 
:Yippee! Jetzt hab ich nur noch 2 Probleme: <br> *Die Suche soll wie bei Monobook links rein, bei Google gibst nur die Adminvariante <br> *Die Box links soll mitscrollen, das gebt anscheinend nur mit Plugins <br> Danke für die Hilfe! --[[datei:Benutzer_Pechvogel-Signatur.png|link=Benutzer:Pechvogel]] 10:01, 12. Sep. 2016 (CEST)
 
:Yippee! Jetzt hab ich nur noch 2 Probleme: <br> *Die Suche soll wie bei Monobook links rein, bei Google gibst nur die Adminvariante <br> *Die Box links soll mitscrollen, das gebt anscheinend nur mit Plugins <br> Danke für die Hilfe! --[[datei:Benutzer_Pechvogel-Signatur.png|link=Benutzer:Pechvogel]] 10:01, 12. Sep. 2016 (CEST)
 +
 +
Du bist ja wahrscheinlich noch nicht weiter gekommen, daher hier mal ein bisschen Code {{smiley|:)}}.<br />
 +
Das Scrollen lässt sich leicht verhindern.<br />
 +
'''vector.css'''
 +
<pre>
 +
/* Linke Seite fixiert */
 +
#mw-panel {
 +
  position: fixed !important;
 +
}
 +
</pre>
 +
Die Suchbox kannst du zur Not mit nem Javascript verschieben.<br />
 +
'''vector.js'''
 +
<pre>
 +
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);
 +
</pre>
 +
Durch weitere kleine Anpassungen siehts dann auch noch schöner aus.<br />
 +
'''vector.css'''
 +
<pre>
 +
/* 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;
 +
}
 +
</pre>
 +
--[[Datei:Benutzer_Ryuka-Signatur-groß.png|link=Benutzer:Ryuka|x18px]] 13:30, 13. Sep. 2016 (CEST)

Version vom 13. September 2016, 13:30 Uhr

[1] Hab da was kopiert, das funzt hier aber nicht. Kann mir jemand helfen? Nur die runden Ecken funktionieren. --Benutzer Pechvogel-Signatur.png 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 --Benutzer Ryuka-Signatur-groß.png 13:31, 11. Sep. 2016 (CEST)
So? Geht trotzdem nicht. Liegts am Mediawiki? --Benutzer Pechvogel-Signatur.png 15:36, 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 --Benutzer Ryuka-Signatur-groß.png 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! --Benutzer Pechvogel-Signatur.png 10:01, 12. Sep. 2016 (CEST)

Du bist ja wahrscheinlich noch nicht weiter gekommen, daher hier mal ein bisschen Code lächelnd/glücklich.
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;
}

--Benutzer Ryuka-Signatur-groß.png 13:30, 13. Sep. 2016 (CEST)