*** WOW Style - Wrath of the Lichking ***

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.

Gefällt euch der Style?

Ja, klasse!
5
56%
Nein, nicht mein Fall...
4
44%
 
Insgesamt abgegebene Stimmen: 9

janwagner
Mitglied
Beiträge: 18
Registriert: 13.09.2008 19:21
Wohnort: AccountKiller
Kontaktdaten:

*** WOW Style - Wrath of the Lichking ***

Beitrag von janwagner »

Ich habe für unseren WOW-Raid eine Webiste umgesetzt und einen passenden phpbb3 Style erstellt. Es ist ein angepasstes ProSilver.
Würde gerne mal ein paar Meinungen dazu haben und Ratschläge für eventuelle Verbesserungen.

Hier der Link zur Website: Wrynns Rasselbande

Und hier is das Bild vom Forum: (335 kb)
[ externes Bild ]
Zuletzt geändert von janwagner am 14.09.2008 11:19, insgesamt 4-mal geändert.
Benutzeravatar
Metzle
Ehemaliges Teammitglied
Beiträge: 10435
Registriert: 08.03.2008 02:50
Wohnort: Waiblingen-Neustadt
Kontaktdaten:

Beitrag von Metzle »

Du hast zu große Bilder in deinen Beitrag eingebunden, was das Thema unübersichtlich macht. Es wäre besser die Bilder stattdessen lediglich zu verlinken - siehe auch Grösse von Avataren und Bildern.

Bitte lies Dir den phpBB.de-Knigge und den Hinweis zur Fragestellung und Rechtschreibung durch und beachte diese zukünftig.
janwagner
Mitglied
Beiträge: 18
Registriert: 13.09.2008 19:21
Wohnort: AccountKiller
Kontaktdaten:

Beitrag von janwagner »

Habs mal umgeändert, denke nun hab ich die Regeln eingehalten.
Sorry nochmal
Valaina
Mitglied
Beiträge: 19
Registriert: 12.09.2008 21:23

Beitrag von Valaina »

Das Design ist ja mal der Hammer. Würde so mein Forum auch mal gerne machen. :)

Hab aber leider nur Probleme damit. :D

Aber eig. gibt es bei dir nichts was noch verbessert werden könnte. Vllt. nur die Foren Balken. Also Grafiken dafür erstellen. Obwohl das so schon sehr gut aus sieht. :wink:

mfg
Valaina

P.S: Könntest du mir mal erklären wie du das Design so hin bekommen hast?
janwagner
Mitglied
Beiträge: 18
Registriert: 13.09.2008 19:21
Wohnort: AccountKiller
Kontaktdaten:

Beitrag von janwagner »

Oh danke, das klingt ja sehr nett :)

Also das ist nicht so schwer gewesen. Hinter dem eigentlichen Content-Element liegt nun noch ein weiterer Div, welcher den oberen Teil der Backgroundgrafik enthält. Nach unten hin wiederholt sich die ganz normale BG-Grafik, welche ca. 150px hoch und so erstellt ist, dass sie sich kacheln lässt. Ansonsten nur ein paar Grafiken getauscht und paddings angepasst.

Den Header hab ich aus dem einfachen LK-Bild erstellt, welches man zahlreich im Netz findet.
Zuletzt geändert von janwagner am 14.09.2008 10:18, insgesamt 1-mal geändert.
Valaina
Mitglied
Beiträge: 19
Registriert: 12.09.2008 21:23

Beitrag von Valaina »

:D Ich habe jetzt nur Bahnhof verstanden. könntest du mich adden? Bei ICQ oder so?
janwagner
Mitglied
Beiträge: 18
Registriert: 13.09.2008 19:21
Wohnort: AccountKiller
Kontaktdaten:

Beitrag von janwagner »

Nutze leider keine Messenger-Tools.
Hast du wirklich nichts von dem ganzen verstanden? Ich glaube, dann wird es schwer für mich dir das so übers Netz zu erklären. Wie umfangreich sind denn deine CSS-Künste?
Valaina
Mitglied
Beiträge: 19
Registriert: 12.09.2008 21:23

Beitrag von Valaina »

Mit CSS kenn ich mich eig. garnicht aus. Hatte vorher auch nur ein WBB Forum das habe ich ja noch verstanden. Aber hier blick ich einfach nicht durch.^^

Kann eigentlich nur Homepages erstellen. Also dafür die Codes per PHP schreiben.

^^ Hier mal meine Seite. Da zeigt sich auch gleich mein Problemm.
http://dungeonsiegefire.du.funpic.de/forum/

SOLL KEINE WERBUNG FÜR MICH JETZT SEIN. KANN DIE URL AUCH WIEDER LÖSCHEN!!
janwagner
Mitglied
Beiträge: 18
Registriert: 13.09.2008 19:21
Wohnort: AccountKiller
Kontaktdaten:

Beitrag von janwagner »

ok, ich verstehe nun was du meinst.

sind quasi 3 schritte die du machen musst.


1. in der common.css den #wrap anpassen:

#wrap {
position:absolute;
margin:250px 0px 0px -428px;
width:856px;
left:50%;
font-size:1.1em;
line-height:1.4em;
}

2. im overall_header template das hier direkt über dem <div id="wrap"> einfügen. sieht dann so aus:

<div id="background_image"></div>
<div id="wrap">

3. in der common.css noch einen eintrag machen:

#background_image {
position:absolute;
margin:0px 0px 0px -625px;
left:50%;
width:1250px;
height:750px;
background:url("{T_THEME_PATH}/DEIN-STYLE/background_image.jpg") top center no-repeat;
}


Dein BG-Bild sollte die Abmaße 1250x750 haben, ansonsten anpassen



hoffe das hilft
Valaina
Mitglied
Beiträge: 19
Registriert: 12.09.2008 21:23

Beitrag von Valaina »

Die ersten zwei Schritte habe ich nun gemacht. Aber Schritt drei kapier ich nicht. Die Code stelle gibt es nicht in Common.css. Kann es sein das du Color.css meinst?
Antworten

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