Floating Sidebar

[DerTheo]

Hi Leute

Ich suche eine Sidebar welche sich beim scrollen mitbewegt. Ich möchte die Sidebar nur für meine social media buttons nutzen, deshalb sollte sie nicht erst seitlich hereinfahren so wie hier:
http://www.castledoom.com/CN/styles/cas ... slide.html

Bei meiner Suche bin ich auf die Simple Sidebar gestoßen, welche aber auch nicht so das wahre ist

Kennt jemand eine Mod? Oder ein Script, welches ich auch als Anfänger einbauen kann?

Grüße
Theo

[modernist]

Es gibt noch eine CSS-Sidebar: viewtopic.php?f=88&t=196066
Die könntest du recht einfach umbauen, so daß statt der Navigationshilfen Sozialenetzwerkschnickschnackknöpfe angezeigt werden.

[DerTheo]

Es gibt noch eine CSS-Sidebar: viewtopic.php?f=88&t=196066
Die könntest du recht einfach umbauen, so daß statt der Navigationshilfen Sozialenetzwerkschnickschnackknöpfe angezeigt werden.

Danke, leider ist der Download down. Habe auch im Thread keinen MIrror gefunden

[franki]

Hier der aktuelle Link
http://webmasterarena.net/downloads.php ... il&df_id=3

[DerTheo]

Danke, die Sidebar welche auf der Seite des Links eingebaut ist und vermutlich die gleiche ist, sieht echt schnieke aus. Ich denke ich nutze die doch für mehr als das Social Media zeug Danke

[franki]

Danke, die Sidebar welche auf der Seite des Links eingebaut ist und vermutlich die gleiche ist, sieht echt schnieke aus. Ich denke ich nutze die doch für mehr als das Social Media zeug Danke

Hallo

Wenn dir die Sidebar zu lang wir (wegen mehreren Links), dann gibt es noch eine weitere Möglichkeit:
Teilen der Links auf zwei Sidebars (links und rechts).
Hier kannst Du es dir mal anschauen

[DerTheo]

Danke Franki, daran hab ich scuh schon gedacht: Auf der einen Seite das Social Media Zeug auf der anderen die wichtigen Links Ich werd mich jetzt dann mal an nen Versuch über xampp wagen und schauen, wie viel Links ich einbaue

Vielen Dank

[franki]

Hier mal eine kleine Einbauanleitung für die rechte Seite.

Öffne die styles/dein style/theme/sidebar.css
suche

Code: Alles auswählen

#dirty {
	margin:0;
	padding:10px 0;
	position:relative;
	float:right;
	right:0;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}

füge danach ein

Code: Alles auswählen

#sidebar2 {
	width:200px;
	position:fixed;
	z-index:1001;
	right:-185px;
	top:5px;
	min-height:200px;
	background-color:#fff;
}

* html #sidebar2 {
	position:absolute;
	height:200px;
}

#sidebar2 .forabg {
	margin-bottom:0;
}

#sidebar2:hover, #sidebar2.iehover {
	right:-5px;
}

#sidebar2 ul {
	list-style:none;
	margin-left:15px;
}

#sidebar2 li {
	padding:3px;

}
* html #sidebar2 li.header, * html #sidebar2 li.header dl, * html #sidebar2 li.header dl dt {
	height:18px;
	background-color:#999999;
}

#sidebar2 li.header {
	padding:0 5px;
}

#dirty2 {
	margin:0;
	padding:10px 0;
	position:relative;
	float:left;
	left:0;
	text-align:center;
	font-weight:bold;
	color:#000000
}

Benenne die Datei styles/prosilver/template/sidebar_body.html in styles/prosilver/template/sidebar_body2.html um
und kopiere diese dann nach styles/dein Style/template/ auf den Server.
Danach öffne die sidebar_body2.html
suche
<div id="sidebar"> ersetze durch <div id="sidebar2">
suche
<p id="dirty"> ersetze durch <p id="dirty2">
Öffne die overall_header.html und suche nach <!-- INCLUDE sidebar_body.html --> füge danach ein <!-- INCLUDE sidebar_body2.html -->

[DerTheo]

Danke franki, ich hab mich jetzt dafür entschieden, alles in eine Sidebar zu packen, es hat alles gut Platz und sieht nicht vollgestopft aus. Eine Frage, ich vermute aber das es zu komplex ist:

Könnte man eine Option hinzufügen, die der User im UCP auswählen kann, mit der er die Seite der Sidebar bestimmen kann. Also der User wählte Sidebar POsition Rechts und sie erscheint auf der rechten Seite des Bildschirms. Man bräuchte doch nur 2 sidebar.css Dateien oder?

Grüße
Theo

[-motte-]

Meinst du sowas wie auf:

http://www.roters-web.de
http://www.scenic-forum.de

???