Ett mörkt tema till Sweclockers
Byt till Stylus, en open source ersättare till Stylish.
Trivia
Den första versionen av temat skapade jag i början av 2012. Sedan dess har det samlat på sig över 2000 användare. I och med Sweclockers stora uppdatering fick jag börja om från början; här är resultatet!
Temat är utvecklat med hjälp av Chrome men är även testat i Opera och Firefox. Det lär fungera i Safari med men det har jag inte testat.
HTTPS (temat trasigt?)
Sweclockers har gått över till https på hela siten. Detta gör att webbläsarna kvider över att hämta temat från en icke-https-adress. jag har satt igång https på min site men du som använder temat måste se till att du laddar temat via https. Det är så enkelt som att lägga till ett S i adressen i Stylish/Stylus. Det är adressen i punkt 3 av installations instruktionerna som behöver ändras.
Installation
Chrome, Firefox, Opera och Safari
Installera pluginet Stylus. ( Chrome | Firefox | Opera | Safari )
Klicka på Stylus ikon -> Manage och sen Write new style. (Notera att knapparna inte heter exakt samma i alla versioner).
Klistra in följande text i kodvyn
@import url('https://blargmode.se/files/sweclockers_dark_theme/style.css');
Lägg in följande URL i "Applies to" fältet och ställ in det på "URLs on the domain"
sweclockers.com
Fyll i ett lämpligt namn och tryck på spara.
Du är klar, ladda om [F5] Sweclockers så borde det fungera.
Problem?
Använde du temat innan Sweclockers 6.0 uppdateringen?
Ser det ut såhär nu?
Börja då med en full omladdning av sidan: Tryck ctrl + F5
Om du har Firefox och ovanstående inte fungerade, så finns det några olika saker du kan prova som har fungerat för andra:
Gå in och ladda om CSSen:
Ladda om den ( ctrl + F5 )
Det ska stå något "Alternative css for Sweclockers (6.0)" överst i filen.
Få Stylish att ladda om CSSen:
Gå in på manage styles och klicka på edit
Lägg till ett mellanslag på sluten av raden så att spara-knappen inte längre är utgråad.
Spara
Refresha Sweclockers
Rensa cachen manuellt:
Inställningar -> advanced -> network -> clean cache. Starta om Firefox.
Fungerade inget av detta så kan temat vara felinstallerat. Gå igenom installationsinstruktionerna igen och kolla så att du inte har missat något.
Fortfarande bekymmer? Då är det bara att fråga så ska vi nog få det att fungera!
Övrigt
Hittar du något du tror jag har missat så meddela gärna det, men kolla först ändringsloggen. Din webbläsare kan ha cachat sidan, vilket resulterar i att du inte har fått den senaste uppdateringen än.
Tema till VRGeeks? Läs detta inlägget.
Ändringslogg
Datum | Ändring |
|---|---|
2015-01-20 17:53 | Påbörjade temat. |
2015-01-21 00:04 | First draft. |
2015-01-22 01:00 | Första versionen klar, beta-publicerad. |
2015-01-26 02:12 | Re-write av länkar och borders. |
2015-02-02 16:09 | Fixade länkfärgen på olästa meddelanden. |
2015-02-07 16:59 | Fixade bakgrunsfärgen på infoboxen i marknaden. Ändrade utseendet på mottagarsektionen av nya PM. |
2015-03-17 22:35 | Snyggade till utseendet på diagramen för sweclockers testresultat. |
2015-03-29 13:56 | Omröstningar fick nytt klassnamn, uppdaterade därefter. |
2015-05-12 22:53 | Fixade bakgrundsfärgen på taggar i botten av artiklar. |
2015-05-15 14:52 | Fixade "visa mer" gradienten i artiklar. Lade till bakgrundsfärger på Better Sweclcokers-genererade element. |
2015-05-24 02:07 | "Läs fler kommentarer och diskutera!" länkfärgen i marknaden fixad. |
2016-04-01 22:25 | Små buggfixar. |
2017-01-13 00:31 | Mörka headers i forumet, tydligare bildtext i artiklar, och nedtonad prisjaktsruta i sidolisten. |
2017-11-05 01:52 | Stödjer nu https. Kräver att du ändrar url:en som laddas till https. |
Gamla inlägget
Notera att informationen och länkarna i denna spoilern är utdaterade då den handlar om temat och dylikt för femte versionen av Swerclockers.
Tack för att du använder mitt tema!
En liten klausul angående omröstningen:
Den är tänkt att visa hur många som är intresserade av ett mörkt tema. Det går dock inte att skapa omröstningar med <2 alternativ, därav "nej"-alternativet.
Goddag på er!
Jag har de senaste dagarna suttit och meckat på ett tema som är snällt mot ögonen till Sweclockers:
Temat är just nu inte helt färdigt, men på god väg, kan väl kalla det en beta för tillfället.
Det fungerar just nu som så att ett plugin (Stylish) skriver över delar av den befintliga stilmallen med mina ändringar.
Ju fler som visar sig intresserade ju större är chansen att nästa version av Sweclockers implementerar ett mörkt tema!
Installation
Google Chrome: (Med auto-update)
Kopiera denna raden:
@import url('http://blargmode.se/files/sweclockers_dark_theme/style.css');
Klistra in i css-fältet i pluginet Stylish. (plugin)
Skriv in www.sweclockers.com i fältet "Applies to" och ställa om till "URL's on the domain"
Fyll i ett namn och aktivera checkboxen "Enable"
Spara och uppdatera Sweclockers (F5), done!
Installationsvideo. (Titta på när jag installerar det). OBS! Denna versionen visar hur det gick till innan jag intruducerade auto-update. Processen är samma, men du kopierar en liten rad css-kod nu istället för en hel css-fil.
Firefox: (Med auto-update)
Kopiera denna raden:
@import url('http://blargmode.se/files/sweclockers_dark_theme/ffox.css');
Klistra in i css-fältet i pluginet Stylish (plugin)
Fyll i ett namn
Spara och uppdatera Sweclockers (F5), done!
Installationsvideo. (Titta på när jag installerar det). OBS! Denna versionen visar hur det gick till innan jag intruducerade auto-update. Processen är samma, men du kopierar en liten rad css-kod nu istället för en hel css-fil.
Safari: (Med auto-update)
Kopiera denna raden:
@import url('http://blargmode.se/files/sweclockers_dark_theme/style.css');
Klistra in i css-fältet i pluginet Stylish (under "Edit" fliken). (plugin)
Se till till att "Applies to:" står på "Domain" och skriv in sweclockers.com i det tillhörande textfältet.
Fyll i ett namn och tryck på "Save style"
Done!
Fungerar såklart till Safari på både Mac och Pc.
Opera:
Spara css:en på din dator. (Tryck [Ctrl]+[F5] i css:en innan du sparar den för att vara säker på att ha den senaste)
Högerklicka någonstans på Sweclockers och välj "Edit Site Preferences..."
Under fliken "Display" finns fältet "My style sheet". Klicka på "Choose..." och välj filen du precis sparade ner.
Klicka på ok och uppdatera Sweclockers (F5), done!
Installationsvideo. (Titta på när jag installerar det).
Nyhet!
2015-02-03:
SysGhost har fixat smileys utan fula kanter till temat, skaffa dem!
Är du inte övertygad så har du en jämförelse här:
2014-04-18:
Alling har gjort ett plugin som heter Better SweClockers. Ett väldigt användbart plugin som jag kan rekommenderar till alla!
Med Alling's plugin behövs inte Stylish, han har integrerat mitt tema via en knapp uppe i menyn.
Fördelen med detta är att det är extremt enkelt att växla mellan mitt och standardtemat.
Nackdelen är att vanliga Sweclockers kommer blinka till innan temat laddas. (Detta beror på hur webbläsaren läser in sidor)[/size]).
Min rekommendation ifall du inte växlar så ofta är att installera temat via Stylish. Men jag tycker ändå att du ska installera Better SweClockers, för det är najs.
Temat är som sagt inte 100% än, så rapportera gärna om ni hitta något dumt!
Notera att både Chrome och Firefox tycker om att casha sidor, alltså spara dem på din dator så att det går snabbare att ladda sidorna. Jag vet inte än hur detta påverkar uppdateringarna, så om ni ser en bugg, gör en hård omladdning av sidan ([Ctrl]+[F5]) innan ni rapporterar det, försvinner felet så höll er webbläsare kvar er på en äldre version.
Du kan fortfarande installera temat på det gamla sättet (utan auto-update) om du föredrar det. Installera på samma sätt fast byt ut raden css som laddar css:en mot hela css:filen istället (Chrome, Firefox).
Atriix har gjort nya knappar till temat!
Sedan 2012-06-25 hjälper han också till med utvecklandet av hela temat, inte bara knapparna.
Dom finns i två versioner var av den nedanstående nu är standard i temat.
Här är en länk till hans inlägg, berätta gärna vad du tycker!
För den andra versionen av knapparna, titta i "Tillägg" spoilern här under.
Tillägg:
__________________
Det-var-bättre-förr-clockers
Tar tillbaka den orangea headern och den lilla stjärnan på gillade inlägg.
Stort tack till Kebabhyvlarn för koden till stjärnan!
Installation: För Chrome och Firefox; lägg bara till raden ämnad för din webbläsare efter raden för temat som redan ligger i Stylish
Chrome:
@import url('http://blargmode.se/files/sweclockers_dark_theme/det-var-batt...');
Firefox:
@import url('http://blargmode.se/files/sweclockers_dark_theme/det-var-batt...');
Opera; lägg allt från denna filen längst ner i den lokala temafilen du har på datorn
__________________
Diskretare post-headers
%2017.26.28.png)
För Chrome och Firefox; lägg bara till raden ämnad för din webbläsare efter raden för temat som redan ligger i Stylish (om du använder mitt tema d.v.s.).
Chrome:
@import url('http://blargmode.se/files/sweclockers_dark_theme/post_title.c...');
Firefox:
@import url('http://blargmode.se/files/sweclockers_dark_theme/post_title_f...');
Opera; lägg allt från denna filen längst ner i den lokala temafilen du har på datorn
__________________
Glossy knappar
Installationen av den andra sker på samma sätt som mitt tema, lägg helt enkelt till Atriixs rad kod efter min i textrutan i Stylish.
@import url('http://snilius.com/uploads/swec/buttons.css');
____________________
Ubuntu font
Vill ni ha det mörka Stylish temat med ubuntus standardfont? (Om jag ska vara helt ärlig så fungerar det utan mitt tema med )
13.32.01.png)
Chrome: Lägg till denna raden kod på samma sätt som huvudtemat. (Notera att denna filen endast ändrar fonten, ni måste ha kvar den andra raden för att behålla temat).
@import url('http://blargmode.se/files/sweclockers_dark_theme/font_ubuntu....');
Opera: Öppna den neresparade filen (med t.ex Notepad) och klistra in allt från denna filen underst i filen.
Firefox: Sorry, Stylish till firefox är efterblivet, det är ett under att ni ens kan ha den vanliga css:en.
(Det borde fugerar utan att ni själva har fonten, annars finns den här).
______________________________________________________________________
Den tunna scrollbaren jag använder i bilderna (Chrome plugin)
https://chrome.google.com/webstore/detail/ojmmnceaidnmminjjffpndcbdibelgam
(Jag har inte något med det att göra, jag bara snubblade över det)
Notera att temat fungerar överlägset bäst i Chrome. Förutom en del buggar så lider Firefox av en dålig version av Stylish och Opera kräver att du har filerna lokalt.
Changelog:
2014-12-19 00:25 • beta 2.3_05 • SysGhost har tagit bort de fula vita kanterna på alla smileys!
2014-08-12 22:07 • beta 2.3_04 • PHP kod-taggar nu mer läsbara tack vare gn1p
2013-02-28 17:51 • beta 2.3_03 • De gamla post-headerserna tillagda som tillval
2012-11-22 21:54 • beta 2.3_02 • Alternativa post-headers tillagda som tillval
2012-08-04 23:34 • beta 2.3_01 • Massor av länkar och bakgrunden på meddelande fixade
2012-06-30 23:34 • beta 2.3_00 • Slideshow hörn, bakgrund på bannern i ffox och knappar! (knapparna är fortfarande under utveckling och saknas bland annat när man skriver inlägg)
2012-05-05 14:26 • beta 2.2_04 • Fixat bildtexten under bilder utanför textboxen i nyheter
2012-04-10 03:39 • beta 2.2_03 • Flikarna i bannern har fått aningen ljusare text
2012-03-31 15:19 • beta 2.2_02 • Firefox • Fixat bakgrunden på det översta reklamfältet
2012-03-31 02:50 • beta 2.2_01 • Fixat de vita "pilarna" i sidebaren
2012-03-31 02:21 • beta 2.2_00 • Lagt till en stilig bakgrundsbild och fixat några bilder som blev fel pga uppdateringen
2012-03-29 21:03 • beta 2.1_07 • Ljus bakgrund till PHP-code block för läsbarhetens skull (Har inte möjlighet att med css ändra textfärgerna)
2012-03-06 00:37 • beta 2.1_06 • Chrome • Fler bilder förskönade
2012-03-06 23:45 • beta 2.1_05 • Massor av länkar har integrerats i rätt färgschema
2012-03-06 20:33 • beta 2.1_04 • Chrome • Redigerat bildfilen för ett antal ikoner, stort tack till Jornathan för förstoringsglaset.
2012-03-05 18:27 • beta 2.1_03 • Lagt in en bakgrundsfärg på bilder i forumet så att man kan länka testresultat
2012-02-29 01:15 • beta 2.1_02 • Fixat en gradient för "visa mer" knapparna
2012-02-23 01:09 • beta 2.1_01 • Börjat konvertera länkar till orange
2012-02-22 15:45 • beta 2.1_00 • Auto-uppdatering för Chrome och Firefox
2012-02-22 14:04 • beta 2.0_03 • Sidindikatorn fixad i galleriet. Dess färg ändrad "globalt"
2012-02-19 16:39 • beta 2.0_02 • Tabeller med svart bakgrund och svart text fixade
2012-02-19 16:39 • beta 2.0_01 • Installationsvideos skapade till Chrome, Firefox och Opera
2012-02-19 04:48 • beta 2.0_01 • Funktionsikonerna när man skriver meddelande har fått lite neutralare bakgrund
2012-02-19 04:34 • beta 2.0_00 • Fungerar nu i Firefox och Opera!
2012-02-19 02:10 • beta 1.2_00 • Kan nu se testresultaten! Det var den sista stora buggen som känns till
2012-02-19 02:07 • beta 1.1_06 • Bytte till en snyggare färg på maincontent
2012-02-18 20:54 • beta 1.1_05 • Frilade Ubuntu-fonten (För att minska antalet css:er att uppdatera)
2012-02-18 20:26 • beta 1.1_05 • Gjorde så att /forum/översikt matchar de övriga forumssektionerna.
2012-02-18 17:02 • beta 1.1_04 • Gjorde paragraferna i galleriet ljusare.
2012-02-18 01:19 • beta 1.1_03 • Fixade marknads bakgrundsfärg
2012-02-17 17:19 • beta 1.1_02 • Fixade spoilerns bakgrundsfärg
2012-02-17 17:14 • beta 1.1_01 • Lade till stöd för diverse input-fält i stylen
2012-02-17 16:22 • beta 1.1_00 • Lade till en version med lite ljusare text
2012-02-17 16:14 • beta 1.0_03 • Fixade de där lömska citaten igen
2012-02-17 13:44 • beta 1.0_02 • Fixade citat som hade slutat fungera
2012-02-17 12:52 • beta 1.0_01 • Uppdaterade bild-länkar
2012-02-17 12:24 • beta 1.0_00 • Betan upplagd
%2015.15.08.png)
