Seite 1 von 1

Design Anpassung der "Textblöcke" in Prosilver

Verfasst: 19.01.2011 19:27
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

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

Verfasst: 22.01.2011 22:55
von alekelpragh
Hat denn keiner einen Tipp?

Schade

Gruß Manu

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

Verfasst: 23.01.2011 11:26
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

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

Verfasst: 25.01.2011 07:30
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

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

Verfasst: 25.01.2011 20:51
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

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

Verfasst: 25.01.2011 21:57
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: