Mit dem folgenden Code blende ich bei mir den Text aus dem Userpanel aus, der neben dem entsprechenden Icon normalerweise steht. Leider wird damit aber auch die Anzeige von neu eingehenden Nachrichten unterdrückt. Wie muss ich den Code gestalten, damit trotzdem noch der Kreis mit der Anzahl der neuen Nachrichten (1) gezeigt wird?
Nachrichtentext im Userpanel unterdrücken
- hamburger
- Erledigt
-
-
-
Vielen Dank Tom, das funktioniert!
-
-
Probieren geht über Studieren. Abgesehen davon ist der Code hier in einem Neutralen Bereich gepostet worden und nicht Stilspezifisch
-
Abgesehen davon ist der Code hier in einem Neutralen Bereich gepostet worden und nicht Stilspezifisch
Darauf habe ich gerade nicht geachtet. Ich probiers nachher mal aus.
-
Hi,
der angegebene Code scheint auch in anderen Stilen ohne Probleme zu funktionieren. Leider wirkt sich das ganze nur auf die Benachrichtigungen aus. Ich habe den Code entsprechend angepasst, ich weiß aber nicht, ob und wie man das noch kürzen kann.
CSS
Alles anzeigen// Nachrichtentext aus den Benachrichtigungen ausblenden @media only screen and (min-width: 801px) { #userNotifications span:not(.icon):not(.badge) { display: none; } } // Nachrichtentext aus Konversationen ausblenden @media only screen and (min-width: 801px) { #unreadConversations span:not(.icon):not(.badge) { display: none; } } // Nachrichtentext aus der Moderation ausblenden @media only screen and (min-width: 801px) { #outstandingModeration span:not(.icon):not(.badge) { display: none; } }
Wie kann ich zusätzlich dazu noch das Suchfeld zusammenschieben? - es soll sich erst bei einem Klick in das Textfeld voll ausklappen und vorher nur als Icon mit der Lupe sichtbar sein.
-
ich weiß aber nicht, ob und wie man das noch kürzen kann
@Media only screen and (min-width: 801px) {#userNotifications,#unreadConversations,#outstandingModeration span:not(.icon):not(.badge) {display: none;}}Wie kann ich zusätzlich dazu noch das Suchfeld zusammenschieben?
CSS
Alles anzeigen.userPanel > div > .searchBar > form input[type="search"] { background-color: transparent; border-width: 0px; color: #CCC; height: 40px; text-shadow: 0px -1px 0px transparent; transition-duration: 0.3s; transition-property: all; transition-timing-function: linear; border-radius: 0; padding: 6px 10px 5px 25px; width: 35px; } .userPanel > div > .searchBar > form input[type="search"]:active, .userPanel > div > .searchBar > form input[type="search"]:focus { width: 240px; }
Logo
edit:
stimmt
Korrekt
CSS
Alles anzeigen@media only screen and (min-width: 801px) { /* Nachrichtentext aus den Benachrichtigungen ausblenden*/ #userNotifications span:not(.icon):not(.badge) { display: none; } /*Nachrichtentext aus Konversationen ausblenden*/ #unreadConversations span:not(.icon):not(.badge) { display: none; } /*Nachrichtentext aus der Moderation ausblenden*/ #outstandingModeration span:not(.icon):not(.badge) { display: none; } }
-
Die "Zusammenfassung" ist definitiv so nicht korrekt.
Gruß norse
-
Ich möchte nochmal auf den Punkt mit dem Suchfeld kommen.
Der obige CSS Code funktioniert leider nicht. Kannst du dir das nochmal ansehen, wo da der Fehler sein könnte?