Überschriften ändern

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.
Antworten
toddy
Mitglied
Beiträge: 291
Registriert: 08.11.2004 22:16
Wohnort: Bochum
Kontaktdaten:

Überschriften ändern

Beitrag von toddy »

Morgen PHPler,

kann mir jemand sagen, wie ich die Überschriften die ich ja im Adminbereich eingeben kann so ändern kann das sie
1. Größer sind

2. in der mitte stehen

ich finde die Datei dazu nicht.

Es geht um www.rc-car-freaks.de oben neben dem Bild
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 4917
Registriert: 08.06.2009 12:03
Kontaktdaten:

Re: Überschriften ändern

Beitrag von Talk19zehn »

Hi, zu 1:

common.css

Code: Alles auswählen

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}
ändere font-size: 2em;. Das Absatzelement kannst du bspw. "abweichend hardcodieren": overall_header.html

Code: Alles auswählen

<p>{SITE_DESCRIPTION}</p>
-->Idee -->

Code: Alles auswählen

<p style="font-size:1.8em;">{SITE_DESCRIPTION}</p>
Achte dabei bitte auf die responsive Ausgabe (je nach Auflösung).


Zu 2:
Meines Erachtens müsste man das "Boxmodell" neu berechnen ... :oops: Das ist ein ziemlich hoher Aufwand. Der folgende Ansatz führt meiner Meinung nach leider auch nicht zum Ziel: https://www.phpbb.com/community/viewtop ... #p13785096
Wenn du damit leben kannst, baue um, ändere diese Bereiche ggf. gänzlich - unfertige Idee (!), nur Fireburg entnommen:

overall_header.html
suche darin:

Code: Alles auswählen

<div class="headerbar">
füge davor ein und passe ggf. noch an:

Code: Alles auswählen

		<div style="text-align: center; font-weight: bolder; font-size: 120%;">
			<p>{SITENAME}</p>
			<p>{SITE_DESCRIPTION}</p>
			<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
		</div>
Im nächsten Schritt suche:

Code: Alles auswählen

			<div id="site-description">
				<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
und lösche darin <h1>{SITENAME}</h1>,
<p>{SITE_DESCRIPTION}</p>,
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>

BTW: Deine Logogröße passe evtl. noch in der imageset.css an: Anstelle der Breite von 149px bzw. Höhe von 52px im Standard ändere bei Bedarf.

Code: Alles auswählen

.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 150px;
	padding-top: 150px;
}
Wobei das derzeitige tatsächliche Maß von 150x150px den Headerbereich unter Berücksichtigung o.g. Ideen und Änderungen ziemlich "aufbläht". Somit hast du jedoch auch eine Chance auf Änderung deines Logos zu einer optimaleren Breite, da dir ausreichend Platz zur Verfügung stünde. Von Fall zu Fall..... :wink: Vielleicht hat ja noch jemand einen Ansatz zu dem Boxmodell im Ärmel.

Grüße
Beste Grüße
phpBB3 Designs: Stylearea Ongray-Designs
Antworten

Zurück zu „Styles, Templates und Grafiken“