Header zu den einzelnen Boxen hinzufügen

[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

[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.

[Version2]

Also:

Portalversion: v1.0.3

Style: von Pixelraider (im Netz gefunden), geändert, auf prosilver basierend

Link: LINK



Cheers,
V2

[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' -->

[Version2]

Danke Es funktioniert !!

Wäre es möglich den Titel der Box in die Mitte zu rücken ?

[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 ?!

[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

[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

[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..

[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

[Mike]

Und welche der zwei Varianten willst du nun? Mit Icon, oder ohne? (ohne macht weniger Arbeit )

[Version2]

Ich nehme die mit Icons

Cheers,
V2

[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...

[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.

[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:

Code: Select all

margin-bottom: 0px

und ändere das auf

Code: Select all

margin-bottom: 5px

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:

Code: Select all

style="margin-bottom: -4px;"

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;"/>