Seite 1 von 1

Überschriften ändern

Verfasst: 15.01.2015 08:45
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

Re: Überschriften ändern

Verfasst: 15.01.2015 15:27
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