[3.2] Problem im Style Modern mit dem Badge in Navbar(erledigt)

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.1/3.2, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 999
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

[3.2] Problem im Style Modern mit dem Badge in Navbar(erledigt)

Beitragvon Tastenplayer » 27.12.2017 21:37

Hallo

Ich habe da mit dem Style Modern(Testo_Modern) ein Problem betreffend dem Badge.
Der Badge in der Navbar ist anders Formatiert als der Topics Badge. Im Style MyTaste hatte ich da keine Probleme, denn die Navbar ist geteilt und heisst, da wo sich der Badge befindet Top.
Jedoch mit der normalen Navbar gibt es ein Problem. Zwar wird der Badge nun immer angezeigt, auch wenn es 0 Benachrichtigungen gibt. Bei 0 Benachrichtigungen soll ja nichts angezeigt werden.
Ich hab alle möglichen Benennungs-Versionen versucht, um das Problem zu lösen. Hat nichts bisher geklappt. Da es jedoch im MyTaste klappte müsste es ja wohl auch möglich sein, dass es in diesem Style geht(Siehe im Liveboard Style MyTaste).

Style kann im Liveboard angeschaut werden. User Jimmy - Passwort: Winter
Downloadlink: https://www.forum.my-tastenworld.ch/viewtopic.php?f=207&t=2579 Allerdings habe ich noch nicht ganz alle Farben angepasst. Wollte zuerst das Badge-Problem eliminieren. Schriftfarben jedoch sollten jetzt alle stimmen.
Zuletzt geändert von Tastenplayer am 27.12.2017 23:05, insgesamt 2-mal geändert.
Mein Portal: https://www.portal.my-tastenworld.ch/ Mein Forum: https://www.forum.my-tastenworld.ch/
The best online translator comes from Köln DE
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Melmac
Supporter
Supporter
Beiträge: 2800
Registriert: 15.10.2012 03:27

Re: [3.2] Problem im Style Modern mit dem Badge in Navbar

Beitragvon Melmac » 27.12.2017 22:10

Was ist ein "Topic Badge"?
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 999
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2] Problem im Style Modern mit dem Badge in Navbar

Beitragvon Tastenplayer » 27.12.2017 22:16

Sorry ich meinte den Badge im Forum. Es hat in diesem Style wie im MyTaste den Badge unten im Forum(count) sowie Badge oben in der Navbar :)

[ externes Bild ][ externes Bild ][ externes Bild ]

viewforum_body.html

Code: Alles auswählen

                  <!-- EVENT topiclist_row_append -->
               </div>
            </dt>
            <dd class="posts"><span class="badge count">{topicrow.REPLIES}</span> <dfn>{L_REPLIES}</dfn></dd>
            <dd class="views"><span class="badge count">{topicrow.VIEWS}</span> <dfn>{L_VIEWS}</dfn></dd>
            <dd class="lastpost">
               <span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}


forumlist_body.html

Code: Alles auswählen

   <!-- ELSEIF not forumrow.S_IS_LINK -->
               <dd class="topics"><span class="badge count">{forumrow.TOPICS}</span> <dfn>{L_TOPICS}</dfn></dd>
               <dd class="posts"><span class="badge count">{forumrow.POSTS}</span> <dfn>{L_POSTS}</dfn></dd>
               <dd class="lastpost">
                  <span>
                     <!-- IF forumrow.U_UNAPPROVED_TOPICS -->
                        <a href="{forumrow.U_UNAPPROVED_TOPICS}"


badge in Navbar

Code: Alles auswählen

#nav-main.nav-main.linklist .badge{
   background-color: #D20000;
   border: 1px solid #D20000;
   border-radius: 2px;
   opacity: 0.8;
   text-align: center;
   white-space: nowrap;
   font-size: 10px;
   font-weight: 800;
   line-height: 1;
   float: right;
   display: inline-block;
   margin-left: 3px;
   vertical-align: baseline;
   position: relative;
   top: 3px;
   padding: 2px 4px 3px 4px;
}
   
.badge {
    background-color: #B5B5B5;
    color: #000;
    border-color: #000;
}
.badge {
    border: 1px solid;
    border-radius: 3px;
    opacity: 0.8;
    text-align: center;
    white-space: nowrap;
    font-size: 10px;
    line-height: 1;
    display: inline-block;
    margin-left: 3px;
    vertical-align: baseline;
    position: relative;
    top: 3px;
    padding: 3px 4px 4px 4px;
}
}


Im MyTaste war das 0 Problemo. Aber da heisst die Navbar eben tastenworld-top! Wenn es keine Benachrichtigungen hat, wird im MyTaste kein Badge im top angezeigt. Jedoch im Style Modern klappt das mit dem Badge in der Navbar eben nicht. Dem warum komm ich nicht drauf.

Code: Alles auswählen

#tastenworld-top .badge {
    color: #ffffff;
    background-color: #e36363;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    padding: 2px 11px 4px 10px;
    position: relativ;
    margin-left: 5px;
}
.badge {
    background-color: #000000;
    color: #F6CA2F;
}
.badge {
    border-radius: 4px;
    opacity: 0.8;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1;
    float: right;
    display: inline-block;
    margin-left: 3px;
    vertical-align: baseline;
    position: relative;
    top: 3px;
    padding: 4px 5px 5px 5px;
}


Seit Tagen sitze ich an diesem Problem - eigentlich Wochen. Dann sucht man Hilfe bei phpbb.de und schon findet man die Lösung. Hoffe, dass er dann bei einer Benachrichtigung auch wieder angezeigt wird :lol: schau morgen.
Das ist eigentlich im Style MyTaste ein Fehler, der trotzdem funktioniert.
Also der Badge in der Navbar muss einfach der Badge bleiben.
Der Badge im Forum, der ja als

Code: Alles auswählen

.count
in der common.css eingefügt ist - muss eben einfach nur als .count.badge benannt werden.

Entschwunden ist der Badge nun bei 0 Benachrichtigungen. Und angezeigt wird er auch wieder, bei Benachrichtigungen.
Mein Portal: https://www.portal.my-tastenworld.ch/ Mein Forum: https://www.forum.my-tastenworld.ch/
The best online translator comes from Köln DE
Be the best version of yourself rather than a bad copy of someone else!


Zurück zu „Styles, Templates und Grafiken“