[0.6.1 - Beta] SideBar für phpBB3

[jw1hal]

Hi,

wie kann ich die Sidebar nach oben veschieben, also dass die ganz oben in der Ecke ist?

Weil auf mein Notebook zum Beispiel, fehlt dann der untere Teil der Sidebar.

Was kann man da machen?

Gruß Jan

[Frank1604]

Das geht in der Css Datei. Allerdings müsste ich wissen welchen Style du benutzt.

[jw1hal]

Alles Standart, prosilver und Subsilver2.

Festgestellt in Prosilver!

Eben habe ich noch ein kleines Problem bemerkt.

In Persönlichen Einstellungen ist die Sidebar nicht ganz nach links eingerückt und das restliche Forum ist darunter.

Also wenn ich mal ganz oben im Browser schaue, dann ist erstma nur links die Sidebar und ansonsten nichts.
In der Höhe, wo die Sidebar unten aufhört, beginnt dann praktisch die oberkante vom Forum.
Da habe ich bestimmt was verfriemelt. Ich bin gerade dabei nochmal alles durch zu gehen.

Gruß Jan

[Frank1604]

Bei Prosilver findet sich alles in der /styles/prosilver/theme/sidebar.css
Ziemlich am Anfang der Datei findest du "top:100px;" das ist der Wert in Pixeln der den Abstand zum oberen Rand deines Bildschirms angibt.
Tritt das Problem jetzt nur bei deinem Rechner auf, oder bei anderen auch?

[jw1hal]

Meinste jetz das zweite Problem? Das habe ich bisher nur hier getestet.
Die Sidebar geht auch auf.

Es sieht aber aus, als wenn sie nicht richtig zu ist und ...

... ach, guckst du hier:
[ externes Bild ]

Fehlermeldung dazu ist auch gleich offen.
Ich nutze eigentlich den Firefox, habe es aber auch mal im IE gestestet und davon ist auch der Screen.

Gruß Jan

[Frank1604]

Hmm, da beisst sich was mit deiner Webseite. Die Frage ist nur was ist es? Hast du mal einen Link?

[jw1hal]

Im Profil ...

[Frank1604]

Ok, wo auch immer das hier in deinem Style steht, es ist schuldig und nicht original:

Code: Alles auswählen

#sidebar, #event_sidebar {
background-color:#FFFFFF;
border:medium inset #006699;
margin-bottom:10px;
overflow:auto;
padding-left:5px;
position:relative;
text-decoration:none;
vertical-align:top;
z-index:1;
}

Nimm da mal das "#sidebar, " raus, dann sollte es gehen.

[jw1hal]

Da ist es:

styles/prosilver/theme/shmoogle.css

Code: Alles auswählen

@charset "utf-8";
/* CSS Document */
#userblock
{
    position:relative;
    padding-left:5px;
    margin-bottom:10px;
    width:150px;
    height:180px;
    z-index:1;
    overflow: auto;
    background-color: #FFFFFF;
    border:inset #006699;
    text-decoration: none;
    vertical-align:top;
}
#userblock a { text-decoration:none;    }
#userblock a:hover { text-decoration:none; background:#DDD;    }
#eventblock 
{
    position:relative;
    padding-left:5px;
    margin-bottom:10px;
    width:150px;
    height:120px;
    z-index:1;
    overflow: auto;
    background-color: #FFFFFF;
    border:inset #006699;
    text-decoration: none;
    vertical-align:top;
}
#eventblock a { text-decoration:none;    }
#eventblock a:hover { text-decoration:none; background:#DDD;    }

#sidebar, #event_sidebar
{
    position:relative;
    padding-left:5px;
    margin-bottom:10px;
    z-index:1;
    overflow: auto;
    background-color: #FFFFFF;
    border:inset #006699;
    text-decoration: none;
    vertical-align:top;
}

#sidebar a, #event_sidebar a 
{
    text-decoration:none;
}

#sidebar a:hover, #event_sidebar a:hover
{
    text-decoration:none; background:#DDD;
}

div.slider {
    width: 150px;
    height: 17px;
    background-color: #F00;
    background-image: url(../../../includes/shmoogle/img/slider_bg.jpg);
    text-align: left;
}
div.slider div.knob {
    width: 6px;
    height: 16px;
    background-color: #000;
    background-image: url(../../../includes/shmoogle/img/slider_knob.jpg);
}
div.toggler{
    cursor: pointer;
    border: 1px solid #f5f5f5;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    background-color: #0076B1;
    color: #666;
}

styles/prosilver/theme/shmoogle_print.css

Code: Alles auswählen

@charset "utf-8";
/* CSS Document */
#userblock
{
    position:relative;
    padding-left:5px;
    margin-bottom:10px;
    width:150px;
    height:180px;
    z-index:1;
    overflow: auto;
    background-color: #FFFFFF;
    border:inset #006699;
    text-decoration: none;
    vertical-align:top;
}
#userblock a { text-decoration:none;    }
#userblock a:hover { text-decoration:none; background:#DDD;    }
#eventblock 
{
    position:relative;
    padding-left:5px;
    margin-bottom:10px;
    width:150px;
    height:120px;
    z-index:1;
    overflow: auto;
    background-color: #FFFFFF;
    border:inset #006699;
    text-decoration: none;
    vertical-align:top;
}
#eventblock a { text-decoration:none;    }
#eventblock a:hover { text-decoration:none; background:#DDD;    }

#sidebar, #event_sidebar
{
    display: none;    /*position:relative;
    padding-left:5px;
    margin-bottom:10px;
    width:150px;
    height:200px;
    z-index:1;
    overflow: auto;
    background-color: #FFFFFF;
    border:inset #006699;
    text-decoration: none;
    vertical-align:top;*/
}

#sidebar a, #event_sidebar a 
{
    text-decoration:none;
}

#sidebar a:hover, #event_sidebar a:hover
{
    text-decoration:none; background:#DDD;
}

Aber dann geht das vielleicht nicht mehr?

Ich habe es mal testweise rausgenommen und auf der Anmeldeseite geht es schon mal.

Rufe ich nun Shmoogle auf, was an der Stelle auch ne Sidebar hat, verschwindet die für´s Menü.

Kann man die vielleicht nach recht´s verlegen?

[jw1hal]

Nach rechts verlegen ist natürlich Quatsch!

Ich hab sie nun wieder entfernt, da sie sich mit Shmoogle-Map wohl nicht verträgt und das Userfenster in Shmoogle-Map die übelsten unterschiedlichsten Faxen macht, egal ob die Sidebar aktiviert oder deaktiviert ist.

Ist sie deaktiviert, hüppelt das Fenster in dem die eingetragenen User in Shmoogle-Map stehen, hin und her, wenn man mit der Maus darüber fährt.

Ist sie aktiviert, dann rutscht die ganze Seite nach unten, wenn man in Shmoggle-Map, persönlichen Einstellungen oder auf der Anmeldeseite ist und oben links kann sich wohl nicht so recht entschieden werden, ob das die Sidebar oder die Mitgleiederliste von Shmoogle-Map angezeigt wird.

Schade ...

Vielleicht ändert sich da mal was und ich probiere es nochmal.


Übrigens, kann man in der "styles/prosilver/template/overall_header.html" den Code

Code: Alles auswählen

                <!-- ENDIF -->
            </ul>

nicht finden, wenn man das Impressum installiert hat, weil ein Code vom Impressum zwischen den Zeilen ist und man somit nicht so recht weiß, wo das

Code: Alles auswählen

            <!-- ENDIF -->

dann hin soll.
Sicherlich trotzdem danach.

Gruß Jan