Ergebnis 1 bis 1 von 1

Thema: thoms kleine ngb-Stylesheet-Schnippsel (Volle Breite epicorp, Farben entfernen, usw)

  1. #1
    SYS64738

    Moderator

    Avatar von thom53281
    Registriert seit
    Jul 2013
    Beiträge
    4.196
    ngb:news Artikel
    43

    thoms kleine ngb-Stylesheet-Schnippsel (Volle Breite epicorp, Farben entfernen, usw)

    Hallo zusammen!

    Innerhalb des letzten Jahres haben sich bei mir ein paar Modifikationen (Stylesheets) für unsere Styles angesammelt und ich dachte mir gerade, vielleicht könnte das der eine oder andere auch brauchen. Letztendlich sind alles nur kleine Schnippsel (kleine Helfer) und daher fasse ich sie hier einmal zusammen. Die Installation der Styles wird hier beschrieben.


    epicorp (heller Style) auf volle (variable) Breite:

    Normalerweise benutze ich ja darkfish. Wenn man aber mit dem Notebook in der Sonne hockt, dann kann man dort aber leider beim besten Willen nichts erkennen. Daher nutze ich dort auch epicorp und da darkfish breit ist, möchte ich auch epicorp breit.

    Code (CSS):
    1. @-moz-document domain("ngb.to") {
    2. body {
    3. width: 100% !important;
    4. max-width: 100% !important;
    5. }
    6. }


    Bestimmte Links hervorheben:

    Benutze ich beispielsweise um meine moderierten Bereiche hervorzuheben. Es wäre aber z. B. genauso möglich, das URL-Ende seines Benutzeraccounts (45-thom53281) einzutragen oder jeden anderen (eindeutigen) Link hier im Board hervorzuheben. Einfach das Link-Ende bei [href$='*********'] eintragen.



    Code (CSS):
    1. @-moz-document domain("ngb.to") {
    2. a[href$='11-Hardware'] {
    3. color: #ff3333 !important;
    4. }
    5. }


    Abo-Buttons im Kontrollzentrum entfernen:

    Gemeint sind hier diese schicken Buttons:

    Ich brauche sie nicht und de-abonniere mir damit höchstens ein Forum, was mir letztens auch passiert ist. Also weg damit.

    Code (CSS):
    1. @-moz-document domain("ngb.to") {
    2. .subslink, .unsubslink, .rsslink {
    3.         visibility: hidden !important;
    4.     }
    5. }


    Schriftfarben entfernen:

    Betrifft Signaturen, Beiträge und z. B. auch Mod-Benutzertitel. Bunte Links bekommen Linkfarbe, bunte Schrift normale Schriftfarbe. Nicht betroffen ist das Syntax-Highlighting im [src]-BBCode und auch nicht das [highlight]-BBCode.


    darkfish

    Code (CSS):
    1. @-moz-document domain("ngb.to") {
    2. .postcontent a font, .userinfo a font, .signature a font {
    3. color: #CC6600 !important
    4. }
    5. .postcontent font, .userinfo font, .userinfo span, .signature font {
    6. color: #c0c0c0!important;
    7. }
    8. }
    epicorp
    Code (CSS):
    1. @-moz-document domain("ngb.to") {
    2. .postcontent a font, .userinfo a font, .signature a font {
    3. color: #742C23 !important
    4. }
    5. .postcontent font, .userinfo font, .userinfo span, .signature font {
    6. color: #333333!important;
    7. }
    8. }

    Postingcounter ausblenden:

    Ich vertrete ja immer noch den Grundsatz, dass man Leute anhand ihrer Beiträge und nicht anhand ihrer Counter bewerten soll. Also weg mit der Schwanzverlängerung.

    Code (CSS):
    1. @-moz-document domain("ngb.to") {
    2. .postdetails dt:nth-last-of-type(1), .postdetails dd:nth-last-of-type(1) {
    3.   display: none;
    4. }
    5. }

    HTTPS-Links hervorheben:

    Symbol und Farbe frei austauschbar und jeweils optional.

    Code (CSS):
    1. @-moz-document domain("ngb.to") {
    2.  
    3. a[href*='https://']:after {    
    4.     content: "☑";
    5.     vertical-align: 4px;
    6.     font-size : 80%;
    7. }
    8. a[href*='https://'] {    
    9.     color: #33cc00 !important;
    10. }
    11.  
    12. }


    Eigene Benutzernotizen anlegen:

    Benutzer nach der Form "BenutzerID-Username" eintragen, zusammen mit der Notiz. Ein Stylesheet-Eintrag pro User.



    Code (CSS):
    1. @-moz-document domain("ngb.to") {
    2.  
    3. a[href$='71-Trolling-Stone']:focus ~ ul li:nth-last-of-type(2):after {    
    4.         content: "Hat ein trolliges Avatar.";
    5.         display: block;
    6. }
    7.  
    8. }
    Für diesen Beitrag bedanken sich amphetam1n, cokeZ
    Geändert von thom53281 (15.11.15 um 12:13 Uhr) Grund: Benutzernotizen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •