Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 17

Thema: Template für myboerse mit Greasemonkey und Stylish

  1. #1
    tk6686.net Anwärter
    Registriert seit
    16.07.14
    Beiträge
    11
    Bedankt
    2
    Danke erhalten: 7

    Template für myboerse mit Greasemonkey und Stylish v2.2 Final

    Hallo,

    ich habe das Template ein wenig aufgebohrt und teile nun mein Ergebnis unter Feedback!





    Fixed Header inkl. Live Such Formular.


    Die Modifikation wurde mit dem Firefox 30 sowie folgende 2 Addons erstellt:



    Google Chrome ist zu viel Aufwand. Man muss jede /*CSS*/ zerpflücken und einzeln anlegen.

    Vorbereitung:
    Addons Installieren, Zip entpacken mit 6 TXT Dateien (CSS Inhalt für Stylish)



    Theme Modifizieren:
    Grasemonkey: Neues Benutzerscript und folgenden Code einfügen
    Code:
    // ==UserScript==
    // @name        tk6686.net
    // @namespace   mb
    // @include     http://tk6686.net/*
    // @version     1
    // @grant       none
    // ==/UserScript==
    
    function removecssfile(filename, filetype){
     var targetelement=(filetype=="css")? "link" : "none" 
     var targetattr=(filetype=="css")? "href" : "none" 
     var allsuspects=document.getElementsByTagName(targetelement)
     for (var i=allsuspects.length; i>=0; i--){ 
      if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)
       allsuspects[i].parentNode.removeChild(allsuspects[i]) 
     }
    }
    
    removecssfile("vbulletin.css", "css")
    removecssfile("widgets.css", "css")
    removecssfile("search.css", "css")
    removecssfile("archive.css", "css")
    removecssfile("lsa_css.css", "css")
    removecssfile("toolsmenu.css", "css")
    removecssfile("additional.css", "css")
    removecssfile("memberlist.css", "css")
    removecssfile("calendar.css", "css")
    removecssfile("faq.css", "css")
    removecssfile("userprofile.css", "css")
    removecssfile("album.css", "css")
    removecssfile("showgroups.css", "css")
    removecssfile("forumbits.css", "css")
    Seite Aktualisieren und Prüfen ob nun alle Styles entfernt wurden und das Board somit komplett weiß/schwarz ist.

    Stylish: Stil erstellen -> Neuer Stil...
    Name Vergeben und Inhalt der TXT Datei einfügen
    Dies macht man 6x für alle 6 TXT Dateien:
    myboerse_basic.txt
    myboerse_forum_thread.txt
    myboerse_post.txt
    myboerse_archiv_faq_search.txt
    myboerse_user_member.txt
    myboerse_group.txt

    Aktivieren und sollte dann so aussehen:


    Viel Spaß damit
    PS: es gibt noch ein paar Schönheitsfehler und ich versuche noch alle IMG durch CSS shapes zu ersetzen oder Unicode.
    PPS: CSS Formatiert sowie Kommentare entfernt. Es gibt kein Copyright meinerseits. CSS wurde vom Orignal myboerse Template übernommen und umgeschrieben.
    Edit2: Script für Greasemonkey übersichtlicher und verbessert!
    Edit3: Hotfix Update
    Edit4: v2.1 diverse icons ersetzt und vergessene url-prefix korrigiert
    Edit5: v2.2 Fixed header, mini fixes, letztes update von meiner seite.
    Geändert von ma3tz (27.07.14 um 12:34 Uhr) Grund: letztes Update

  2. Die folgenden 3 Benutzer haben sich bei ma3tz für diesen Beitrag bedankt:

    Durban Poison (24.07.14), libre (22.07.14), SteelSoul (22.07.14)

  3. #2
    tk6686.net Member Avatar von Primary
    Registriert seit
    22.07.14
    Beiträge
    42
    Bedankt
    1
    Danke erhalten: 55
    Kurz und knapp:
    Gefällt mir überhaupt nicht!

  4. #3
    Back in action Avatar von Jesuxxx.
    Registriert seit
    19.07.14
    Beiträge
    530
    Bedankt
    34
    Danke erhalten: 71
    Die dunklere Hintergrundfarbe finde ich besser, allerdings gefallen mir die Pac-Man-Icons nicht allzu sehr.

  5. #4
    tk6686.net Anwärter
    Registriert seit
    16.07.14
    Beiträge
    11
    Bedankt
    2
    Danke erhalten: 7
    Es gibt jetzt auch eine Pacmanfree Edition.

  6. Folgende Benutzer haben sich bei ma3tz für diesen Beitrag bedankt:

    Jesuxxx. (22.07.14)

  7. #5
    Back in action Avatar von Jesuxxx.
    Registriert seit
    19.07.14
    Beiträge
    530
    Bedankt
    34
    Danke erhalten: 71
    Werd ich mir gleich morgen installieren!

  8. Folgende Benutzer haben sich bei Jesuxxx. für diesen Beitrag bedankt:

    ma3tz (22.07.14)

  9. #6
    tk6686.net Anwärter Avatar von romeon
    Registriert seit
    22.07.14
    Beiträge
    17
    Bedankt
    10
    Danke erhalten: 10
    und dafür braucht man Greasemonkey? Sonst wurde sowas doch nur immer mit Stylish alleine erstellt? Stylish: neuer Stil, ganzes Zeug copy+paste. Und das wars.

    (edit: ich will nicht undankbar sein, mich wundert es nur)
    Geändert von romeon (24.07.14 um 13:36 Uhr)

  10. #7
    tk6686.net Anwärter
    Registriert seit
    16.07.14
    Beiträge
    11
    Bedankt
    2
    Danke erhalten: 7
    klar gehts auch ohne, nur dann werden die gelöschten css variablen des original themes gezogen, die er im stylish nicht findet.
    ich habe diverse sachen entfernt anstelle von "ausgenullt" da dies weniger probleme macht.
    aus diesem grund: greasemonkey script das alle css dateien des orignal templates entfernt

  11. #8
    tk6686.net Full Member Avatar von n00b
    Registriert seit
    15.07.14
    Beiträge
    105
    Bedankt
    11
    Danke erhalten: 61
    Naja ich denke sobald Zeit dafür ist, kann man ja den dunklen Style übernehmen und hier als selektive auswahl Hell | Dunkel einbinden.

  12. #9
    tk6686.net Anwärter
    Registriert seit
    16.07.14
    Beiträge
    11
    Bedankt
    2
    Danke erhalten: 7
    eben, ich denke das es viele dinge gibt die wichtiger sind als ein template zu übernehmen und einzubinden.

    in erster linie hab ich das style für mich erstellt da ich kein fan von box shadow und border-radius bin :-D
    es gibt hier und da noch viele kleinigkeiten die noch gefixt werden und manch ein bereich wie kalender und co sind eh deaktiviert :-)
    der v2 code enthält noch viele altlasten und bei 5000 zeilen kann man schon ab und an die übersicht verlieren ;-)

    falls es einem gefällt kann man es über die 2 addons sauber einbinden und wenn nicht dann nicht :-)

  13. Folgende Benutzer haben sich bei ma3tz für diesen Beitrag bedankt:

    n00b (24.07.14)

  14. #10
    tk6686.net Full Member Avatar von n00b
    Registriert seit
    15.07.14
    Beiträge
    105
    Bedankt
    11
    Danke erhalten: 61
    Ich weiß nicht ob das noch von dir gefixt wird,.. die schnellantwort der untere teil gehören noch die text farbe angepasst.

    Und die grau oder blauen pfeile in den buttons Feedback usw. passen nicht zum roten hintergrund.

    Und der Begründungs eingabe Zeile sollte eventuell einen 1px Rahmen erhalten.

    Mir ist noch aufgefallen: Wenn man über die SUCHE ein Thema ansteuert ist der Hintergrund komplett grau.
    Geändert von n00b (24.07.14 um 15:59 Uhr)

  15. Folgende Benutzer haben sich bei n00b für diesen Beitrag bedankt:

    ma3tz (24.07.14)

Seite 1 von 2 12 LetzteLetzte

Berechtigungen

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