Style PbTech anpassen

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8134
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Style PbTech anpassen

Beitrag von Kirk »

Ersetze mal in der sidebar.css das hier:

Code: Alles auswählen

.page-sidebar-guest {
    float: right;
    margin-top: 35px;
    width: 18%; 
}
durch das hier:

Code: Alles auswählen

.page-sidebar-guest {
    float: left;
    width: 18%;
    margin: 13em 0 0 -29em;
}
Da ich deine Seite als Gast betrachte musst du in der sidebar.css bei .page-sidebar { die Einstellungen selbst anpassen.

Edit:
Denke aber daran das es dann in viewtopic oder viewforum nicht passt, es heißt ja auch sidebar.

Edit2:
Da du die EXT RecentTopics eingebaut hast und einen speziellen Style hast, müsstest du diese Sidebar direkt in diesen einbauen und zwar so:
Deaktiviere die Erweiterung Sidebar im ACP.
Kopiere die root/ext/kirk/sidebar/styles/prosilver/template/sidebar.html nach root/styles/pbtech/template/

Öffne: root//styles/pbtech/template/index_body.html
Finde:

Code: Alles auswählen

</div><!-- /.index-right -->
Davor einfügen:

Code: Alles auswählen

    <div class="page-sidebar">
    <!-- INCLUDE sidebar.html -->
    </div>
Öffne: root//styles/pbtech/theme/extensions.css
Setze ganz am Ende das hier ein:

Code: Alles auswählen

/* Sidebar
--------------------------------------------- */
.page-sidebar {
    margin-top: 35px;
}

.bg1-sidebar {
    background-color: #ecf3f7;
    padding: 5px 0 5px 7px;
	border-bottom: 1px solid #00608f;
}

.bg1-sidebar:hover {
    background-color: #bfd5e3;
}

.bg2-sidebar {
	background-color: #e1ebf2;
    padding: 5px 0 5px 7px;
	border-bottom: 1px solid #00608f;
}

.bg2-sidebar:hover {
    background-color: #cddee9;
}
Leere den Cache im "Administrations-Bereich" (ACP) > "Allgemein" > "Den Cache leeren"
Leere deinen Browser Cache
STRG+F5
Antworten

Zurück zu „Styles, Templates und Grafiken“