Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» Registrierung defekt
von cybercrash Gestern um 22:49

» [phpBB2] index_box.tpl & Avatare verstecken
von Dr.Keks Gestern um 22:40

» [phpBB2] Avatare für Gäste unsichtbar
von Dr.Keks Gestern um 22:37

» Admin Email Ändern
von Bigtuber Gestern um 17:05

» Sternzeichen Wassermann endet am falschen Datum / Fische beginnt zu früh
von VampirinJayna Gestern um 14:22

» [phpBB3] Smilies können nicht neu erstellt werden
von Coffy Gestern um 6:13

» [Mitteilung] ModernBB - Eine neue Foren-Version für Forumieren-Foren
von chamutv Di 28 März 2017 - 20:43

» [phpBB3] [phpBB3] Forum nicht sicher
von Bigtuber Di 28 März 2017 - 17:43

» Passwort vergessen
von Bigtuber Di 28 März 2017 - 14:58

» [#9357]-[phpBB2] Registrierung funktioniert nicht
von amti Di 28 März 2017 - 14:17

» [Sammelthread] Unangebrachte Werbung
von Marcel´s Schnatterbude Mo 27 März 2017 - 9:46

» Admin Passwort vergessen
von ABC-Man Mo 27 März 2017 - 9:01

» Kalender
von Bigtuber So 26 März 2017 - 18:04

» Gifs einfügen
von Bigtuber So 26 März 2017 - 14:58

» Warrior Cats - NordClans
von Eislicht So 26 März 2017 - 0:28

» Gründeraccount Passwort vergessen
von Eozaen Sa 25 März 2017 - 20:02

www.forumieren.de

[phpBB2] Ecken der Statusanzeige bei Postfach (PN) abrunden

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Ecken der Statusanzeige bei Postfach (PN) abrunden

Beitrag von Wolfsgesang am So 5 Jan 2014 - 23:33

Hi,
ich bins schon wieder. Diesmal habe ich ein Problem mit ecken. Ich möchte diese Ecken abrunden, da sie über den Rand gehen:



Ich habe zu diesen Ecken nichts passendes gefunden und hoffe, dass jemand mir helfen kann.

LG


Zuletzt von Wolfsgesang am Mo 6 Jan 2014 - 23:29 bearbeitet; insgesamt 1-mal bearbeitet
avatar
Wolfsgesang
Neuling
Neuling

Beiträge : 41
Anmeldedatum : 15.07.13
keine
Internet Explorer / Edge phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Ecken der Statusanzeige bei Postfach (PN) abrunden

Beitrag von #Frank am Mo 6 Jan 2014 - 14:55

Da hast du ein Problem, das sich aber auch auf andere Bereiche im Forum Auswirkungen hat.
Du hast ja diesen CSS Code eingesetzt:
Code:
.bodyline {
    border: 2px dotted #FFFFFF;
    border-radius: 20px;
Damit hast du ja deinen Rahmen gesetzt.
Diese Anzeige die du hier zeigst, ist nun aber auch eine Tabelle mit der Class bodyline. In dieser Tabelle befinden sich Zellen mit der Class row1.
All diese Elemente sind nun aber auch an anderen Stellen im Forum vorhanden.

Um nur diese Anzeige zu verändern, müssen wir einiges machen.

1. Template unter "Posten & Private Nachrichten" privmsgs_body bearbeiten.
Diesen Abschnitt (Zeile 18 - 38) suchen:
Code:
           <!-- BEGIN switch_box_size_notice -->
            <table class="bodyline" width="250" border="0" cellspacing="1" cellpadding="0">
                <tr>
                    <td class="row1" colspan="3" nowrap="nowrap" width="250"><span class="gensmall">{BOX_SIZE_STATUS}</span></td>
                </tr>
                <tr>
                    <td class="row2" colspan="3" width="250">
                        <table border="0" cellspacing="0" cellpadding="1">
                            <tr>
                                <td class="pourcentback"><img src="{PATH_IMG_FA}empty.gif" alt="{INBOX_LIMIT_PERCENT}" height="8" width="{INBOX_LIMIT_IMG_WIDTH}" /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td class="row1" width="33%"><span class="gensmall">0%</span></td>
                    <td class="row1" align="center" width="34%"><span class="gensmall">50%</span></td>
                    <td class="row1" align="right" width="33%"><span class="gensmall">100%</span></td>
                </tr>
            </table>
            <!-- END switch_box_size_notice -->
Diesen bitte mit diesem Abschnitt ersetzen:
Code:
           <!-- BEGIN switch_box_size_notice -->
            <table class="bodyline_post" width="250" border="0" cellspacing="1" cellpadding="0">
                <tr>
                    <td class="row1_post" colspan="3" nowrap="nowrap" width="250"><span class="gensmall">{BOX_SIZE_STATUS}</span></td>
                </tr>
                <tr>
                    <td class="row2_post" colspan="3" width="250">
                        <table border="0" cellspacing="0" cellpadding="1">
                            <tr>
                                <td class="pourcentback"><img src="{PATH_IMG_FA}empty.gif" alt="{INBOX_LIMIT_PERCENT}" height="8" width="{INBOX_LIMIT_IMG_WIDTH}" /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td class="row3_post" width="33%"><span class="gensmall">0%</span></td>
                    <td class="row4_post" align="center" width="34%"><span class="gensmall">50%</span></td>
                    <td class="row5_post" align="right" width="33%"><span class="gensmall">100%</span></td>
                </tr>
            </table>
            <!-- END switch_box_size_notice -->
das Template absenden und veröffentlichen.

2. In deinem CSS diesen Bereich Formatieren!
Bitte diese Codes einsetzen:
Code:
/* Anpassung der Statusanzeige im PN Bereich Beginn */
.row1_post, .row2_post, .row3_post, .row4_post, .row5_post {
    background-color: #FF6600;
}
.bodyline_post {
    border: medium dotted #FFFFFF;
    border-radius: 10px;
}
.row1_post {
    border-radius: 10px 10px 0 0;
}
.row3_post {
    border-radius: 0 0 0 10px;
}
.row5_post {
    border-radius: 0 0 10px;
}
/* Anpassung der Statusanzeige im PN Bereich Ende */

Das Ergebnis sieht nun so aus:


Was haben wir nun gemacht?
Mit der Templateänderung von oben haben wir der Anzeige neue Classen zugewiesen.
Der gesamten Tabelle haben wir nun die Class "bodyline_post" zugewiesen, damit wir diese nun getrennt ansprechen können.
Allen fünf in der Tabelle enthaltenen Zellen haben wir eine enthaltenden jeweils eine row Class zugeordnet (row1_post bis row_5_post).
Das wurde notwendig, um auch jeder der Zellen ihren Rahmen zuzuordnen.
Du kannst nun diese Tabelle in jeder Zelle auch noch andere Farben im Hintergrund und auch in der Schriftfarbe zuweisen.
Die Schriftfarbe der einzelnen Zellen kannst du so mit diesem Code ändern:
Code:
.row1_post .gensmall, .row2_post .gensmall, .row3_post .gensmall, .row4_post .gensmall, .row5_post .gensmall {
    color: #ffffff;
}
Das weist allen Schriften die selbe Farbe zu.
Du kannst diese aber auch einzeln ansprechen und hier jeder Zelle eine andere Schriftfarbe zuordnen.
Das selbe gilt auch für die Zellen die du mit dem Code von oben ansprichst:
Code:
.row1_post, .row2_post, .row3_post, .row4_post, .row5_post {
    background-color: #FF6600;
}
Die Farben musst du natürlich noch an dein Forum anpassen.
Ich würde dir empfehlen den Radius nicht größer als 10 PX zu wählen, weil es sonnst nicht mehr ganz passt.
Ich hoffe, das du damit diese Anzeige genau deinen Vorstellungen anpassen kannst.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Ecken der Statusanzeige bei Postfach (PN) abrunden

Beitrag von Wolfsgesang am Mo 6 Jan 2014 - 23:30

Vielen, vielen dank! Es hat perfekt funktioniert!
avatar
Wolfsgesang
Neuling
Neuling

Beiträge : 41
Anmeldedatum : 15.07.13
keine
Internet Explorer / Edge phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten