Sudoku på din hemsida

Detta är en ny version av vår klassiska service. Här finns den tidigare versionen av sudoku för hemsidan

Vad sägs om ett dagligt sudoku på er webbplats? Färg och form kan anpassas till er grafiska profil! Varje dag får ni automatiskt ett nytt sudoku med ett utseende som ni själva designat för ej webbplats. Det kan locka många besökare att återvända!

Blir pusslet unikt? Ja, alla som använder vår tjänst får olika pussel. Ert dagliga sudoku blir inte detsamma som vårt, och inte heller detsamma som någon annans!

Kräver det mycket arbete? Nej, om man nöjer sig med ett standardmässigt utseende är det mycket enkelt: Klistra bara in vår html-kod på er hemsida!

Vill man ha ett mer personligt utseende på sudokut måste man vara beredd på att experimentera lite: Gör en kopia på den css-mall som vi tillhandahåller. Byt ut färger, fonter, storlekar, bilder och andra egenskaper som kan ändras från en css-mall.

Är era pussel lätta eller svåra? Vi har både enkla och svåra pussel och alla är erkänt roliga att spela! Ni kan välja mellan 6 olika svårighetsgrader men ni kan också ange att ni vill att svårighetsgraden skall variera mellan olika dagar.

Kostar det pengar? Nej, det är gratis under förutsättning att ni länkar till oss. Det gäller både små och stora webbplatser. Ni får även trycka våra pussel i skrift, så länge ni anger www.sudokuAssistant.com som källa! (Om ni inte vill länka till oss så kontakta oss för offert).

Kan ni länka tillbaka till oss? Ja, men bara från vår ständigt växande länksida. Detta gör vi mer eller mindre automatiskt. Ha en bra title och description på sidan! Välbesökta sidor hamnar högre upp i vår ranking av sudokusidor.

Exempel på ett litet pussel

För att få ett sudoku enligt nedanstående bild,.

Vi kan tyvärr inte visa detta <a href="http://www.sudokuassistant.com" title="sudoku assistenten" TARGET="_blank"> sudkoku</a> då er webbläsare ej stödjer iframes.
by sudokuAssistant.com
Behöver man bara klistra in följande html-kod på sin hemsida:

<table > <tr><td> <iframe allowtransparency="true" name="sudoku" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 WIDTH=230 HEIGHT=230 src="http://www.sudokuassistant.com/publicsudoku/sudokugen1.php?square=20&id=1365&old=0&show=0&mindiff=1&maxdiff=6"> Vi kan tyvärr inte visa detta <a href="http://www.sudokuassistant.com" title="sudoku assistenten" TARGET="_blank"> sudkoku</a> då er webbläsare ej stödjer iframes. </iframe> <tr><td align=left> <a href="http://www.sudokuassistant.com" title="sudoku assistenten" TARGET="_blank"> <span style="font-size:12px;font-family:sans-serif">by sudokuAssistant.com</span></a> </table>

Ovanstående kod visar sudokut i en så kallad iframe, nu för tiden klarar alla webbläsare av dessa. Vi har stoppat in vår iframe i en tabell med två rader. På den första raden finns vår iframe och på den andra en länk till oss. Under sudokut kommer det därför att stå by sudukoAssistant.com. Om ni vill kan ni ta bort tabellen och istället länka till oss från någon naturligare plats på er sudokusida.

Pusslet genereras av ett php-skript (sudokugen1.php) som kommer att köras på vår webbserver (er server behöver alltså inte kunna php).

Detaljer som kan ändras

Vi skall nu förklara vissa detaljer i ovanstående html-kod, men den som inte vill ändra något kan hoppa över detta.

Skriptet heter sudokugen1.php och det tar ett antal parametrar. tips:För den som vill experimentera med dessa parametrar kan det vara lämpligt att navigera direkt till sudokuts url och sedan ändra parametrarna i webbläsarens adressfält.

square: Storleken (i pixlar) på en sudokucell. Om man ändrar parametern square så måste man också ändra WIDTH och HEIGHT i iframe som rymmer sudokut. (Om man inte anger någon square-parameter så kommer sudoku-cellerna att få den storlek som anges i den så kallade css-mallen.)
id: Ett slumptal som gör att ert sudoku blir unikt. Det är viktigt att skicka med samma id då ni vill visa sudokuts lösning. (Om man inte anger något id får man ett nytt sudoku varje gång man besöker sidan.)
kid: Ett normalt sudoku har 9x9 rutor, men om kid=1 får man istället ett sudoku för barn/reklam med 4x4 rutor.
show: Om show=1 visas lösningen.
old: talar om hur gammalt sudoku som skall visas. Normalt vill man visa dagens sudoku, vilket motsvarar värdet 0, men ibland vill man visa (lösningen på) ett äldre sudoku. Om old=1 visas gårdagens pussel, om old=2 visas sudokut från i förrgår, osv.
mindiff, maxdiff: anger den minsta och största svårighetsgraden. Om mindiff=1 och maxdiff=6 täcker man upp hela skalan. Vissa dagar blir sudokuna enkla (svårighet 1) och andra dagar supersvåra (svårighet 6). På sikt kommer vi att höja den maximala svårighetsgraden från 6 till 10, om ni vill kan ni sätta maxdiff till 10 redan nu!
urldir: Fullständig url till en katalog på er server där ni lagrar bilder, css-mallar, etc.
css: Namnet på er personliga css-mall som styr färger och fonter mm. Om ingen css-mall anges kommer istället vår mall att användas
images: En kommaseparerad lista av namn på bildfiler. Bilderna visas i stället för siffror. (Den som använder en personlig css-mall kan lika gärna ange bilderna där.)
shield: Namn på en bildfil. Bilden visas i de tomma rutor som inte avslöjas för användaren. (Man kan lika gärna ange den här filen i sin personliga css-mall.)

Här finns några exempel på sudokus där vi ändrat parametrarna square, old, show och kid.

Bilder

Våra sudokun kan visa bilder istället för siffror. Man kan åstadkomma detta på två olika sätt. Den mest generella metoden är att skapa en egen stilmall (css-mall) som anger vilka bilder som skall använas, men man kan också ange bildfilerna som parametrar.

Nedan har vi angivit parametrarna urldir och images. Den första parametern anger url till den katalog (på er webbserver) där era bilder ligger, och den andra parametern anger en komma-separerad lista av filnamn.

<table > <tr><td> <iframe allowtransparency="true" name="sudoku" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 WIDTH=235 HEIGHT=235 src="http://www.sudokuassistant.com/publicsudoku/sudokugen1.php?kid=yes&square=52&id=1365&old=0&show=0&urldir=http://www.sudokuassistant.com/sw/sudokuweb/kids&images=bear50.png,hus50.png,car50.png,hund50.png"> Vi kan tyvärr inte visa detta <a href="http://www.sudokuassistant.com" title="sudoku assistenten" TARGET="_blank"> sudkoku</a> då er webbläsare ej stödjer denna funktion. </iframe> <tr><td align=left> <a href="http://www.sudokuassistant.com" title="sudoku assistenten" TARGET="_blank"> <span style="font-size:12px;font-family:sans-serif">by sudokuAssistant.com</span></a> </table>

Vi kan tyvärr inte visa detta <a href="http://www.sudokuassistant.com" title="sudoku assistenten" TARGET="_blank"> sudkoku</a> då er webbläsare ej stödjer denna funktion.
by sudokuAssistant.com

De enkla 4x4 sudokuna kan också användas för reklam. En vuxen besökare kan lösa pusslet i huvudet på 10-60 sekunder, men under dessa sekunder stirrar han eller hon intensivt på de fyra symbolerna! Tanken är att han/hon därefter omedvetet skall associera dem med varandra! Exempel:

Kod att kopiera finns på allians och sosseduko. För att få den blåa och rosa färgen på ramerna var vi tvungna att mixtra lite med css-mallen.

css-mallen

Med hjälp av en egen css-mall kan man göra avancerade förändringar på våra sudokus.

Våra sudokus är uppbyggda av flera html-tabeller där tabellernas olika celler tillhör olika klasser. (För att se html-koden kan man högerklicka i ett sudoku och välja visa källa). I sin stilmall (css-mall) kan man ändra egenskaperna för dessa klasser och därmed också utseendet på sudokut.

We cannot display this <a href="http://www.sudokuassistant.com" title="sudoku assistenten" TARGET="_blank"> sudkoku</a> since your browser does not support frames.
by sudoku assistant
De olika klasserna heter sudokubig,smalltab,hide, dig1,dig2,osv..

sudokubig: Detta är den stora 2x2-tabell som har en kraftig röd dotted ram. Tabellens bagrundsfärg är blå (men bakgrunden syns bara mellan de fyra gula ytorna). Tabellens TD-element har gul bakgundsfärg. Varje TD-element rymmer en mindre tabell.
smalltab: Alla små tabeller som motsvarar block i sudokut. I ovanstående exempel har dessa tabeller en svart dotted ram och deras bakgrundsfärg är orange.
hide: Till denna klass hör alla sudokuceller som är tomma. De har en ljusblå bakgrundsfärg.
dig1, dig2,..: Alla celler som innehåller siffran 4 tillhör klass dig4 osv.

För arr generera ovanstående sudoku använde vi nedanstående css-mall:

/* Typically we like a transparent body but,in addition, the IFRAME that includes the sudoku must have the style allowtransparency="true" */ body { background-color:transparent; } /* This table contains the sudoku-BLOCKS */ table.sudokubig { background-color:rgb(100,200,255); border-width:7px; border-color:red; border-style:dotted; padding:5px; margin:5px; spacing:5px; } table.sudokubig td { background-color:yellow; text-align:center; align:middle; padding:5px; margin:5px; spacing:5px; } /* This kind of table is a sudoku-BLOCK */ table.smalltab { background-color:orange; border-color:black; border-width:4px; border-style: dotted; } /* The individual sudoku cells */ table.smalltab td { background-color:rgb(230,230,255); color:rgb(200,50,50); border-color:yellow; border-width:2px; border-style:dotted; font-family: OCR A Extended; padding:0px; /*otherwice the cells becomes rectangular instead of square*/ width:25px; height:25px; font-size:15px; } /* The hidden cells may have another formatting */ table.smalltab td.hide { background-color: rgb(200,255,255); color:rgb(100,155,155); font-family:Comic Sans MS; }

och html-koden:

<table> <tr><td> <iframe allowtransparency="true" name="sudoku" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 WIDTH=200 HEIGHT=175 src="http://www.sudokuassistant.com/publicsudoku/sudokugen1.php?urldir=http://www.sudokuassistant.com/sw/sudokuweb/colour&css=sudokuindian.css&kid=1"> We cannot display this <a href="http://www.sudokuassistant.com" title="sudoku assistenten" TARGET="_blank"> sudkoku</a> since your browser does not support frames. </iframe> <tr><td> by <a href="http://www.sudokuassistant.com" target="_blank">sudoku assistant</a> </table>

För att modefiera fler parametrar måste man inspektera den html-kod som vi producerar.

Våra SuDokus på nätet

På vår länksida finns flera exempel på sajter som använder vara dagliga sudoku.

english sudoku