+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Plugin-Veröffentlichungen und -Support (https://www.mybb.de/forum/forum-82.html)
+--- Thema: Silde bar on the left side (/thread-21456.html)
Seiten: Seiten:
1
2
Silde bar on the left side - MyBB.de Bot - 28.05.2009
Eine neue Erweiterung wurde veröffentlicht: Silde bar on the left side
Zitat:This mod will make a slide bar on the left of your forum . The slide bar will slide follow while you scroll your forum.[Bild: http://mods.mybb.com/uploads/previews/20639-1243382001-lk1.thumb.png]
Vorschau:
http://congdong.9xvip.biz
RE: Silde bar on the left side Any version - problemkind - 16.09.2009
Kann man die Bar auch fixieren? Dass die Bar sich immer mit-bewegt nervt.
Die soll einfach in der Mitte rechts stehen bleiben... bis man die Maus drauf bewegt und sie sich aufklappt. Wäre das machbar ?
RE: Silde bar on the left side Any version - StefanT - 17.09.2009
Funktioniert das mit CSS oder Javascript? Bei zweiterem wäre eine Änderung wohl komplizierter.
RE: Silde bar on the left side Any version - problemkind - 17.09.2009
(17.09.2009, 13:05)StefanT schrieb: Funktioniert das mit CSS oder Javascript? Bei zweiterem wäre eine Änderung wohl komplizierter.Wäre es CSS hätte ich es wahrscheinlich irgendwie selbst gemacht.
Aber bei JavaSkript ist es ne schwere Angelegenheit.
Habe den Skript schon mehrmals angeschaut, finde aber nichts... ist wohl genau Programmiert wie sich die Bar zu bewegen hat.
Wenn sie nur Fixiert wäre, wäre es ein nettes Feature ... denn links nervt es nicht, wenn es sich nicht so verrückt mitbewegen würde.
RE: Silde bar on the left side Any version - StefanT - 17.09.2009
Bei solchen Effekten kenne ich mich auch nicht ausreichend aus...
RE: Silde bar on the left side Any version - problemkind - 17.09.2009
trotzdem Danke. Dann geht es leider nicht.
Was vergleichbares habe ich leider auch nicht gesehen.
RE: Silde bar on the left side Any version - MrBrechreiz - 13.04.2010
doch das gibt es, auf einer seite die eigl. sehr bekannt ist.
füge den nachfolgenten code in den headbereich ein
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#F2F2F2;
layer-background-color:#F2F2F2;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
desweiteren muss der nachfolgente code in den body bereich
<script language="JavaScript1.2">
/***********************************************
* Sliding Menu Bar Script- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
***********************************************/
var slidemenu_width='160px' //specify width of menu (in pixels)
var slidemenu_reveal='12px' //specify amount that menu should protrude initially
var slidemenu_top='170px' //specify vertical offset of menu on page
var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0
if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}
var sitems=new Array()
///////////Edit below/////////////////////////////////
//siteitems[x]=["Item Text", "Optional URL associated with text"]
sitems[0]=["<big><font face='Arial'>Site Menu</font></big>", ""]
sitems[1]=["Menus And Navigation", "http://www.dynamicdrive.com/dynamicindex1/"]
sitems[2]=["Document Effects", "http://www.dynamicdrive.com/dynamicindex3/"]
sitems[3]=["Scrollers", "http://www.dynamicdrive.com/dynamicindex2/"]
sitems[4]=["Image Effects", "http://www.dynamicdrive.com/dynamicindex4/"]
sitems[5]=["Links And Buttons", "http://www.dynamicdrive.com/dynamicindex5/"]
sitems[6]=["Dynamic Clocks & Dates", "http://www.dynamicdrive.com/dynamicindex6/"]
sitems[7]=["Text Animations", "http://www.dynamicdrive.com/dynamicindex10/"]
sitems[8]=["Browser Window", "http://www.dynamicdrive.com/dynamicindex8/"]
sitems[9]=["User System Information", "http://www.dynamicdrive.com/dynamicindex9/"]
sitems[10]=["Other", "http://www.dynamicdrive.com/dynamicindex11/"]
//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
var target=""
/////////////////////////////////////////////////////////
if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2
rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1
if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10+"px"
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}
function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10+"px"
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
</script>
nun muss man nur noch die angaben seiner wünsche ändern.
hoffe habe helfen können auch wenn dieses thema älter ist ^^
RE: Silde bar on the left side Any version - problemkind - 14.04.2010
danke für den code. Also brauche ich das Plugin nicht. Auf der Seite: http://www.dynamicdrive.com/dynamicindex1/slideinmenudrag.htm ist der Code. Wenn ich das richtig sehe, ist das aber nicht fixiert an der Seite.
RE: Silde bar on the left side Any version - MrBrechreiz - 15.04.2010
hier ist noch mal ein link zu einem code der fixiert ist und der sich erst öffnet wenn du mit der maus darüber fährst.
http://www.dynamicdrive.com/dynamicindex1/slideinmenu.htm
und noch ein fixierter der sich über die tastatur öffnen lässt (x= auf, z= zu)
http://www.dynamicdrive.com/dynamicindex1/slideinmenukey.htm
da ist noch ein fixierter der sich öffnen und schliessen lässt wenn du ihn mit der maus aufziehst und zuziehst
http://www.dynamicdrive.com/dynamicindex1/slideinmenudrag.htm
fast vergessen: falls bei dir das fenster nicht fixiert ist, schau ob du den richtigen browser verwendest. ich habe firefox und bei mir funzt es.
so das solls vorerst gewesen sein, wer mehr möchte kann weiter auf der seite von dynamicdrive stöbern. sind viele nette und auch interessante code´s dabei.
RE: Silde bar on the left side Any version - problemkind - 17.04.2010
Vielen vielen Dank für deine Mühe, sobald ich Zeit finde, werde ich mir die Codes mal genauer anschauen.