Pimp your dotasource - Stylish plugin guide und Design-Diskussion

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • ich glaube mit lubipos lösung funktioniert der hover nicht gescheit, not sure
      meine lösung ist ein wenig komplizierter, sollte dafür aber in jedem fall funktionieren, da einfach das logo ersetzt wird, anstatt im css rumzuspielen:

      1. tampermonkey oder äquivalentes installieren(plugin zum schreiben eigener scripte)
      2. folgendes script anlegen:

        Quellcode

        1. // ==UserScript==
        2. // @name dotasurs logo
        3. // @namespace http://tampermonkey.net/
        4. // @version 0.1
        5. // @description dotasurs logo verändern
        6. // @author You
        7. // @match http://dotasource.de/*
        8. // @grant none
        9. // ==/UserScript==
        10. /* jshint -W097 */
        11. 'use strict';
        13. // Your code here...
        14. var str = '<img src="customlogourl" alt="" class="logo-state-normal"><img src="http://dotasource.de/wcf/images/dotasource_reborn/logo_nav_hover.png" alt="" class="logo-state-hover">';
        15. $("#logo a").html(str);
        Alles anzeigen
        wobei wo "customlogourl" steht der link zum neuen logo hingehört. höhe und breite müssen stimmen, sonst wird das bild verzerrt.

    • destructive hat in seinem ursprungs-post schon den code für funktionierendes hover reingepackt :P



      eventually there comes a point where it's like the true test for your team - will he cast a spell or will he not
      - Artour Babaev

      Und wenn beide dann nicht mehr stacken und der einer 6k Boi, der vorher 4k war, mit einem anderen 4k Boi spielt, dann ist er nicht mehr 6k, weil er reverse trägert, oder?
      - User des Monats

    • Das Hover funktioniert aber nur bedingt, dadurch dass man im CSS rumspielt verliert der Hover seinen "Hovereffekt", also dass es langsam rausfaded. Es wird stumpf auf das Hoverimage geschalten.

      Ich denke das meint er damit. Das Tampermonkeyscript funktioniert bei meinem Feuerfuchs (in Greasemonkey) nicht. Dno. Die CSS-Lösung von lubipo ist hingegen ziemlich gut.
      世界一　皆の人気者
      それは彼女のこと
      アシュリー

    • hab jetzt mal in meinem beitrag den kram mit hover reineditiert, bei mir hat das auch nen fade-effekt. liegt bei dir glaube ich daran, dass du den background an 2 verschiedenen stellen setzt.



      (sieht man im gif nich so gut, weil wenig fps)



      eventually there comes a point where it's like the true test for your team - will he cast a spell or will he not
      - Artour Babaev

      Und wenn beide dann nicht mehr stacken und der einer 6k Boi, der vorher 4k war, mit einem anderen 4k Boi spielt, dann ist er nicht mehr 6k, weil er reverse trägert, oder?
      - User des Monats

    • ich hatte auch probleme mit dem korrekten einbinden des scripts, das liegt aber eher an den @include und @match befehlen, als am script code selbst. es kann gut sein, dass greasemonkey eine andere syntax für den header hat.
      wie destructive schon sagt, ist das problem, dass du dem logo div ein hintergrund bild gibst, das nicht beim hover effekt ausgeblendet wird, so wird nur das darunter liegende bild eingeblendet, wird aber vom hintergrundbild größtenteils "verdeckt". man müsste wiederum ein script schreiben, um das zu kontrollieren^^ deswegen ist es imo eleganter schlicht den <img src=""> link zu verändern und auf eine modifizerte bilddatei zu weisen. das ist nicht über css machbar und benötigt die manipulation des HTMLs via script, soweit ich das beurteilen kann.

      e: okay, scheint auch so funktionieren, umso besser :sun:

    • (bin übrigens nicht direkt zum css-gott auferstiegen, sondern habe literal &amp;amp;amp;quot;replace image with css&amp;amp;amp;quot; gegooglet)

      1 Like

      16.11.2015, 01:57 ｋｏｂｏｌｄ


      Dieser Beitrag wurde bereits 4 mal editiert, zuletzt von lubold ()




      eventually there comes a point where it's like the true test for your team - will he cast a spell or will he not
      - Artour Babaev

      Und wenn beide dann nicht mehr stacken und der einer 6k Boi, der vorher 4k war, mit einem anderen 4k Boi spielt, dann ist er nicht mehr 6k, weil er reverse trägert, oder?
      - User des Monats

    • Würde mir wohl auch hier den ein oder anderen Styletweak gönnen, aber ich denke ich werde einfach warten bis soweit alle Funktionen erst mal integriert sind.
      So wie ich ramius verstanden habe ist das im Moment ja die nur die erste Version. wurde ja auch schon einiges geändert, seit es live ist.
      till the end

    • Der_Busfahrer. schrieb:

      Geht da auch was mit Android und Chrome?
      Hätte gerne die alten Farben wieder und das Hintergrundbild soll weg
      optional kannst du wenn es nur das hintergrundbild sein soll auch einfach beim addblocker das bild blockieren, ist ziemlich simpel

      €:
      da ich ein retard bin was quellcodes angeht etc, frage. kann ich den imgurlink in alle xbeliebigen bilder des interwebz umwandeln, indem ich den link durch 1 anderen bildlink ersetze?

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von betrayus_ ()

      luke schrieb:

      ALLE 18 jährigen außer betrayus sind scheiße

    • ja

      1 Like

      16.11.2015, 16:54 betrayus_


      Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von lubold ()




      eventually there comes a point where it's like the true test for your team - will he cast a spell or will he not
      - Artour Babaev

      Und wenn beide dann nicht mehr stacken und der einer 6k Boi, der vorher 4k war, mit einem anderen 4k Boi spielt, dann ist er nicht mehr 6k, weil er reverse trägert, oder?
      - User des Monats

    • jemand ne ahnung wieso das design sich jetzt für alle seiten geändert hat? habe den code nur für dotasource.de eingerichtet wie im lubipo tutorial beschrieben?

      Quellcode

      1. @namespace url(http://www.w3.org/1999/xhtml);
      2. @-moz-document domain("dotasource.de") {
      3. }.layoutFluid {
      4. max-width: 60%;
      5. }
      6. #topNavigation {
      7. margin-top: 39px;
      8. }
      9. ::selection {
      10. color: white;
      11. background: #338FFF;
      12. }
      13. body{
      14. background-image: url("http://i.imgur.com/rF7STAq.jpg");
      15. }.message .messageHeader + .messageBody > .messageSignature {
      16. width: 100%;
      17. }
      Alles anzeigen

      das wäre der code.. halp pls

      luke schrieb:

      ALLE 18 jährigen außer betrayus sind scheiße

    • Du schließt die geschweifte Klammer des domain() gleich wieder, der Rest gilt dann für alles.

      So muss es sein:


      Quellcode

      1. @namespace url(http://www.w3.org/1999/xhtml);
      2. @-moz-document domain("dotasource.de") {
      3. .layoutFluid {
      4. max-width: 60%;
      5. }
      6. #topNavigation {
      7. margin-top: 39px;
      8. }
      9. ::selection {
      10. color: white;
      11. background: #338FFF;
      12. }
      13. body{
      14. background-image: url("http://i.imgur.com/rF7STAq.jpg");
      15. }.message .messageHeader + .messageBody > .messageSignature {
      16. width: 100%;
      17. }
      18. }
      Alles anzeigen

    • Ich möchte an dieser Stelle kurz anmerken, dass ich viele der hier vorgestellten Änderungen sehr gelungen finde und mich nach und nach dran mache, diese komplett und teilweise optional einzubauen. Das ist eine sehr konstruktiver Weg, um mit den Dingen am Design, die euch nicht gefallen, umzugehen, da ich dann direkt sehen kann, wie ihr es gerne hättet (insofern ihr eure Anpassung in Form von Screenshots und/oder dem CSS Code hier postet).