Page 1 of 1
Header zu den einzelnen Boxen hinzufügen
Posted: 17. May 2009 13:44
by Version2
Deine Portal Version: 1.0.3
Typ Deines phpBB Forums: Standard phpBB3
MODs installiert: Nein
Dein Wissensstand: Grundwissen
Was hast Du gemacht, bevor das Problem aufgetreten ist?
-
Was hast Du bereits versucht um das Problem zu lösen?
-
Fehlerbeschreibung und Nachricht
Hallo,
ich habe euer Portal installier,t bin auch eigentlich zufrieden, hedoch würde ich gerne etwas ändern, wie folgt:
Also ich habe beim Portal ja die einzelnen Boxen, jedoch würe ich gerne die Boxen umrahmen, also wie bei der Foren-Übersicht (prosilver)
würde ich gerne die Box haben, und darum halt diese Umrahmung.
Hier ein Bild wie es aussehen sollte (hab jetzt einfach eine Schrift genommen:)
Ich habe dies schon in vielen Foren mit eurem Portal gesehen, deshalb denke ich dass das nicht so schwer ist ?!
Cheers,
V2
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 17. May 2009 17:21
by Mike
Welchen Style benutzt du, und welche Portalversion?
Und dann wäre ein Link zu deinem Board nicht ganz verkehrt.
Falls das Bild von deinem Board ist, dann hast du außerdem noch ein Problem mit dem Menü. Entweder ist die portal.css nicht richtig in die stylesheet.css eingebunden, oder du hast anschließend nicht alle caches geleert.
Aber für dein eigentliches Anliegen, benötigen wir erstmal diese oben genannten Angaben.
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 17. May 2009 21:31
by Version2
Also:
Portalversion: v1.0.3
Style: von Pixelraider (im Netz gefunden), geändert, auf prosilver basierend
Link: LINK
Cheers,
V2
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 17. May 2009 21:39
by Mike
OK... Du kannst mal folgendes versuchen.
Mach eine Sicherung von
/styles/blueSilver/template/portal/_block_config.html
Dannach öffnest du sie und ersetzt ihren Inhalt durch den folgenden:
Code: Select all
<!--version $Id: _block_config.html 479 2009-03-15 11:19:27Z kevin74 $ //-->
<!-- Config for the left and right blocks //-->
<!-- DEFINE $LR_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</dt></dl></li></ul><ul class="topiclist forums"><li><dl><dd style="border-left: 0px; width: 100%;"><div style="text-align: left; margin: 5px 5px 5px 5px">' -->
<!-- DEFINE $LR_BLOCK_F_L = '</div></dd></dl></li></ul>' -->
<!-- DEFINE $LR_BLOCK_F_R = '<span class="corners-bottom"><span></span></span></div></div><br style="clear:both" />' -->
<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header">' -->
<!-- DEFINE $C_BLOCK_H_R = '</li></ul>' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '<span class="corners-bottom"><span></span></span></div></div><br style="clear:both" />' -->
<!-- Images-URL //-->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 18. May 2009 16:46
by Version2
Danke
Es funktioniert !!
Wäre es möglich den Titel der Box in die Mitte zu rücken ?
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 23. May 2009 12:47
by Version2
Hallo, wäre es möglich den Titel/die Überschrift der Box in die Mitte zurücken, wie bei "Letzte Bekanntmachung" ?
Ich habe es versucht, leider ohne Erfolg ?!
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 24. May 2009 23:49
by Mike
Die linken und rechten Blöcke werden inclusive der icons ausgerichtet. Wenn du die zentriert haben willst werden auch die icons davor angezeigt was irgendwie dümmlich aussehen würde...
Die mittleren Blöcke haben ein anderes Problem. Die Klasse für die Überschriften hat eine Breite von 50 % weil im Forum daneben noch andere Informationen stehen. Wenn man die nun in der css auf 100% verbreitert, dann versaut man sich damit das gesamte Forum... Um das zu zentrieren müsstest du also eine extra Klasse in der css anlegen, und diese dann in jedem einzelnen Block ändern. Wir nutzen halt den Standart wie im Forum auch, damit es ein einheitliches Bild ergibt. Damit ist es leider recht kompliziert... Wenn sich der Aufwand für dich lohnt, dann sag nochmal bescheid, andernfalls lass es linksbündig
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 25. May 2009 11:50
by Version2
Danke für die Antwort
Ich merke gerade, ich habe mich in der Frage falsch asgedrückt
Entschuldigung ...
ich wollte versuchen den Titel [Edit:] horizontal in der Mitte zu zentireren ... ungefähr so:
Dies habe ich wie oben schon gesagt, jedoch leider nur mit Misserfolg.
Ist dies überhaupt möglich ?
Wenn ja, schonmal vorweg, der Aufwand würde sich für mich lohnen
Cheers,
V2
Ich weiß, es ist purer Feinschliff, aber trozdem
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 25. May 2009 12:36
by Mike
Jetzt komm ich garnicht mehr klar... Du willst das vertikal (also senkrecht) mittig ausrichten? Das auf dem Bild ist aber Linksbündig, oder habe ich schon so kaputte Augen?
EDIT: Jetzt hats Klick gemacht. Du willst das also
horizontal mittig ausrichten?
Das Problem ist, das die Icons zusammen mit der Schrift ausgerichtet werden. Und da die Icons höher sind als die Schrift, wird die Schrift immer etwas tiefer dargestellt weil sie unten mit den Icons bündig ist.
Das was du jetzt willst würde bedeuten, das man für die Icons und die Überschrift daneben jeweils einen separaten Container mit eigener Ausrichtung anlegt. Das muss man wieder in jedem Blocktemplate machen, den du im Board anzeigen lässt. Ist also möglich, nicht jedoch ohne den entsprechenden Aufwand.
Wieviele seitliche Blöcke sehen denn deine angemeldeten User? Auch nur den einen?
EDIT2: einfacher wäre es wahrscheinlich einfach die Icons aus dem Blöcken zu löschen. Dann kannst du wenigstens die Schrift ausrichten, ohne in jedem Block noch zusätzliche Container anlegen zu müssen..
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 25. May 2009 14:15
by Version2
Danke für die Antwort
Entschuldigung, mit horizontal - vertikal war ein Denkfehler von mir
Ja, ich würde mir die Mühe machen und jeweils die Container zu machen.
Es wäre dann nur bei dem Benuter-Menü und eigenen Block nötig, denn mehr waren in meiner verwendung nicht vorgesehen.
Mit welcher Datei müsste ich anfangen
... ?
Cheers,
V2
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 25. May 2009 16:50
by Mike
Und welche der zwei Varianten willst du nun? Mit Icon, oder ohne? (ohne macht weniger Arbeit
)
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 25. May 2009 17:29
by Version2
Ich nehme die mit Icons
Cheers,
V2
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 26. May 2009 19:29
by Mike
Hab mal schnell was probiert... Könntest du zur Not auch
damit leben? Wenn nicht, dann hab ich schon die Änderung für die Blöcke hier...
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 26. May 2009 20:09
by Version2
Entschuldigung, jedoch sehe ich grad keinen Unterschied (also zwichen meinem Vorschlag/Wunsch und dem,w as auf deinem Testboard zu sehen ist ....)
Ah, ähm, könnte es sein dass die Header-Boxen breiter sind, und dass so dann die Schrift + Icons in der mitte zentriert sind ?
Wenn ich Recht habe, das würde auch gehen, kein Problem.
Re: Header zu den einzelnen Boxen hinzufügen
Posted: 26. May 2009 20:29
by Mike
Also... das Problem daran ist, das die Icons jetzt nicht horizontal mittig ausgerichtet sind, sondern höher stehen. Bei deinem Vorschlag steht der Text hinter dem Icon also praktisch höher als das Icon selbst, damit beides in der Mitte ausgerichtet werden kann. Das ist aber leider nicht mit der Config alleine machbar, und auch nicht vorgesehen... da bist du der erste der dannach fragt
Ich hab jetzt einfach den Header der Blöcke unterhalb der Überschrift etwas höher gemacht, damit die Schrift optisch etwas mehr in die horizontale Mitte rutscht. Wenn du das so ok findest dann öffne mal deine Config und suche folgende Zeile: (ist gleich die erste def.)
Code: Select all
<!-- DEFINE $LR_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;">' -->
suche darin nach:
und ändere das auf
Wenn du dann trotzdem noch die Icons tiefer haben willst, dann musst du in den Blöcken bei den img Tags noch nen style attribut hinzufügen. Wenns nicht zu viele Blöcke sind, kannst du dir die Arbeit machen, sieht sicher dann auch nicht schlecht aus...
Damit wird dann auch der Header insgesamt wieder etwas schmäler und alles ist ziemlich genau horizontal mittig ausgerichtet.
einfach den entsprechenden Block öffnen und die Zeile mit dem Icon un der Überschrift suchen.
In den IMG Tag fügst du nun folgendes ein:
das müsste dann in etwa so aussehen:
Code: Select all
<img src="{T_THEME_PATH}/images/portal/portal_donation.png" width="16px" height="16px" alt="" style="margin-bottom: -4px;"/>