Ergebnis 1 bis 13 von 13

Thema: Stylish-Regeln für ein aufgeräumtes Design

  1. #1
    Senior Member Avatar von Captain Felix

    Registriert seit
    November 2009
    Beiträge
    240
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Stylish-Regeln für ein aufgeräumtes Design

    Hallo zusammen,

    da viele Leute (mich eingeschlossen) sich an der langen Liste an Informationen stören, die nun unter jedem Benutzer in Threads angezeigt werden, habe ich mir eine Stylish-Regel erstellt, um diese Informationen auszublenden. Das führt dazu, dass Posts nicht mehr so hoch sind, wenn sie ohnehin nur ein paar Sätze enthalten und man nicht mehr so viel scrollen muss, um Threads zu lesen.

    Stylish ist ein Plugin für Firefox/Chrome, das es dem Benutzer erlaubt, eigene CSS-Regeln für Websites zu definieren.
    Installiert werden kann es hier:
    https://addons.mozilla.org/en-US/firefox/addon/stylish (Firefox)
    https://chrome.google.com/webstore/d...fgmeleoegfcffe (Chrome)
    Habt ihr das Add-on installiert, so findet ihr in eurer Browserleiste ein neues Icon mit einem S. Wenn ihr nun die WBC besucht und dann das Icon klickt und "Find styles for this site" klickt, kommt ihr auf eine Seite, auf der ihr von Benutzern erstellte Styles für die Seite findet. Momentan gibt es dort nur meinen "Clean WBC"-Style. Dort draufklicken und dann auf den großen grünen "Install in Stylish"-Button. Und ab dann sind eure Threads nicht mehr überfrachtet!

    Beispiel-Screenshot siehe hier: https://userstyles.org/style_screens...g?r=1453564938

    Viele Grüße,

    Felix

  2. #2
    Trusted Member Avatar von Michaela

    Registriert seit
    December 2005
    Ort
    FastDresden also quasi Sachsen.....
    Beiträge
    3.215
    Mentioned
    38 Post(s)
    Tagged
    1 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    Huhu Felix,

    danke, dass Du Dir die Arbeit gemacht hast.
    Ist für User, die die Profilinfokladde net mögen, sicher ne große Hilfe.

    winke,
    Michaela
    So tragen wir ihn in die Welt, unseren Traum - Narren sind BUNT und nicht braun!

  3. #3
    Kuschelfuchs Avatar von Nini

    Registriert seit
    August 2007
    Ort
    Wattebauschberg
    Beiträge
    2.320
    Mentioned
    10 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    Danke Felix, dass du dir die Arbeit gemacht hast Jetzt finde ich es viel besser
    Geändert von Nini (25.01.2016 um 20:28 Uhr)

  4. #4
    Banned

    Registriert seit
    May 2004
    Beiträge
    9.353
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    wobei ich like/dislike/thanks eher rausnehmen würde,
    aber das kann sich ja jeder dementsprechend bearbeiten.

    ansonsten als übergang top

  5. #5
    Senior Member Avatar von lexi

    Registriert seit
    May 2004
    Ort
    Bei Köln
    Beiträge
    773
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    Danke jetzt ist es wieder übersichtlicher

  6. #6
    Trusted Member Avatar von Tilly

    Registriert seit
    May 2004
    Ort
    Mal links, häufiger rechts vom Rhein
    Beiträge
    1.410
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    huhu das ist super genial
    ich hätte da noch Wünsche
    Kann man die user-tag übersicht und die übersicht der likes/dislikes und thanks ganz oben wegnehmen? Und den ganzen Rattenschwanz unten am tröt?

  7. #7
    Senior Member Avatar von dees

    Registriert seit
    August 2014
    Ort
    Köln
    Beiträge
    366
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    Super. Das fehlte mir noch. (Neben dem Style, das die Cookieaufforderung bei Browsern ohne Permanentcookie (z.B. privaten Modus) und ohne JavaScript entfernt. )
    Geändert von dees (01.02.2016 um 14:57 Uhr)

  8. #8
    24/7 in Diapers Avatar von BabyNils

    Registriert seit
    September 2010
    Ort
    Essen, Ruhrgebiet
    Beiträge
    1.547
    Mentioned
    17 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    Cool so ist es doch schon viel besser.

    Danke Flix

  9. #9
    Senior Member Avatar von Foxy

    Registriert seit
    August 2013
    Ort
    Nähe Rügen
    Beiträge
    333
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    Super Sache.
    Aber füg mal noch www.wb-community.com dazu, so findet das Plugin aktuell den Style nicht: "There are no styles available for this site."
    Habs nur gefunden weil ich nach "Clean wbc" gesucht hab

    Achso und der CSS Selector für die User Statistiken klappt bei mir auch nicht (aktuellen Chromium)
    Hier ist der Fix:

    Code:
    div.postdetails div.userinfo dl.userinfo_extra {
        display: none;
    }
    (Am besten nicht ersetzen sondern dazu packen)

    So ist das ... Lässt man sich einmal mit CSS ein kommt man in die Hölle :P


    @Tilly das wäre für den Rattenschwanz unten, hab ich jetzt aber auch nur für meinen Chromium getestet.
    In der Reihenfolge wie die Bereiche auftauchen, halt weglassen was man doch sehen will:

    Code:
    div.navlinks {
        display: none;
    }
    
    #footer {
        display: none;
    }
    
    #thread_info {
        display: none;
    }
    
    div.below_body {
        display: none;
    }
    Achso und letztlich könnte man die Avatare auch noch ein wenig kleiner machen (außer den von @dees ... der wird dadurch größer *g*):

    Code:
    div.postdetails > div.userinfo > a > img {
        height: 50px; 
        width: auto;   
    }
    Geändert von Foxy (03.06.2017 um 10:51 Uhr)

  10. #10
    Senior Member Avatar von Captain Felix

    Registriert seit
    November 2009
    Beiträge
    240
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    Hallo Foxy,

    vielen Dank für die Anregungen. Die meisten davon habe ich jetzt in der neuen Version des Styles eingearbeitet. Zudem habe ich dem Style Optionen verpasst, sodass jetzt jeder User selber einstellen kann, was er verstecken will und was nicht.

    Falls ihr den Style bereits installiert habt, geht einfach auf https://userstyles.org/styles/123445/clean-wbc und clickt dort auf "Update Style". Auf der Seite findet ihr auch einen Button "Advanced Style Settings", wo ihr die Optionen anpassen könnt, je nachdem, was ihr verstecken wollt.

    Viele Grüsse,

    Felix

  11. #11
    Senior Member Avatar von Foxy

    Registriert seit
    August 2013
    Ort
    Nähe Rügen
    Beiträge
    333
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    Zitat Zitat von Captain Felix Beitrag anzeigen
    Zudem habe ich dem Style Optionen verpasst
    Geil wie macht man das denn ?

  12. #12
    Senior Member Avatar von Captain Felix

    Registriert seit
    November 2009
    Beiträge
    240
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    Hallo Foxy,

    das ist ein Feature von Stylish. Siehe hierzu die Dokumentation, Abschnitt "Style Settings" hier: https://userstyles.org/help/coding

    Viele Grüsse,

    Felix

  13. #13
    Senior Member Avatar von Captain Felix

    Registriert seit
    November 2009
    Beiträge
    240
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    AW: Stylish-Regeln für ein aufgeräumtes Design

    Hallo zusammen,

    mit dem letzten Update gingen die Mitgliederliste und die Galerie nicht mehr; dort waren nur leere Seiten zu sehen. Das habe ich jetzt behoben. Wenn ihr den Style schon installiert habt, könnt ihr einfach auf https://userstyles.org/styles/123445/clean-wbc gehen und dort den grossen grünen Button "Update Style" drücken.

    Viele Grüsse,

    Felix

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  
This website uses cookies
We use cookies to store session information to facilitate remembering your login information, to allow you to save website preferences, to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners.