Template-Dateien

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.
ZNC
Mitglied
Beiträge: 229
Registriert: 21.05.2014 13:48
Wohnort: Köln

Template-Dateien

Beitrag von ZNC »

Da ich mir am Design (basierend auf prosilver) die Zähne ausbeiße und mir die Haare raufe, ist es wohl sinnvoller, zuerst in Erfahrung zu bringen, welche Templates wofür gedacht sind. Gibt es da draußen irgendwo derartiges (meine Suchen waren ergebnislos)? Nachfolgende mein erledigten und noch offenen Template-Fragen:

blau = Template-Name
rot = offene Fragen
schwarz = beantwortet

overall_header.html Kopf-Bereich wird überall aufgerufen.
forumlist_body.html Foren-Übersicht
overall_footer.html Fuß-Bereich wird überall aufgerufen.

attachment.html Anhänge hochladen?
bbcode.html Anzeige der BBCodes?
confirm_body.html ???
custom_profile_fields.html ???
drafts.html ???
faq_body.html FAQ
index.htm diese Datei ist leer
index_body.html Wann und wofür wird diese genutzt?
jumpbox.html ???
message_body.html Nachrichten
quickreply_editor.html Schnellantwort
report_body.html ???
simple_footer.html ???
simple_header.html ???
viewforum_body.html ???
viewonline_body.html ???
viewonline_whois.html ???
viewtopic_body.html ???
viewtopic_print.html ???

login_body.html Anmeldung
login_forum.html

captcha_default.html Captcha
captcha_qa.html
captcha_recaptcha.html

search_body.html Suche
search_results.html

datenschutz_template.html Gesetzliche Konventionen
impressum_template.html
haftung_template.html

memberlist_body.html Mitgliederliste
memberlist_email.html
memberlist_im.html
memberlist_leaders.html
memberlist_search.html
memberlist_view.html

posting_attach_body.html Bei Postings.
posting_body.html
posting_buttons.html
posting_editor.html
posting_layout.html
posting_pm_layout.html
posting_poll_body.html
posting_preview.html
posting_review.html
posting_smilies.html
posting_topic_review.html

ucp_agreement.html bis ucp_zebra_friends.html User Control Panel

mcp_approve.html bis mcp_whois.html Moderation Controll Panel
Zuletzt geändert von ZNC am 12.08.2014 09:41, insgesamt 2-mal geändert.
Der, die, das, wer, wie. was ... wer nicht fragt bleibt dumm. :D
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11963
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Template-Dateien

Beitrag von Crizzo »

Hi,

du musst nicht alle Dateien verändern. Dazu musst du deinem Style nur alles was fehlt von prosilver vererben. Nur die Template Dateien die du dann wirklich veranderst kommen dann in den "template" Ordner.

MCP_ =Moderation Controll Panel
UCP_ = User Control Panel
ZNC
Mitglied
Beiträge: 229
Registriert: 21.05.2014 13:48
Wohnort: Köln

Re: Template-Dateien

Beitrag von ZNC »

Hi BlackHawk87,

um ergänzen zu können, müßte ich proSilver ergänzen wollen, dem ist aber nicht so. Denn meine Änderungen am proSilver-CSS aber führten immer wieder dazu, daß alles auseinanderfällt. Ich müßte also den gesamten Style nachvollziehen. So ein Fachmann bin ich nicht.

Deshalb verfolge ich einen anderen Weg, in dem ich gar nix von proSilver-CSS verwende, sondern die Templates auf meinen CSS-Style anpasse. Um das machen zu können, muß ich wissen, welches Template wofür verwendet wird. Darüber hinaus hege ich den Verdacht, daß einige CSS-Selektoren aus dem Code heraus generiert werden, ich hoffe jedoch, daß dem nicht so ist. ID-Selektoren habe ich so belassen, da sie vermutlich über js und php angesprochen werden, deshalb sieht mein Ansatz im Header vergleichsweise so aus:

--------------------------------------------
--- proSilver ------------------------------
--------------------------------------------

Code: Alles auswählen

<body id="phpbb" class="section-index ltr">
<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner">
				<span class="corners-top"><span></span></span>
				<div id="site-description">
					<a href="http://www.site.de/index.php" title="Foren-Übersicht" id="logo"><img src="[site]Foren_files/site_log.gif" width="149" height="52" alt="" title=""></a>
					<h1>[site]</h1>
					<p>das Forum</p>
					<p class="skiplink"><a href="http://www.site.de/#start_here">Zum Inhalt</a></p>
				</div>
				<div id="search-box">
					<form action="http://www.site.de/search.php" method="get" id="search">
						<fieldset>
							<input name="keywords" id="keywords" type="text" maxlength="128" title="Suche nach Wörtern" class="inputbox search" value="Suche…" onclick="if(this.value=='Suche…')this.value='';" onblur="if(this.value=='')this.value='Suche…';">
							<input class="button2" value="Suche" type="submit"><br>
							<a href="http://www.site.de/search.php" title="Zeigt die erweiterten Suchoptionen an">Erweiterte Suche</a> 
							<input type="hidden" name="sid" value="xyz" />
						</fieldset>
					</form>
				</div>
				<span class="corners-bottom"><span></span></span>
			</div>
		</div>
		<div class="navbar">
			<div class="inner">
				<span class="corners-top"><span></span></span>
				<ul class="linklist navlinks">
					<li class="icon-home"><a href="http://www.site.de/index.php" accesskey="h">Foren-Übersicht</a> </li>
					<li class="rightside"><a href="http://www.site.de/#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="Ändere Schriftgröße">Ändere Schriftgröße</a></li>
				</ul>
				<ul class="linklist leftside">
					<li><a href="http://www.site.de/impressum.php" title="Impressum">Impressum</a> •</li>
					<li><a href="http://www.site.de/haftung.php" title="Haftungsauschluss">Haftungsauschluß</a> •</li>
					<li><a href="http://www.site.de/datenschutz.php" title="Datenschutzerklärung">Datenschutzerklärung</a> </li>
				</ul>
				<ul class="linklist rightside">
					<li class="icon-faq"><a href="http://www.site.de/faq.php" title="Häufig gestellte Fragen">FAQ</a></li>
					<li class="icon-gallery"><a href="http://www.site.de/gallery/index.php" title="Bilder Galerie">Galerie</a></li>
					<li class="icon-register"><a href="http://www.site.de/ucp.php?mode=register">Registrieren</a></li>
					<li class="icon-logout"><a href="http://www.site.de/ucp.php?mode=login" title="Anmelden" accesskey="x">Anmelden</a></li>
				</ul>
				<span class="corners-bottom"><span></span></span>
			</div>
		</div>
	</div>
--------------------------------------------
--- mein Ansatz ----------------------------
--------------------------------------------

Code: Alles auswählen

<body id="phpbb">
<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="sol">
			<div id="site-description">
				<h1>[site]</h1>
				<div>das Forum</div>
				<div class="skiplink"><a href="#start_here">Zum Inhalt</a></div>
			</div>
		</div>
		<div class="sag">
			<div class="fontsize">
				<a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" title="Ändere Schriftgröße">Ändere Schriftgröße</a>
			</div>
			<ul>
				<li><a href="http://www.site.de/impressum.php" title="Impressum">Impressum</a> &bull;</li>
				<li><a href="http://www.site.de/datenschutz.php" title="Datenschutzerklärung">Datenschutzerklärung</a> &bull;</li>
				<li><a href="http://www.site.de/haftung.php" title="Haftungsauschluss">Haftungsauschluß</a></li>
			</ul>
		</div><div class="clearer"></div>
		<div class="sol">
			<ul>
				<li class="icon-home"><a href="./index.php?sid=a36ac34691f5661b42470d04b2e7bbae" accesskey="h">Foren-Übersicht</a></li>
			</ul>
		</div>
		<div class="sag" id="search-box">
			<form action="./search.php?sid=a36ac34691f5661b42470d04b2e7bbae" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="Suche nach Wörtern" class="inputbox search" value="Suche…" onclick="if(this.value=='Suche…')this.value='';" onblur="if(this.value=='')this.value='Suche…';" />
					<input class="button2" value="Suche" type="submit" /><br />
					<a href="./search.php?sid=xyz" title="Zeigt die erweiterten Suchoptionen an">Erweiterte Suche</a>
					<input type="hidden" name="sid" value="xyz" />
				</fieldset>
			</form>
		</div><div class="clearer"></div>
		<div class="sol"></div>
		<div class="sag">
			<ul>
				<li class="icon-faq"><a href="http://www.site.de/faq.php" title="Häufig gestellte Fragen">FAQ</a></li>
				<li class="icon-gallery"><a href="http://www.site.de/gallery/index.php" title="Bilder Galerie">Galerie</a></li>
				<li class="icon-register"><a href="http://www.site.de/ucp.php?mode=register">Registrieren</a></li>
				<li class="icon-logout"><a href="http://www.site.de/ucp.php?mode=login" title="Anmelden" accesskey="x">Anmelden</a></li>
			</ul>
		</div><div class="clearer"></div>
	</div>
Aber vielleicht denke ich aufgrund mangelnder Erfahrung zu viel über Ecken. Würde mich deshalb freuen, eventuell andere Ansätze zu verfolgen.

PS: Andere Frage, gibt es vielleicht ein einfach gestricktes Template, auf welchem ich aufsetze und dann ergänze?
Der, die, das, wer, wie. was ... wer nicht fragt bleibt dumm. :D
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: Template-Dateien

Beitrag von Lehrling »

Hallo,
ZNC hat geschrieben:Um das machen zu können, muß ich wissen, welches Template wofür verwendet wird.
Welche Datei du gerade aufgerufen hast, ergibt sich ja schon größtenteils aus der URL. Wenn du diesen Beitrag liest, erscheint oben in der URL viewtopic.php?f=89&t=232007. Das ist zwar jetzt nicht die template-Datei an sich, aber die template-Dateien, die durch die viewtopic.php geladen werden, heißen in der Regel auch irgendwie etwas mit viewtopic, z.B. die viewtopic_body.html.

Wenn ich nicht genau weiß, welche Datei wofür ist, dann öffne ich eben auf Verdacht eine Datei, die es meiner Meinung nach sein könnte und schaue, was sie enthält. Wenn das übereinstimmt mit dem, was meine gewünschte Datei enthalten sollte, dann bin ich fündig geworden.
Ein kleines Beispiel zur Erläuterung. Im folgenden der Code der login_forum.html:

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->

<!-- IF FORUM_NAME --><h2><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></h2><!-- ENDIF -->

<form id="login_forum" method="post" action="{S_LOGIN_ACTION}">
{S_FORM_TOKEN}
<div class="panel">
	<div class="inner"><span class="corners-top"><span></span></span>

	<div class="content">
		<h2>{L_LOGIN}</h2>

		<p>{L_LOGIN_FORUM}</p>

		<fieldset class="fields1">
			<!-- IF LOGIN_ERROR -->
				<dl>
					<dt>&nbsp;</dt>
					<dd class="error">{LOGIN_ERROR}</dd>
				</dl>
			<!-- ENDIF -->

			<dl>
				<dt><label for="password">{L_PASSWORD}:</label></dt>
				<dd><input type="password" tabindex="1" id="password" name="password" size="25" class="inputbox narrow" /></dd>
			</dl>
			{S_LOGIN_REDIRECT}
			<dl>
				<dt>&nbsp;</dt>
				<dd>{S_HIDDEN_FIELDS}<input type="submit" name="login" id="login" class="button1" value="{L_LOGIN}" tabindex="2" /></dd>
			</dl>
		</fieldset>
	</div>

	<span class="corners-bottom"><span></span></span></div>
</div>

</form>

<!-- INCLUDE jumpbox.html -->
<!-- INCLUDE overall_footer.html -->
Daraus ergibt sich, dass zwischen dem Header und dem Footer erstens der Name des Unterforums oben stehen muss, und war als Überschrift, denn sie wird als <h2> ausgegeben. Dann muss irgendwo wieder als Überschrift Anmelden erscheinen (<h2>{L_LOGIN}</h2>) und dann muss noch ein Eingabefeld für das Passwort auftauchen. Wenn du also auf der Seite bist, die genau diese Elemente enthält, dann ist das die Seite login_forum.html. Anzumerken ist vielleicht noch, dass nicht jede template-Datei für eine einzelne Seite steht. Manche template-Dateien wie die jumpbox.html kommt nur in inkludierter Form vor.
Ich hoffe, ich konnte dir ein wenig helfen.
LG Beate
ZNC
Mitglied
Beiträge: 229
Registriert: 21.05.2014 13:48
Wohnort: Köln

Re: Template-Dateien

Beitrag von ZNC »

Nach der "try and error" Methode gehe ich ja schon vor und die Art und Weise der Templates hieß 1980 "Bausteinverarbeitung".

Ich bin ja von phpBB begeistert, insbesondere wenn ich es mit meinen Mühen mit Typo3 vergleiche, aber die Sache mit den Templates gibt sich nix von der Kompexität im Vergleich mit Typo her. Schade. Vermutlich ist dies der Grund, warum viele phpBB-Layouts sich gleichen.

Gibt es denn nicht ein einfacheres Layout, auf dem ich aufsetzen könnte?
Der, die, das, wer, wie. was ... wer nicht fragt bleibt dumm. :D
Gast234254
Gesperrt
Beiträge: 1999
Registriert: 08.02.2009 22:58

Re: Template-Dateien

Beitrag von Gast234254 »

phpBB3 Styles' files list (phpBB3 Styles Dateien Liste)

https://www.phpbb.com/kb/article/phpbb3 ... iles-list/
ZNC
Mitglied
Beiträge: 229
Registriert: 21.05.2014 13:48
Wohnort: Köln

Re: Template-Dateien

Beitrag von ZNC »

wintstar, herzlichen dank, genau sowas habe ich gesucht.
Der, die, das, wer, wie. was ... wer nicht fragt bleibt dumm. :D
ZNC
Mitglied
Beiträge: 229
Registriert: 21.05.2014 13:48
Wohnort: Köln

Re: Template-Dateien

Beitrag von ZNC »

Nachdem ich nunmehr um ein eigenes Style kämpfe und zusammen mit dem Link von wintstar etwas mehr Überblick bekommen habe, ist alles nach wie vor sehr kompliziert, deshalb wiederhole ich nochmal meine Frage:

Gibt es einen Style, der einfacher gestrickt ist?

Folgenden Stand möchte ich mit "Betroffenen" teilen:
Übersicht aller Foren:

Code: Alles auswählen

<!-- *** START: index_body *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: forumlist_body *** -->
		<!-- *** END: forumlist_body *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: index_body *** -->
Übersicht nur Foren einer Kategorie:

Code: Alles auswählen

<!-- *** START: viewforum_body *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: forumlist_body *** -->
		<!-- *** END: forumlist_body *** -->
		<!-- *** START: jumpbox *** -->
		<!-- *** END: jumpbox *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: viewforum_body *** -->
Übersicht Beiträge eines Forums:

Code: Alles auswählen

<!-- *** START: viewforum_body *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: jumpbox *** -->
		<!-- *** END: jumpbox *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: viewforum_body *** -->
Übersicht eines Threads mit mehreren Beiträgen mit hochgeladenen Bildern:

Code: Alles auswählen

<!-- *** START: viewtopic_body *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: attachment *** -->
		<!-- *** END: attachment *** -->
		<!-- *** START: attachment *** -->
		<!-- *** END: attachment *** -->
		<!-- *** START: jumpbox *** -->
		<!-- *** END: jumpbox *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
		</body>
</html>
<!-- *** END: viewtopic_body *** -->
Neues Thema erfassen:

Code: Alles auswählen

<!-- *** START: posting_body *** -->
<!-- *** START: posting_layout *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: posting_editor *** -->
			<!-- *** START: posting_buttons *** -->
			<!-- *** END: posting_buttons *** -->
		<!-- *** END: posting_editor *** -->
		<!-- *** START: posting_attach_body *** -->
		<!-- *** END: posting_attach_body *** -->
		<!-- *** START: posting_poll_body *** -->
		<!-- *** END: posting_poll_body *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: posting_layout *** -->
<!-- *** END: posting_body *** -->
Auf Beitrag antworten:

Code: Alles auswählen

<!-- *** START: posting_body *** -->
<!-- *** START: posting_layout *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: posting_editor *** -->
			<!-- *** START: posting_buttons *** -->
			<!-- *** END: posting_buttons *** -->
		<!-- *** END: posting_editor *** -->
		<!-- *** START: posting_attach_body *** -->
		<!-- *** END: posting_attach_body *** -->
		<!-- *** START: posting_topic_review *** -->
		<!-- *** END: posting_topic_review *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: posting_layout *** -->
<!-- *** END: posting_body *** -->
FAQ-Liste:

Code: Alles auswählen

<!-- *** START: faq_body *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: jumpbox *** -->
		<!-- *** END: jumpbox *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: faq_body *** -->
Mitgliederübersicht:

Code: Alles auswählen

<!-- *** START: memberlist_body *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: jumpbox *** -->
		<!-- *** END: jumpbox *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: memberlist_body *** -->
Persönlicher Bereich:

Code: Alles auswählen

<!-- *** START: ucp_main_front *** -->
<!-- *** START: ucp_header *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** END: ucp_header *** -->
		<!-- *** START: ucp_footer *** -->
			<!-- *** START: jumpbox *** -->
			<!-- *** END: jumpbox *** -->
			<!-- *** START: overall_footer *** -->
			<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: ucp_footer *** -->
<!-- *** END: ucp_main_front *** -->
Übersicht eigener Beiträge:

Code: Alles auswählen

<!-- *** START: search_results *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: jumpbox *** -->
		<!-- *** END: jumpbox *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: search_results *** -->
Erweiterete Suche:

Code: Alles auswählen

<!-- *** START: search_body *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: search_body *** -->
Das Team:

Code: Alles auswählen

<!-- *** START: memberlist_leaders *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: jumpbox *** -->
		<!-- *** END: jumpbox *** -->
		<!-- *** START: overall_footer *** -->
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: memberlist_leaders *** -->
Unbeantwortete Themen + Ungelesene Beiträge ...:

Code: Alles auswählen

<!-- *** START: search_results *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** START: jumpbox *** -->
		<!-- *** END: jumpbox *** -->
		<!-- *** START: overall_foote
		<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: search_results *** -->
Moderationsbereich:

Code: Alles auswählen

<!-- *** START: mcp_front *** -->
<!-- *** START: mcp_header *** -->
<html>
	<head>
		<!-- *** START: plugins_header *** -->
		<!-- *** END: plugins_header *** -->
	</head>
	<body>
		<!-- *** START: overall_header *** -->
		<!-- *** END: overall_header *** -->
		<!-- *** END: mcp_header *** -->
		<!-- *** START: mcp_footer *** -->
			<!-- *** START: overall_footer *** -->
			<!-- *** END: overall_footer *** -->
	</body>
</html>
<!-- *** END: mcp_footer *** -->
<!-- *** END: mcp_front *** -->
Der, die, das, wer, wie. was ... wer nicht fragt bleibt dumm. :D
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: Template-Dateien

Beitrag von Lehrling »

Hallo,
ZNC hat geschrieben:Gibt es einen Style, der einfacher gestrickt ist?
Meines Wissens nach nicht. Aber um deinem Forum einen individuellen Touch zu geben, musst du ja nicht sämtliche Dateien verändern. In der Regel reichen Veränderungen an der overall_header.html, der index_body.html, der viewforum_body.html und der viewtopic_body.html aus, um ein neues Design zu kreieren.
Meine Erfahrung mit dem Erstellen von Styles ist auch die, dass man ganz schnell in Teufels Küche geraten kann, wenn man Änderungen an Dateien vornimmt, weil sich dadurch an anderer Stelle plötzlich etwas verschieben kann und wenn man das dann korrigieren will, rutscht einem wieder irgendwoanders etwas weg etc. etc. etc.
Mein Tip: konzentriere dich auf die oben erwähnten Dateien und dann kannst du einen individuellen Style erstellen, ohne dich in Einzelheiten zu verlieren. Und, ganz wichtig, denk auch dran, dass du deinen Style mit jedem Update anpassen musst. Vor diesem Problem stehe ich nämlich grade und das artet irgendwie richtig in Arbeit aus.
LG Beate
ZNC
Mitglied
Beiträge: 229
Registriert: 21.05.2014 13:48
Wohnort: Köln

Re: Template-Dateien

Beitrag von ZNC »

Hallo Lehrling,

das Floaten der jeweiligen CSS-Selektoren hat es in sich. Verändere oder ergänze ich fliegt mir alles andere um die Ohren. Eigentlich müßte ich auch in den von Dir genannten Bereichen alles belassen wie es ist und genau das will ich nicht. Mir ist ein einfaches Style lieber.

Der Aufwand ist aber hoch, jedoch auf der anderen Seite glaube ich, daß ein Style, bei dem ich durchblicke, mir lieber ist, als einer, der auf etwas verwirrendem basiert und mir später wesentlich mehr Aufwendungen verursacht. Also werde ich voraussichtlich lieber in den sauren Apfel beißen - muß ich mir aber noch reiflich überlegen. Eventuell muß ich den Zeitpunkt meiner Aufwendungen abpassen, denn ich habe 3.0.12 im Einsatz, aber 3.1 wird kommen.

Puhh!
Danke!
Der, die, das, wer, wie. was ... wer nicht fragt bleibt dumm. :D
Antworten

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