[0.6.1 - Beta] SideBar für phpBB3

[Frank1604]

Hmm,

das ist wirklich schwierig, da beide Mods die selbe CSS Klasse nutzen. Das muss zwangsläufig zu Problemen kommen.

[jw1hal]

Davon hab ich keine Ahnung.

Aber vielleicht kann man da ein Kompromis finden, dass einer von beiden irgendwas ändert, umbenennt oder so ...

Gruß Jan

[Frank1604]

Ich kann gerne mal versuchen die css Klasse der Sidebar morgen umzubenennen.

[jw1hal]

Na da warte ich mal geduldig und versuche es dann erneut.

[Frank1604]

Bin gerade nach hause gekommen, und mache mich jetzt dran.

Edit: Ok, hier die Änderungen für Prosilver.

öffne styles/prosilver/template/sidebar_body.html
finde:

Code: Alles auswählen

#sidebar {

ersetze mit:

Code: Alles auswählen

#fw_sidebar {

finde:

Code: Alles auswählen

<div id="sidebar">

ersetze mit:

Code: Alles auswählen

<div id="fw_sidebar">

öffne: styles/prosilver/theme/sidebar.css
finde:

Code: Alles auswählen

#sidebar {
    width:200px;
    position:fixed;
    z-index:1001;
    left:-185px;
    top:100px;
    min-height:200px;
    background-color:#fff;
}
* html #sidebar {
    position:absolute;
    height:200px;
}
#sidebar .forabg {
    margin-bottom:0;
}
#sidebar:hover, #sidebar.iehover {
    left:-5px;
}
#sidebar ul {
    list-style:none;
    margin-right:15px;
}
#sidebar li {
    padding:3px;
}
* html #sidebar li.header, * html #sidebar li.header dl, * html #sidebar li.header dl dt {
    height:18px;
}
#sidebar li.header {
    padding:0 5px;
}
#dirty {
    margin:0;
    padding:10px 0;
    position:relative;
    float:right;
    right:0;
    text-align:center;
    font-weight:bold;
    color:#FFF;
}

ersetze mit:

Code: Alles auswählen

#fw_sidebar {
    width:200px;
    position:fixed;
    z-index:1001;
    left:-185px;
    top:100px;
    min-height:200px;
    background-color:#fff;
}
* html #fw_sidebar {
    position:absolute;
    height:200px;
}
#fw_sidebar .forabg {
    margin-bottom:0;
}
#fw_sidebar:hover, #fw_sidebar.iehover {
    left:-5px;
}
#fw_sidebar ul {
    list-style:none;
    margin-right:15px;
}
#fw_sidebar li {
    padding:3px;
}
* html #fw_sidebar li.header, * html #fw_sidebar li.header dl, * html #fw_sidebar li.header dl dt {
    height:18px;
}
#fw_sidebar li.header {
    padding:0 5px;
}
#dirty {
    margin:0;
    padding:10px 0;
    position:relative;
    float:right;
    right:0;
    text-align:center;
    font-weight:bold;
    color:#FFF;
}

Probiere das mal, und sag mir dann Bescheid.

[jw1hal]

So, da bin ich wieder.
Sorry, das ich jetzt erst antworte, wo ich doch schon letzte Nacht alles ERFOLGREICH erledigt habe.
Ich danke dir erst mal ganz recht herzlich dafür.

Ich habe auch im Subsilver2-Style noch folgende Änderung vorgenommen:

öffne styles/subsilver2/template/sidebar_body.html

finde:

Code: Alles auswählen

#sidebar {

ersetze mit:

Code: Alles auswählen

#fw_sidebar {

Rein theoretisch kann man auch in den 3 Dateien

styles/prosilver/theme/sidebar.css (11 Ersetzungen)
styles/prosilver/template/sidebar_body.html (1 Ersetzung)
styles/subsilver2/template/sidebar_body.html (1 Ersetzung)

durch "Suchen/Ersetzen" das ("#sidebar" zu "#fw_sidebar") ändern.

Dann noch bei

styles/prosilver/template/sidebar_body.html

den Code

Code: Alles auswählen

<div id="sidebar">

in

Code: Alles auswählen

<div id="fw_sidebar">

abändern und fertig ist es.

Gruß Jan

[Frank1604]

Ja, so ungefähr hatte ich mir das vorgestellt.
Funktioniert dann alles wie gewünscht?

[jw1hal]

Ja, geht erst mal wunderbar. Vielleicht finde ich ja noch ein paar Hindernisse, wenn ich mich damit noch genauer beschäftige.

Danke nochmal für die sehr schnelle Reaktion.

=============================================================================================================

Nachtrag:

Sehr komisch!

Jetzt habe ich noch ein wenig herumprobiert und eine Feststellung gemacht.

Ich sagte ja, dass ich

styles/subsilver2/template/sidebar_body.html

auch angepasst habe.

Da hatte ich Anfangs allerdings nur das geändert:

finde:

Code: Alles auswählen

#sidebar {

ersetze mit:

Code: Alles auswählen

#fw_sidebar {

Im nachhinein habe ich festgestellt, dass ich die 2. Stelle, die es ja auch in der

styles/prosilver/template/sidebar_body.html

gibt, ganz übersehen hatte und sie geändert, ohne nochmal zu schauen, ob es geht oder nicht.

Diese Stelle:

finde:

Code: Alles auswählen

<div id="sidebar">

ersetze mit:

Code: Alles auswählen

<div id="fw_sidebar">

Nun fummle ich hier noch an was anderen rum und stelle fest, dass die Sidebar, ausgeklappt über die volle Länge ist, so als wenn im ACP die Templates, Themes und Grafikensammlungen nicht aktualisiert sind und der Cache geleert ist.
Also habe ich Templates, Themes und Grafikensammlungen aktualisiert und den Cache geleert.

Da es immer noch so bleib, habe ich die eine Änderung wieder rückgängig gemacht und es funktionierte wieder wie es sein soll.

Nun habe ich mir gedacht, dass diese Änderung

Öffne: styles/prosilver/template/sidebar_body.html

finde:

Code: Alles auswählen

<div id="sidebar">

ersetze mit:

Code: Alles auswählen

<div id="fw_sidebar">

bei Prosilver auch überflüssig sein könnte.

Dem ist aber nicht so! Sehr eigenartig ...

Ich habe das oben in dem Beitrag gleich mal geändert!

PS: Wo wird eigentlich die Höhe bzw. der Abstand vom oberen Rand bei Subsilver2 angegeben?

Gruß Jan

[Trexis5]

Hi,

ich habe alles installiert.
Es zeigt mir aber die Slidebar nicht an.
Im Admincenter ist es aber aktiviert.