Seite 1 von 2
Floating Sidebar
Verfasst: 14.04.2012 19:15
von 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
Re: Floating Sidebar
Verfasst: 14.04.2012 19:37
von 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.
Re: Floating Sidebar
Verfasst: 14.04.2012 20:27
von DerTheo
modernist hat geschrieben: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
Re: Floating Sidebar
Verfasst: 15.04.2012 01:03
von franki
Re: Floating Sidebar
Verfasst: 15.04.2012 01:49
von 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
Re: Floating Sidebar
Verfasst: 15.04.2012 09:52
von franki
DerTheo hat geschrieben: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
Re: Floating Sidebar
Verfasst: 16.04.2012 07:43
von 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
Re: Floating Sidebar
Verfasst: 16.04.2012 15:31
von 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 -->
Re: Floating Sidebar
Verfasst: 17.04.2012 07:05
von 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
Re: Floating Sidebar
Verfasst: 24.04.2012 16:50
von -motte-