Lexi Help
Die neuesten Themen
» [Update] Neues Theme der mobilen Version V2
von Tierfreund-97 Gestern um 23:14

» Mobile Ansicht leider Fehlerhaft
von Br0adsw0rd Gestern um 19:31

» [phpBB2] Hintergrund festpinnen
von Fayé Gestern um 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Do 29 Sep 2016 - 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

Partner
free forum

[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

Wolfsgesang
Neuling
Neuling

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

Nutzerprofil 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!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil 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!

Wolfsgesang
Neuling
Neuling

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

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten