Style anpassungen

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
_eldorado_
Mitglied
Beiträge: 6
Registriert: 22.04.2013 21:19

Re: Style anpassungen

Beitrag von _eldorado_ »

BlackHawk87 hat geschrieben: Das ist erstmal nur die Sprachvariable.
In der index_body.html stehen diese ganzen Links alle oben in diesem Code:

Code: Alles auswählen

<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<ul class="linklist">
	<!-- IF S_DISPLAY_SEARCH -->
		<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_LOAD_UNREADS --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
	<!-- ENDIF -->
	<!-- IF not S_IS_BOT and U_MARK_FORUMS --><li class="rightside"><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li><!-- ENDIF -->
</ul>
<!-- ENDIF -->
Die kannst du, aber am besten nur mit der jeweiligen <!-- IF -->-Abfrage auch in z.B. den overall_header.html unterbringen. Dann hat man von überall den Zugriff drauf.
Ich hab mal versucht das jetzt in den ucp_footer.html einzubauen. Da steht jetzt folgendes:

Code: Alles auswählen

	<tr>
		<td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->7<!-- ELSE -->6<!-- ENDIF -->">
			<!-- IF not S_IS_BOT --><span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a></span><!-- ENDIF -->
			<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
			<ul class="linklist">
			<!-- IF not S_IS_BOT and U_MARK_FORUMS --><span style="float: {S_CONTENT_FLOW_END};"><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></span><!-- ENDIF -->
			</ul>
			<!-- ENDIF -->
		</td>
	</tr>
Leider erscheint jetzt garnichts mehr im ucp. Ich weiß also nicht ob der code an sich stimmt. Wo ist da der Fehler?
BlackHawk87 hat geschrieben: Da musst du wohl mal die viewtopic_body.html (und die dort eingebunden werden) anpassen und zwar so, dass auch der Fuß der Seite (also die Wer ist online) auch innerhalb von <div id="wrapcentre"> ist, dann passt das auch wieder.
Ich hab gerade durchgeschaut, in der viewtopic_body.html werden nur so viele div geschlossen, wie auch geöffnet werden. das heißt, das der "<div id="wrapcentre">" vom overall_footer.html durch das ganze dokument gehen sollte.
BlackHawk87 hat geschrieben: Das ist in "prosilver" der Link-Code inkl. Abfrage für den Moderations-Bereich:

Code: Alles auswählen

<!-- IF U_MCP --><p>{CURRENT_TIME} <br />[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF -->
Das setzt an eine Stelle die aktuelle Zeit und dadrunter den Link zum Mod-Bereich, wenn man Zugang hat. Ansonsten nur die aktuelle Zeit, sofern man eingeloggt ist. Den kannst du z.B. in der overall_header.html platzieren, wie du willst und bei Bedarf umbauen. Aber auch dann taucht er nicht immer auf, weil es nicht immer Sinn gibt. Denn im Unterschied zum ACP (Admin-Bereich) wird man beim MCP bei Themenansicht, Forenansicht usw. in bestimmte Sektionen weitergeleitet. Das siehst du dann schon.
Okay, das leuchtet ein. Dann werde ich das wohl erstmal so stehen lassen.
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5020
Registriert: 08.06.2009 12:03

Re: Style anpassungen

Beitrag von Talk19zehn »

Hi, bzgl. dem weißfarbenen Rechteck macht mich das repeat-y und die Farbe Weiß stutzig

Code: Alles auswählen

.catdiv {
    background: url("./images/cellpic2.jpg") repeat-y scroll left top white;
    border: 0 none;
    height: 28px;
    margin: 0;
    padding: 0;
}
Meines Erachtens muss es ein repeat-x und eine entsprechende Hintergrundfarbe #626262 - oder gray - sein, die bei Ausfall der Grafik zumindest die Farbgebung sichert:

Code: Alles auswählen

.catdiv {
    background: url("./images/cellpic2.jpg") repeat-x scroll left top #626262;
    border: 0 none;
    height: 28px;
    margin: 0;
    padding: 0;
}

Das CSS kann in deinem Falle anders gelistet aussehen. Ich hatte es lediglich Firebug entnommen.

Gruß
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
_eldorado_
Mitglied
Beiträge: 6
Registriert: 22.04.2013 21:19

Re: Style anpassungen

Beitrag von _eldorado_ »

Talk19zehn hat geschrieben:Hi, bzgl. dem weißfarbenen Rechteck macht mich das repeat-y und die Farbe Weiß stutzig

Code: Alles auswählen

.catdiv {
    background: url("./images/cellpic2.jpg") repeat-y scroll left top white;
    border: 0 none;
    height: 28px;
    margin: 0;
    padding: 0;
}
Meines Erachtens muss es ein repeat-x und eine entsprechende Hintergrundfarbe #626262 - oder gray - sein, die bei Ausfall der Grafik zumindest die Farbgebung sichert:

Code: Alles auswählen

.catdiv {
    background: url("./images/cellpic2.jpg") repeat-x scroll left top #626262;
    border: 0 none;
    height: 28px;
    margin: 0;
    padding: 0;
}

Das CSS kann in deinem Falle anders gelistet aussehen. Ich hatte es lediglich Firebug entnommen.

Gruß
Ahh, wunderbar, jetzt siehts vernünftig aus =) vielen dank =)
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5020
Registriert: 08.06.2009 12:03

Re: Style anpassungen

Beitrag von Talk19zehn »

Okay,

eine Aufzählungsliste - ul - macht natürlich in einer Tabelle wenig Sinn. Das, was vorgeschlagen wurde, basiert auf Prosilver.

Aus meiner Sicht, orientiere dich, sofern du weiterhin das Style basierend auf Subsilver2 nutzen möchtest am Original --> Subsilver2. Im persönlichen Bereich machen die angedachten Markierungen ( Foren als gelesen markieren ) nicht unbedingt Sinn. Eher in der forumlist_body.html, wäre ein denkbarer Ansatz

Code: Alles auswählen

<td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->&nbsp;</td>
richtigererweise möglich. Den Umweg über den persönlichen Bereich würde ich auch verneinen wollen. Inwieweit du dich mit der Tabellentechnik auskennst, entzieht sich meiner Kenntnis. Die Tabellenstruktur deines Styles in jenem Template kenne ich leider nicht.

Viel Glück!
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“