phpBB.de

Verfasst: **12.03.2011 12:33**

Hallo,

ich bin schon seit längerem auf der Suche, wie ich den Style anpassen kann.
Das Forum läuft schon länger und bei der Installation konnte ich auch irgend wie einen Namen eingeben, aber
so richtig Ahnung habe ich sowieso keine. Ich bin schon froh, wenn ich ein Update hinbekomme.
Ich denke aber für Euch Profis sollte eine Hilfestellung kein Thema sein.

Hier ein Link zu den Ansichten:

http://www.first-generation.de/img/style.html

Oben, so wie es zur Zeit ist, unten, wie es in etwa werden soll.

Wie stelle ich das an?

Danke und Gruß

Markus

Verfasst: **12.03.2011 12:52**

Hi.

Im Prosilver-Style, dass der den du aktuell nutzt. Kannst du eine andere Header-Grafik definieren.
Vorher unbedingt ein backup aller Dateien anfertigen, die du ändern willst. Damit du im schlimmsten Fall schnell den Fehler beseitigen kannst.
Um das zu machen gehst du wie folgt vor:
Speicher in diesen Ordner deine neues Foren-Logo: forum\styles\prosilver\imageset
ÖFFNE: forum\styles\prosilver\imageset\imageset.cfg
SUCHE:

Code: Alles auswählen

img_site_logo = site_logo.gif*52*139

Dort änderst du dann nach dem "=" den Dateinamen um und passt die "*52*139" an dein neues Logo an.

Danach: ÖFFNE: forum\styles\prosilver\template\overall_header.html
SUCHE:

Code: Alles auswählen

<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

Dort fügst du dann nach

Code: Alles auswählen

<p>{SITE_DESCRIPTION}</p>

in einer neuen Zeile deinen Link zur Homepage ein, z.B. so:

Code: Alles auswählen

<a href="http://www.meinehomepage.de">Zur Homepage</a>

sieht dann so aus:

Code: Alles auswählen

<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
                                <a href="http://www.meinehomepage.de">Zur Homepage</a>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

Die restlichen Änderungen musst du in den CSS-Dateien vornehmen:
ÖFFNE: forum\styles\prosilver\theme\common.css
FINDE:

Code: Alles auswählen

#site-description {
	float: left;
	width: 70%;
}

#site-description h1 {
	margin-right: 0;
}

Danach fügst du dann die Änderungen der CSS-Datei ein, die deinen Text aus dem <p>-Element zentrieren, einfärben, deinen Link anordnen usw.
Kann z.B. so aussehen:

Code: Alles auswählen

/* Formatierung der Seiten_Beschreibung */
#site-description p {
color: #000;
font-size: 120%;
text-align: center;
}
/* Formatierung des Links unter der Seiten_Beschreibung */
#site-description a {
color: #000; 
font-weight: bold ;
}

usw.

Danach speicherst du alle Dateien ab, lädst sie auf deinen Webspace hoch (pass auf, dass die alten Dateien auch wirklich überschrieben werden) und aktualisierst das Template, das Theme und leerst den Foren-Cache. Eventuell musst du dann noch im Browser die Seite 1-2mal neuladen, damit die Änderungen sichtbar sind.

Alles klar?

Verfasst: **12.03.2011 13:28**

Wow, das sieht recht umfangreich aus.

Werde mich dann mal dran machen.

Erstmal vielen Dank.

Gruß Markus

Verfasst: **12.03.2011 14:15**

Wenn du dich mit HTML und CSS auskennst, dann ist das eigentlich kein Problem. Dann solltest du das relativ schnell hinbekommen.
Nützliche Infos zu CSS: http://fwpf-webdesign.de/css und zu HTML: http://fwpf-webdesign.de/xhtml

Gruß

Verfasst: **12.03.2011 14:23**

Hallo, ich habe jetzt die Änderungen laut Anweisung gemacht.

Der Link ist nun da aber die Grafik nicht.

Zur Zeit sind 4 spalten text:

1. www.First-Generation.de
2. Forum der Tanzgruppe First Generation
3. Hier geht es zur unserer Homepage
4. Zum Inhalt

Der Punkt drei ist nach den Änderungen erschienen. Leider fehlt das Logo von mir und
Die Zeilen 1,2 und 4 sollen bitte auch verschwinden.

Wie finde ich dass?

Zur Ansicht: www.first-generation.de/forum

Gruß und danke

Markus

Verfasst: **12.03.2011 14:27**

Hast du das Template, das Theme und die Grafiksammlung auch aktualisiert?

Wieso sollen denn die Zeilen verschwinden, auf dem Screenshot ist doch deutlich zu sehen, dass Zeile 3 und 4 in der Mitte sein sollen.

Verfasst: **12.03.2011 14:35**

Hallo,

also die Zeilen 1 und 4 sollen auf jeden Fall weg.

Die Zeilen 2 und 3 sollten dann in der Mitte stehen, dann brauche ich den Schriftzug nicht grafisch zu machen.
Aber die Grafik fehlt auch noch.

ZU:Hast du das Template, das Theme und die Grafiksammlung auch aktualisiert?

Ich habe den Forencache gelöscht und den Browsercache gelöscht, wie das andere geht ?

GRuß Markus

Verfasst: **12.03.2011 14:40**

dienheimer hat geschrieben:Ich habe den Forencache gelöscht und den Browsercache gelöscht, wie das andere geht ?

Admin-Kontrollzentrum --> oben in den Reitern: Styles --> Links in der Spalte: Style-Komponenten --> Template: aktualisieren; Themes: aktualisieren und Grafiksammlungen: aktualisieren.

Verfasst: **12.03.2011 14:48**

Ja cool, danke.

Ich habe auch die erste Zeile gefunden. War auch im Admin Bereich > Board einstellungen > Name des Boards.

Jetzt ist alles noch ein wenig verschoben, aber da werde ich mich mit der CSS Datei noch etwas beschäftigen.

Danke Vielmals.

Gruß Markus

phpBB.de

Style ändern

Style ändern

Re: Style ändern

Re: Style ändern

Re: Style ändern

Re: Style ändern

Re: Style ändern

Re: Style ändern

Re: Style ändern

Re: Style ändern