Design Anpassung der "Textblöcke" in Prosilver

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.
Antworten
alekelpragh
Mitglied
Beiträge: 5
Registriert: 19.01.2011 18:51

Design Anpassung der "Textblöcke" in Prosilver

Beitrag von alekelpragh »

Hallo zusammen,

ich bin gerade dabei das Design von Prosylver anzupassen. Mir reichen die vorhandenen Möglichkeiten zum anpassen der Farben etc bei weitem nicht.
Ich bin Hobbygrafiker und stelle mir selber ein voll grafisch designtes Layout vor. Ich kann euer stöhnen hören: "Och ne... nicht wieder so einer ohne Ahnung"

Vorab: Ich habe sehr oft die SuFu genutzt und etlicher dieser Freds gelesen, wo Leute es lieber bleiben lassen sollten :D
Mich unterscheidet, dass ich Informatik als Leistungsfach hatte (programmierten damals mit Java) und micht selbst in HTML und für phpbb auch in CSS eingearbeitet habe.
Nicht das ich eine Sprache davon behersche... aber ich verstehe wie sie funktioniert und kann sie mit Hilfe von Referenzseiten auch lesen.

Nach dem ich jetzt also seit Tagen versuche die richtigen Stellen zu bearbeiten, hoffe ich jetzt auf eine Idee von euch.

---------------------------------------

Das soll es mal werden (Erklärung weiter unten):

.content-main {
background-image:url(Images/mainframe-bg.gif);
margin:100px;
}
.content-ecke-linksoben {
background-image: url(Images/ecke-links-oben.png);
background-repeat:no-repeat;
width:43px;
height:48px;
}
.content-ecke-rechtsoben {
background-image: url(Images/ecke-rechts-oben.png);
background-repeat:no-repeat;
width:43px;
height:48px;
}
.content-rand-oben {
background-image: url(Images/rand-oben.png);
height:48px;
}
.content-rand-links {
background-image: url(Images/linker-rand.png);
width:43px;
vertical-align: bottom;
}
.content-ecke-linksunten {
background-image: url(Images/ecke-links-unten.png);
background-repeat:no-repeat;
width:43px;
height:35px;
}
.content-ecke-rechtsunten {
background-image: url(Images/ecke-rechts-unten.png);
background-repeat:no-repeat;
width:43px;
height:35px;
}
.content-rand-unten {
background-image: url(Images/rand-unten.png);
height:35px;
margin-top:-35px;
}
.content-rand-rechts {
background-image: url(Images/rechter-rand.png);
width:43px;
vertical-align: bottom;
}


<div class="content-main">
---<table width="100%" border="0" cellpadding="0" cellspacing="0">
------<tr>
---------<td class="content-ecke-linksoben"></td>
---------<td style="text-align:center" class="content-rand-oben">

Forumtitelleiste

---------<td class="content-ecke-rechtsoben"></td>
------</tr>
------<tr>
---------<td class="content-rand-links">
------------<div class="content-ecke-linksunten"></div>
---------</td>
---------<td>
------------<div>

Foruminhalt

------------</div>
------------<div class="content-rand-unten"></div>
---------</td>
---------<td class="content-rand-rechts"><div class="content-ecke-rechtsunten"></div></td>
------</tr>
---</table>
</div>


Erklärung:
Dies ist meine Vorlage (der Soll-Zustand) der Blöcke.
Das Design erfordert es, dass mehrere Grafiken teiltransparent übereinander liegen, um sich der Bildschirm-/Block-/Textgröße anzupassen.
Also wundert euch nicht über die zum Teil etwas wirre Strucktur.
Der Code oben erfüllt auch voll meine Erwartung und wartet jetzt nur noch darauf in das ProSylver eingebettet zu werden. Doch hier ist das Problem!

Ich befinde mich also zb in der forumlist_body.html
Ich möchte jetzt eigentlich nichts weiter als:

"Forumtitelleiste" durch {forumrow.FORUM_NAME} {L_FORUM}{L_TOPICS}{L_POSTS}{L_LAST_POST}
und
"Foruminhalt" durch {xxx der Inhalt eben}

ersetzen. Natürlich aber mit den tollen Funktionen des Prosylver (die ganzen IF-Abfragen etc)

Aber ich schaffe es nichteinmal die originalen Blöcke zu entfernen, ohne das sich das gesamte Layout von ProSylver verschiebt.
Aus Hoffnungslosigkeit habe ich sogar einfach mal versucht die originalen Blöcke, komplett, in meinen Block quasi reinzustellen.
Aber dann verwendet er einen Teil meines Blocks für die gesamte Seite (ab Header). Also auch für den Inhalt der overall_footer.html. Obwohl ich die nichtmal geöffnet habe.
Scheinbar steckt da irgendwo noch eine Beziehung zwischen den Files. Irgend etwas wird wohl erst in späteren Dateien geschlossen und ich sehs einfach nicht.

Und warum verwendet die Scriptsprache der IFs bitte den Syntax für Kommentar???? Was soll denn das???? Wie soll man denn da noch für später den Code Kommentieren????

Naja ihr merkt ich bin frustiert. Guten Mutes freue ich mich auf jede Antwort. Danke schonmal für eure Hilfe

Grüße Manu
alekelpragh
Mitglied
Beiträge: 5
Registriert: 19.01.2011 18:51

Re: Design Anpassung der "Textblöcke" in Prosilver

Beitrag von alekelpragh »

Hat denn keiner einen Tipp?

Schade

Gruß Manu
Benutzeravatar
Würzi
Ehemaliges Teammitglied
Beiträge: 3187
Registriert: 30.10.2005 02:51
Wohnort: Niedernberg
Kontaktdaten:

Re: Design Anpassung der "Textblöcke" in Prosilver

Beitrag von Würzi »

Moin,

ich hatte deinen Beitrag gelesen, aber nicht so richtig verstanden, was du genau vorhast. :-?
Grafische Gestaltung sozusagen... :-?

Ich glaube da wirst du dich selber durchkämpfen müssen, weil nur du weisst, wie es am Ende aussehen soll.
Mein Vorschlag wäre lediglich, daß du dir ein Style runterlädst daß in etwa deinen grafischen Vorstellungen entspricht und du dann dies als Vergleichsobjekt her nimmst wie das in der forumlist_body.html aussehen müsste/könnte.

Mfg dat Wuerzi
Kein Support per PN, dafür ist das Forum da! Eine PN hilft einen, ein öffentlicher Beitrag allen. - Styles für phpbb3
alekelpragh
Mitglied
Beiträge: 5
Registriert: 19.01.2011 18:51

Re: Design Anpassung der "Textblöcke" in Prosilver

Beitrag von alekelpragh »

Stimmt. Ist wahrscheinlich schwer sich da reinzudenken. Ich hatte nur gehofft, dass genau dies so oder ähnlich schonmal gemacht hat.
Gibt es überthaupt grafisch aufwendige styles?
Ich werds mal probieren.

Dank dir, gruß Manu
Benutzeravatar
Würzi
Ehemaliges Teammitglied
Beiträge: 3187
Registriert: 30.10.2005 02:51
Wohnort: Niedernberg
Kontaktdaten:

Re: Design Anpassung der "Textblöcke" in Prosilver

Beitrag von Würzi »

alekelpragh hat geschrieben:Ich hatte nur gehofft, dass genau dies so oder ähnlich schonmal gemacht hat.
Eventuell habe ich das ja... :roll:
alekelpragh hat geschrieben:Gibt es überthaupt grafisch aufwendige styles?
Wenn du dir nicht mal die Mühe machst dich hier im Forum ein bisschen umzuschauen, dann wird das nie was werden! :o
Kein Support per PN, dafür ist das Forum da! Eine PN hilft einen, ein öffentlicher Beitrag allen. - Styles für phpbb3
Benutzeravatar
archivar
Mitglied
Beiträge: 572
Registriert: 07.08.2008 08:25
Wohnort: Deutschland

Re: Design Anpassung der "Textblöcke" in Prosilver

Beitrag von archivar »

alekelpragh hat geschrieben: Gibt es überthaupt grafisch aufwendige styles?
Hallo,
ja Die gibt es und das reichlich.
Schau mal hier: Styles für phpbb3 :wink:
V. G. archivar
Antworten

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