sömn; ok. Fast jag kände mig väldigt seg på morgonen. Har inte tagit några läkemedel alls på ett par dagar nu – det känns.<\/p>\n
Farsan<\/span> \tFixat och ordnat lite med fars ekonomiska papper – ordning och reda!<\/p>\n \tPromenad<\/span> \tLEGO<\/span> Bloggtrixande<\/span> Jag gör såhär uteslutande, nästan jämt, när jag håller på med 'kodning', för anteckningar i en ren textfil. Korpen<\/span> Hälsoläget<\/span>: sömn; ok. Fast jag kände mig väldigt seg på morgonen. Har inte tagit några läkemedel alls på ett par dagar nu – det känns. Farsan Ringde han. Han hade precis ätit och var på väg upp i sängen. Jag tycket … Forts\u00e4tt l\u00e4sa
\n\tRingde han. Han hade precis ätit och var på väg upp i sängen. Jag tycket han lät ynklig…
\n\tIdag var kommentaren: "Det går sin gilla gång…<\/span>". Det är är en bra bit under 'må-nivån': "Det knallar å går.<\/span>"<\/p>\n
\n\tHustrun fick faktiskt ut mig på en promenad trots isande snålblåst och lite råkyla.<\/p>\n
\n\tFick en legodetalj, ett vitt 40-kuggars kugghjul, idag. Jag beställde det den 3:e januari…<\/p>\n
\n\tIdag har jag härjat massor med min experimentblogg. I rutan nedan kan den eventuellt intresserade följa min s.k. arbetsgång 'workflow', ska det visst heta…:<\/p>\nArbeta med '<div>':ar\r\nid\tFörekommer bara en enda gång i ett HTML-dokument\t- prefix i styledefinitionen: '#'\r\nclass\tKan användas flera gånger \t\t\t\t- prefix i styledefinitionen: '.'\r\n\r\nI understand that the specificity for the id vs. class selector is based on a left-reading scale. The farther left your selector appears the less specific it is.\r\nFor example:\r\np{color:red;} \t\t\thas 0,0,0,1 (just an element)\r\n.red{color:red;} \t\thas 0,0,1,0 (just a class)\r\n#content p.red{color:red;}\thas 0,1,1,1 (an element, class and id)\r\n<inline style tag> \t\thas 1,0,0,0 (and trumps all specificity of CSS.)\r\nI find this useful to think about while writing my messy, messy code, so I thought I'd pass it along.\r\n\r\nGreat job of keeping it simple Ivan. A few other interesting css tidbits about id and class assignment for beginners:\r\n* You can specify only elements inside specific elements in the css by putting a space between the selectors. \r\n For example: \r\n #bigbox .foo {font-weight:bold;} \r\n will make any element with class="foo" inside an element with id="bigbox" bold.\r\n* You can assign multiple classes to html element by seperating them with spaces. \r\n For example: \r\n <p class="foo bluefoo">This Paragraph<\/p> \r\n would get whatever css styles you've assigned in the css for both .foo and .bluefoo.\r\n* Finally, assign a set of css rules to multiple selectors by seperating them in the css with commas: \r\n For example: \r\n html, strong, li, #foobar, .cheese {font-family:"comic sans";} \r\n This would apply the font, comic sans, to each of the listed selectors. Please don't do this. :)\r\n\r\n<div>\r\n<\/div>\r\n\r\n----------------\r\nHur ska min blogg organiseras?\r\n\r\nFinns det standardID som bör finnas?\r\nFinns det standardKlasser som bör finnas?\r\n\r\nJag testar först med antagandet; Nej.\r\nJag håller mig till engelska dels att man då slipper krånglet med åäö, vika inte funkar i all form av kodning. Dels att, blir det bra, så kanske temat kan publiceras.\r\nDe viktigaste;\r\nHela sidan:\t\t\tid="thepage"\r\nSidhuvudet: \t\t\tid="thehead"\r\nFlikarna:\t\t\tid="thetabs"\r\nHTML-sidans kropp (body):\tSamma som 'thepage' (inga 'div':ar ovanför taggen: 'body')\r\nVänster sidolist (meny):\tid="theleftsidebar"\r\nHöger sidolist (meny):\t\tid="therightsidebar"\r\nOmrådet uppe till höger som innehåller frågorna (widgetcontainer):\r\n\t\t\t\tid="thetopright"\r\nInläggen \/ posterna \/ 'loopen':\tid="theloop"\r\nRespektive inlägg \/ post:\tclass="thepost"\r\nRespektive inlägg \/ post, huvud:class="theposthead"\r\nRespektive inlägg \/ post, text (content = innehåll):\r\n\t\t\t\tclass="theposttext"\r\nRespektive inlägg \/ post, s.k. metadata (kategorier, ettiketter):\r\n\t\t\t\tclass="thepostmeta"\r\nRespektive inlägg \/ post, 'fot':class="thepostfoot"\r\nNavigeringsdelen, om det finns flera poster så kan man visa länk till föregående respektive efterkommande (nedanför loopen men tillhör den likväl):\r\n\t\t\t\tclass="thenavigation"\r\nSidfoten:\t\t\tid="thefoot"\r\n\r\n\r\nHur ser namngivnigen (id) ut för andra teman och då för 'the loop'?\r\ntemat: \r\nWordPress Default: \tID=content\r\nWordPress Classic:\tInget alls\r\nTwenty Ten:\t\tID=content samt en 'div' som omsluter den: ID=container\r\nNGN-WP:\t\t\tIngen Specifik\r\n\r\n-----------------\r\nTill 'verkligheten';\r\nI filen style.css definierar jag identiteter och klasser (jag sätter inga värden, än.):\r\n\r\n\/* START: placering på sidan och färger [typography and colors] *\/\r\n\/* Sidfoten [Foot] id *\/\r\n#thepage {} \r\n\r\n\/* Sidhuvudet [Head] id *\/\r\n#thehead {}\r\n\r\n\/* Flikarna [Tabs] id *\/\r\n#thetabs {}\r\n\r\n\/* Sidopanel (meny) [sidebar (menu)] id *\/\r\n#sidebar {}\r\n\r\n\/* Sidopanel 2 (meny) [sidebar 2 (menu)] id *\/\r\n#the2sidebar {}\r\n\r\n\/* Området uppe till höger som innehåller frågorna (widgetcontainer) [the most topright area inside the head] id *\/\r\n#thetopright {}\r\n\r\n\/* Inläggen \/ posterna \/ 'loopen' [the loop] id *\/\r\n#theloop {}\r\n\r\n\/* Respektive inlägg \/ post [the single post] klass [class] *\/\r\n.thepost {}\r\n\r\n\/* Respektive inlägg \/ post, huvud [the single post head] klass [class] *\/\r\n.theposthead {}\r\n\r\n\/* Respektive inlägg \/ post, text (content = innehåll) [the single post conten] klass [class] *\/\r\n.theposttext {}\r\n\r\n\/* Respektive inlägg \/ post, s.k. metadata (kategorier, ettiketter) [the single post meta] klass [class] *\/\r\n.thepostmeta {}\r\n\r\n\/* Respektive inlägg \/ post, 'fot' [the single post foot] klass [class] *\/\r\n.thepostfoot {}\r\n\r\n \/* Navigeringsdelen, om det finns flera poster så kan man visa länk till föregående respektive efterkommande (nedanför loopen men tillhör den likväl) [the navigation part below the loop] klass [class] *\/\r\n.thenavigation {}\r\n\r\n\/* Sidfoten [foot] id *\/\r\n#thefoot {}\r\n\r\n\/* SLUT: placering på sidan och färger [END: typography and colors] *\/\r\n\r\nOvan inklistrat i style.css 110126.\r\nKör en validiering: >>: 56 fel och en varning!? Phu! De har å göra med inläggen, allihopa.\r\n(I förbifarten noterade jag att blogg.ngn.nu har 4 fel?) De berodde också på ett misstag, av mig, när jag skapade ett inlägg med [Visa mer...]. Men egentligen inte.\r\nDet var WordPress admin editor som lade till taggen 'p', där jag inte ville ha den...)\r\n\r\nKan vara bra att bli av med felen så blior det lättare att följa processen.\r\n\r\nNu är det 0 fel och bara en varning, vilken får jag dock inte veta...\r\nTog bort kod för pollen:\r\nOriginal: "onclick="poll_result(%POLL_ID%); return false;" onkeypress="poll_result(%POLL_ID%); return false;" title="Visa resultat för den här analysen">Visa resultat<\/a><\/p><\/div>"\r\nÄndrade till: "onclick="poll_result(%POLL_ID%);" onkeypress="poll_result(%POLL_ID%);" title="Visa resultat för den här analysen">Visa resultat<\/a><\/p><\/div>"\r\nValidieringen gillande inte: "return false;" efter: "poll_result(%POLL_ID%);"\r\n*****************\r\n110127\r\nNu ska jag försöka mig på och styra upp placering av främst inläggen och sidolisterna\r\nFörst, grundfärgen för hela sidan: \r\n\tbackground-color: #970A07;\r\nPlaceras i style.css, vid:\r\n\/* Hela sidan [page] id *\/\r\n#thepage {} \r\n\r\nSå att det blir såhär:\r\n\/* Hela sidan [page] id *\/\r\n#thepage {\r\n\tbackground-color: #970A07;\r\n} \r\n\r\nFör att nu få färgen att synas måste jag lägga in en 'div' i filen header.php och footer.php med id=thepage\r\nI header plaseras:\r\n<div id="thepage"> strax under HTML-taggen: 'body'\r\noch jag skriver det såhär:\r\n<div id="thepage" \/* START *\/ > \r\n\r\nSedan läger jag in sluttaggen i footer.php. Strax ovanför HTML-taggen: '\/body'. Så här:\r\n\r\n<\/div \/ END id thepage *\/ > \r\n\r\nDags för test: >>: Inget... Validieringen gillar inte mitt sätt att lägga in kommentarer.\r\n\r\nJag ändrar från:\r\n<div id="thepage" \/* START *\/ > \r\n<\/div \/ END id thepage *\/ > \r\ntill:\r\n<div id="thepage" ><!-- START --> \r\n<\/div><!-- END id thepage -->\r\n\r\nNy test: >>: Inga fel men inget syns\r\n\r\nPrövar med att ge attribut till HTML-taggen direkt. i style.css, så här:\r\nbody {\r\n\tbackground-color: #970A07;\r\n}\r\n\r\nNy test: >>: Det tog skruv!\r\nAntagligen hade jag ocks dirket i HTML-taggen: body satt samma sak genom att ha gett taggens parameter 'id' värdet 'thepage'.\r\nJag testar för att lära mig: >>: stämde bra.\r\n\r\nNu är frågan: Vilket är att föredra?\r\nJag väljer att placera 'styrningen i style.css. Det ger möjligheten att i enskilda (andra) taggar i sätta annat värde och det får då första prioritet.\r\n\r\nNu vill jag anpassa visningen av inläggen. Annan bakrundsfärg, smalare, i mitten, 'theloop': \r\nI style.css, lägger jag till:\r\n\/* Inläggen \/ posterna \/ 'loopen' [the loop] id *\/\r\n#theloop {\r\n\twidth:32%;\r\n}\r\n\r\nI index.php lägger jag in:\r\n<div id="theloop"><!-- START -->\r\nstrax ofanför koden:\r\n<?php if (have_posts()) : ?>\r\n\r\nOch strax nedanför:\r\n<?php endif; ?>\r\nLägger jag till:\r\n<\/div><!-- id theloop END -->\r\n\r\nTest: >>: Helt OK (kanske lite smalt men jag avvaktar lite med eventuella justeringar)\r\n\r\nNu sätter vi 'min' bakgrundsfärg för respektive inlägg (post).\r\nDet gör jag först i style.css:\r\n\/* Respektive inlägg \/ post [the single post] klass [class] *\/\r\n.thepost {\r\n\tbackground-color: #D1D197;\r\n}\r\n\r\nSedan sätter vi en 'div' i index.php\r\nStrax under koden:\r\n<?php if (have_posts()) : ?>\r\nSå här: <div class="thepost"><!-- START -->\r\n\r\nOch strax nedanför koden:\r\n<?php endwhile; ?>\r\nSå här:\r\n<\/div><!-- class thepost END -->\r\n\r\nTest: >>: OK\r\n\r\nPlacera inläggen i mitten:\r\nLägger till två rader vid definitionen av 'theloop', så här:\r\n\/* Inläggen \/ posterna \/ 'loopen' [the loop] id *\/\r\n#theloop {\r\n\twidth:32%;\r\n\tmargin-left:auto;\r\n\tmargin-right:auto;\r\n}\r\n\r\nTest: >>: OK\r\n\r\nNu ska vi se om jag fixar att placera huvudsidopanelen, till vänster, om inläggen.\r\nFörst en 'container' för detta ändamål, en 'div'. Den är ju redan difinierad: 'sidebar'.\r\nNu käller det dock att få den placerad på rätt ställe med önskad bredd och bakgrundsfärg.\r\nBakgrundsfärg:\r\n\tbackground-color: #7A7649;\r\nPositionen \/ placeringen:\r\n\tfloat:left;\r\n\tposition:relative;\r\nBredd:\r\n\twidth:15%;\r\n\r\nPrövar med att placera allt i id=sidebar i filen style.css, så här:\r\n\/* Sidopanel (meny) [sidebar (menu)] id *\/\r\n#sidebar {\r\n\tbackground-color: #7A7649;\r\n\twidth:15%;\r\n\tfloat:left;\r\n\tposition:relative;\r\n}\r\n\r\nSedan ska den definitionen få effekt, det sätter jag i filen index.php, så här:\r\n<div id="sidebar"><!-- START -->\r\n\t<?php get_sidebar(); ?>\r\n<\/div><!-- id sidebar END -->\r\n\r\nTest: >>: OK\r\n\r\nMen jag vill ha den intill inläggen. Nu befinner den sig längst till vänster i fönstret.\r\nDags att sätta bredden på 'hela' bloggen. Av erfarenhet har jag märkt att det funkar väl om jag sätter bredden till 950px, statisk bredd. Med minsta bredd definierad till 800px\r\nI stilfilen style.css blir det såhär:\r\n\/* Hela sidan [page] id *\/\r\n#thepage {\r\n\twidth:950px;\r\n\tmin-width:800px;\r\n\tmargin-left:auto;\r\n\tmargin-right:auto;\r\n}\r\n\r\nTest: >>: OK\r\n\r\nFast nu få jag ändra lite breddvärden:\r\nInläggen:\r\nFrån: 32%\r\nTill: 52%\r\n\r\nSidopanelen:\r\nFrån: 15%\r\nTill: 22%\r\n\r\nTest: >>: OK.\r\n\r\nNu vill jag skapa en höger sidopanel också så att jag lättare ska kunna finslipa på utseendet. Men före finslipande ska jag fixa till sidhuvudet. Det ska också delas in i tre s.k. kolumner. Tidigare har jag valt att göra det via en tabell nu ska jag använda 'div':ar.\r\nFörst, är den registrerad i functions.php? (så att man kan lägga in s.k. widgets i den).\r\nSvar: Nej.\r\nDå gör vi det, i filen functions.php lägger jag till, strax efter den första registreringen:\r\nregister_sidebar(array(\r\n 'name' => 'the2sidebar',\r\n 'before_widget' => '',\r\n 'after_widget' => '',\r\n 'before_title' => '',\r\n 'after_title' => '',\r\n ));\r\n\r\nFör att det hela ska fungera så att man kan använda den till annat än att lägga s.k. widgets i så är det ytterst lämpligt att skapa en fil som heter: \r\nthe2sidebar.php\r\nMed innehållet, till att börja med:\r\n\/\/ innehåll som man vill visa innan de s.k. widgets, den 2:a\r\n<?php if ( !function_exists('dynamic_sidebar')\r\n || !dynamic_sidebar() ) : ?>\r\n\/\/ standard sidomeny om inga widgets används\r\n<?php endif; ?>\r\n\/\/ innehåll som man vill visa efter de s.k. widgets, den 2:a\r\n\r\nDen 2:a panel ska också få bakgrundsfärg, bredd och placering, i stilfiloen: style.css, så här:\r\n\/* Sidopanel 2 (meny) [sidebar 2 (menu)] id *\/\r\n#the2sidebar {\r\n\tbackground-color: #7A7649;\r\n\twidth:20%;\r\n\tfloat:right;\r\n\tposition:relative;\r\n}\r\n\r\nI huvudmallen, index.php, \r\nStrax nedanför koden för den andra sidolisten:\r\n<?php get_footer(); ?>\r\nlägger jag in följande:\r\n<div id="the2sidebar"><!-- START -->\r\n\t<?php include (TEMPLATEPATH . '\/the2sidebar.php'); ?>\r\n<\/div><!-- id the2sidebar END -->\r\n\r\nLägger in en s.k. widget i den för stt se så den dyker upp.\r\n\r\nTest: >>: ok men 'fel' widget visades?\r\n\r\nVad kommer det sig?\r\n\r\nHade missat att tala om vilken sidopanel, med widgets, som skulle användas, i filen: the2sidebar.php\r\nEn kodrad såg ut såhär:\r\n|| !dynamic_sidebar() ) : ?>\r\nDen ska se ut såhär:\r\n|| !dynamic_sidebar('the2sidebar') ) : ?>\r\n\r\nTest: >>: OK.\r\n\r\nNu vill jag fixa till sidhuvudet.\r\nDela in den efter samma princip som 'bloggkroppen'.\r\n\r\nHar redigerat filen style.css, den delen som jag valt att placera definitionerna av HTML -sidans övre del. Nu ser det ut såhär:\r\n\/* Fönsterhuvudet, rubrikdelen [window header part] id *\/\r\n#thewindowhead {}\r\n\r\n\/* vänstra övre delen av fönstret [te left upper part of window] id *\/ \r\n#thetopleft {}\r\n\r\n\/* Mittendelen av fönsterhuvudet (rubrikdelen) [the middle part of window header part] id *\/\r\n#thetopmiddle {}\r\n\r\n\/* Området uppe till höger som innehåller frågorna (widgetcontainer) [the most topright area inside the window] id *\/\r\n#thetopright {}\r\n\r\nFör att inte röra till det för mycket i originalfilerna och dessutom göra det lättare att spåra fel så väljer jag att skapa en separat fil för detta:\r\nngn-hedaer.php\r\nOch den fyller jag med, än så länge:\r\n<H1><?php bloginfo( 'name' ); ?><\/H1>\r\n\r\nOch i filen header.php, lägger skriver jag sist:\r\nJag tar bort raden:\r\n<H1><?php bloginfo( 'name' ); ?><\/H1>\r\nOch skriver i stället:\r\n<div id="thewindowhead"><!-- START -->\r\n\t<?php include (TEMPLATEPATH . '\/ngn-header.php'); ?>\r\n<\/div><!-- id thewindowhead END -->\r\n\r\nTest: >>: OK\r\n[] Min bild i vänsterdelen\r\n[] bloggnamnet i mitten\r\n[] Pollen till höger\r\n\r\nRegistrerar över högra delem som s.k. widgetcontainer i filen fonctions.php:\r\nregister_sidebar(array(\r\n 'name' => 'thetopright',\r\n 'before_widget' => '',\r\n 'after_widget' => '',\r\n 'before_title' => '',\r\n 'after_title' => '',\r\n ));\r\n\r\nHar lagt in följande i filen, ngn-header.php:\r\n<!-- vänstra övre delen av fönstret [the left upper part of window] -->\r\n<div id="thetopleft"><!-- START -->\r\n<\/div><!-- id thetopleft END -->\r\n\r\n<!-- Mittendelen av fönsterhuvudet (rubrikdelen) [the middle part of window header part] -->\r\n<div id="thetopmiddle"><!-- START -->\r\n\t<H1><?php bloginfo( 'name' ); ?><\/H1>\r\n<\/div><!-- id thetopmiddle END -->\r\n\r\n<!-- Området uppe till höger som innehåller frågorna (widgetcontainer) [the most topright area inside the window] id -->\r\n<div id="thetopright"><!-- START -->\r\n\/\/ innehåll som man vill visa innan de s.k. widgets, den 3:e\r\n<?php if ( !function_exists('dynamic_sidebar')\r\n || !dynamic_sidebar('thetopright') ) : ?>\r\n\/\/ standard sidomeny om inga widgets används\r\n<?php endif; ?>\r\n\/\/ innehåll som man vill visa efter de s.k. widgets, den 3:e\r\n<\/div><!-- id thetopright END -->\r\n\r\nInnan jag testar byter jag ut widget i panel 1.\r\n\r\nTest: >>: OK\r\n\r\nNu ser aktuell del i style.css ut enligt nedan:\r\n\/* vänstra övre delen av fönstret [the left upper part of window] id *\/ \r\n#thetopleft {\r\n\twidth:22%;\r\n\tfloat:left;\r\n\tposition:relative;\r\n}\r\n\r\n\/* Mittendelen av fönsterhuvudet (rubrikdelen) [the middle part of window header part] id *\/\r\n#thetopmiddle {\r\n\twidth:52%;\r\n\tmargin-left:auto;\r\n\tmargin-right:auto;\r\n}\r\n\r\n\/* Området uppe till höger som innehåller frågorna (widgetcontainer) [the most topright area inside the window] id *\/\r\n#thetopright {\r\n\tbackground-color: #D1D197;\r\n\twidth:22%;\r\n\tfloat:right;\r\n\tposition:relative;\r\n}\r\n\r\nOch ngn-header.php innehåller:\r\n<!-- vänstra övre delen av fönstret [the left upper part of window] -->\r\n<div id="thetopleft"><!-- START -->\r\n\t<p align='center'><img src='\/images\/Nisse_02(1).jpg' alt='Bild på bloggens författare' \/><\/p>\r\n\t<p align='center'><font color='#FFFFFF'><b>Nisse<\/b><\/font><\/p>\r\n<\/div><!-- id thetopleft END -->\r\n\r\n<!-- Mittendelen av fönsterhuvudet (rubrikdelen) [the middle part of window header part] -->\r\n<div id="thetopmiddle"><!-- START -->\r\n\t<H1><?php bloginfo( 'name' ); ?><\/H1>\r\n<\/div><!-- id thetopmiddle END -->\r\n\r\n<!-- Området uppe till höger som innehåller frågorna (widgetcontainer) [the most topright area inside the window] id -->\r\n<div id="thetopright"><!-- START -->\r\n\t\/\/ innehåll som man vill visa innan de s.k. widgets, den 3:e\r\n\t<?php if ( !function_exists('dynamic_sidebar')\r\n \t|| !dynamic_sidebar('thetopright') ) : ?>\r\n\t\/\/ standard sidomeny om inga widgets används\r\n\t<?php endif; ?>\r\n\t\/\/ innehåll som man vill visa efter de s.k. widgets, den 3:e\r\n<\/div><!-- id thetopright END -->\r\n\r\nTest: >>: intressant...\r\nFår nog sätta höjd på 'thewindowhead'\r\n\r\nPrövar med, i filen style.css:\r\n\/* Fönsterhuvudet, rubrikdelen [window header part] id *\/\r\n#thewindowhead {\r\n\tmin-height:300px;\r\n}\r\n\r\nLite bättre. Ser om det fixar sig om jag breddar övre högra delen.\r\nDet verkar kört att fixa det här via 'div':ar. Om t.ex. en s.k. förälder-div innehåller en barn-div, en 'ruta' i en 'ruta' så ökas inte höjden, per automatik på förälder-diven om barn-divens höjd ökas. Och det vill jag att det ska göra så jag får nog ta till HTML-taggen: 'table' och tillhörande; 'tr' & 'td'.\r\nEnklast möjliga tabell, med en s.k. cell:\r\n<table><tr><td><\/td><\/tr><\/table>\r\n\r\nJag prövar:\r\nJag fick till det riktigt bra men jag fick tänka om en hel del. Så här; skrev om aktuell del i style.css:\r\n\/* vänstra övre delen av fönstret [the left upper part of window] class *\/ \r\n.thetopleft-contanier {}\r\n\r\ntd.thetopleft-contanier{\r\n\ttext-align:left;\r\n\tvertical-align:top;\r\n}\r\n\r\n.thetopleft {}\r\n\r\ntd.thetopleft{\r\n\tcolor:#FFFFFF;\r\n\ttext-align:center;\r\n\tvertical-align:top;\r\n}\r\n\r\n\/* Mittendelen av fönsterhuvudet (rubrikdelen) [the middle part of window header part] class *\/\r\n.thetopmiddle {}\r\n\r\ntd.thetopmiddle{\r\n\ttext-align:center;\r\n}\r\n\r\n\/* Området uppe till höger som innehåller frågorna (widgetcontainer) [the most topright area inside the window] class *\/\r\n.thetopright {\r\n\tbackground-color: #D1D197;\r\n}\r\n\r\ntd.thetopright{\r\n\twidth:35%;\r\n}\r\n\r\nOch filen ngn-header.php ser nu ut såhär:\r\n<table><tr>\r\n<td class="thetopleft-contanier"><table><tr>\r\n<td class="thetopleft">\r\n<!-- vänstra övre delen av fönstret [the left upper part of window] -->\r\n\t<p><img src='\/images\/Nisse_02(1).jpg' alt='Bild på bloggens författare' \/><\/p>\r\n\t<p><b>Nisse<\/b><\/p>\r\n<\/td>\r\n<\/tr><\/table>\r\n<td class="thetopmiddle">\r\n<!-- Mittendelen av fönsterhuvudet (rubrikdelen) [the middle part of window header part] -->\r\n\t<H1><?php bloginfo( 'name' ); ?><\/H1>\r\n<\/td>\r\n<td class="thetopright">\r\n<!-- Området uppe till höger som innehåller frågorna (widgetcontainer) [the most topright area inside the window] id -->\r\n\t\/\/ innehåll som man vill visa innan de s.k. widgets, den 3:e\r\n\t<?php if ( !function_exists('dynamic_sidebar')\r\n \t|| !dynamic_sidebar('thetopright') ) : ?>\r\n\t\/\/ standard sidomeny om inga widgets används\r\n\t<?php endif; ?>\r\n\t\/\/ innehåll som man vill visa efter de s.k. widgets, den 3:e\r\n<\/td><\/tr><\/table>\r\n\r\nJag känner mig nöjd med att arbeta enligt ovan och validieringen verkar ju gilla det också.\r\nEftersom det är så rackarns knepigt att få 'div':arna att lyda gör jag något liknande med bloggens kropp.\r\nNackdelen med det är att jag 'binder' sidopanelerna vid en fix position.\r\nMen nu är jag ju konrvativ av mig, i den delen, så då får det bli så.\r\n\r\nDet var rackarns vad det var knepigt. Fick problem med ett glapp över första 'posten'. Hittade till slut något som kallas 'Mayer's reset' och den sopade verkligen rent.\r\nSka bli intressant att sätta allt 'från början'...\r\nSå'här ser filerna ut nu:\r\nstyle.css:\r\n\/*\r\nTheme Name: NGN-2011\r\nTheme URI: http:\/\/ngn.nu\/WP\/NGN-2011\r\nDescription: Nisses egna hopsnickrade tema, med start 2011.\r\nAuthor: Nils-Gunnar Nordlundh (NGN)\r\nAuthor URI: https:\/\/blogg.ngn.nu\r\nVersion: 1.0 \r\nTags: två sidolister \/ two sidebars, fix bredd \/ fixed width, administrerbara favoritlänkar \/ custom links, administrerbara flikar \/ custom tabs\r\n\r\nLicense: Open Source och \/ and Nils-Gunnar Nordlundh\r\nLicense URI:\r\n\r\n*\/\r\n\r\n\/* Sätt 'allt' till 'noll' START [myers reset]*\/\r\n\/* http:\/\/meyerweb.com\/eric\/tools\/css\/reset\/ \r\n v2.0 | 20110126\r\n License: none (public domain)\r\n*\/\r\n\r\nhtml, body, div, span, applet, object, iframe,\r\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\r\na, abbr, acronym, address, big, cite, code,\r\ndel, dfn, em, img, ins, kbd, q, s, samp,\r\nsmall, strike, strong, sub, sup, tt, var,\r\nb, u, i, center,\r\ndl, dt, dd, ol, ul, li,\r\nfieldset, form, label, legend,\r\ntable, caption, tbody, tfoot, thead, tr, th, td,\r\narticle, aside, canvas, details, embed, \r\nfigure, figcaption, footer, header, hgroup, \r\nmenu, nav, output, ruby, section, summary,\r\ntime, mark, audio, video {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tfont-size: 100%;\r\n\tfont: inherit;\r\n\tvertical-align: baseline;\r\n}\r\n\/* HTML5 display-role reset for older browsers *\/\r\narticle, aside, details, figcaption, figure, \r\nfooter, header, hgroup, menu, nav, section {\r\n\tdisplay: block;\r\n}\r\nbody {\r\n\tline-height: 1;\r\n}\r\nol, ul {\r\n\tlist-style: none;\r\n}\r\nblockquote, q {\r\n\tquotes: none;\r\n}\r\nblockquote:before, blockquote:after,\r\nq:before, q:after {\r\n\tcontent: '';\r\n\tcontent: none;\r\n}\r\ntable {\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0;\r\n}\r\n\/* Sätt 'allt' till 'noll' END *\/\r\n\r\n\r\n\/* START: placering på sidan och färger [typography and colors] *\/\r\n\/* sätt värden till HTML-taggar [put some values to HTML-tags direktly] START *\/\r\nbody {\r\n\tbackground-color: #970A07;\r\n}\r\n\r\n\/* sätt värden till HTML-taggar [put some values to HTML-tags direktly] END *\/\r\n\/* Hela sidan [page] id *\/\r\n#thepage {\r\n\twidth:950px;\r\n\tmin-width:800px;\r\n\tmargin-left:auto;\r\n\tmargin-right:auto;\r\n}\r\n\r\n\/* Fönsterhuvudet, rubrikdelen [window header part] id *\/\r\n#thewindowhead {}\r\n\r\n\/* vänstra övre delen av fönstret [the left upper part of window] class *\/ \r\n.thetopleft-contanier {}\r\n\r\ntd.thetopleft-contanier{\r\n\ttext-align:left;\r\n\tvertical-align:top;\r\n}\r\n\r\n.thetopleft {}\r\n\r\ntd.thetopleft{\r\n\tcolor:#FFFFFF;\r\n\ttext-align:center;\r\n\tvertical-align:top;\r\n}\r\n\r\n\/* Mittendelen av fönsterhuvudet (rubrikdelen) [the middle part of window header part] class *\/\r\n.thetopmiddle {}\r\n\r\ntd.thetopmiddle{\r\n\ttext-align:center;\r\n}\r\n\r\n\/* Området uppe till höger som innehåller frågorna (widgetcontainer) [the most topright area inside the window] class *\/\r\n.thetopright {\r\n\tbackground-color: #D1D197;\r\n}\r\n\r\ntd.thetopright{\r\n\twidth:35%;\r\n}\r\n\r\n\/* Flikarna [tabs] id *\/\r\n#thetabs {}\r\n\r\n\/* Sidopanel (meny) [sidebar (menu)] class *\/\r\n.sidebar-contanier {}\r\n\r\ntd.sidebar-contanier{\r\n\tvertical-align:top;\r\n}\r\n\r\n.sidebar {}\r\n\r\ntd.sidebar{\r\n\tbackground-color: #7A7649;\r\n\twidth:22%;\r\n\tvertical-align:top;\r\n}\r\n\r\n\/* Sidopanel 2 (meny) [sidebar 2 (menu)] class *\/\r\n.the2sidebar-container {}\r\n\r\ntd.the2sidebar-container{\r\n\tvertical-align:top;\r\n}\r\n\r\n.the2sidebar {}\r\n\r\ntd.the2sidebar{\r\n\tbackground-color: #7A7649;\r\n\twidth:22%;\r\n\tvertical-align:top;\r\n}\r\n\r\n\/* Inläggen \/ posterna \/ 'loopen' [the loop] class *\/\r\n.theloop-container {}\r\n\r\ntd.theloop-container {\r\n\tvertical-align:top;\r\n}\r\n\r\n.theloop {}\r\n\r\ntd.theloop {\r\n\twidth:52%;\r\n\tvertical-align:top;\r\n}\r\n\r\n\/* Respektive inlägg \/ post [the single post] klass [class] *\/\r\n.thepost {\r\n\tbackground-color: #D1D197;\r\n}\r\n\r\n\/* Respektive inlägg \/ post, huvud [the single post head] klass [class] *\/\r\n.theposthead {}\r\n\r\n\/* Respektive inlägg \/ post, text (content = innehåll) [the single post conten] klass [class] *\/\r\n.theposttext {}0\r\n\r\n\/* Respektive inlägg \/ post, s.k. metadata (kategorier, ettiketter) [the single post meta] klass [class] *\/\r\n.thepostmeta {}\r\n\r\n\/* Respektive inlägg \/ post, 'fot' [the single post foot] klass [class] *\/\r\n.thepostfoot {}\r\n\r\n \/* Navigeringsdelen, om det finns flera poster så kan man visa länk till föregående respektive efterkommande (nedanför loopen men tillhör den likväl) [the navigation part below the loop] klass [class] *\/\r\n.thenavigation {}\r\n\r\n\/* Sidfoten [foot] id *\/\r\n#thefoot {}\r\n\r\n\/* SLUT: placering på sidan och färger [END: typography and colors] *\/\r\n\r\nFilen: functions.php;\r\n<?php\r\nif ( function_exists('register_sidebar') )\r\n register_sidebar(array(\r\n 'before_widget' => '<hr \/>',\r\n 'after_widget' => '',\r\n 'before_title' => '<H3>',\r\n 'after_title' => '<\/H3>',\r\n ));\r\n\r\nregister_sidebar(array(\r\n 'name' => 'the2sidebar',\r\n 'before_widget' => '<hr \/>',\r\n 'after_widget' => '',\r\n 'before_title' => '<H3>',\r\n 'after_title' => '<\/H3>',\r\n ));\r\n\r\nregister_sidebar(array(\r\n 'name' => 'thetopright',\r\n 'before_widget' => '',\r\n 'after_widget' => '',\r\n 'before_title' => '',\r\n 'after_title' => '',\r\n ));\r\n\r\n?>\r\n\r\nFilen: index.php;\r\n<?php get_header(); ?>\r\n<table><tr>\r\n<td class="sidebar-contanier"><!-- START -->\r\n\t<table><tr>\r\n\t\t<td class="sidebar"><!-- START -->\r\n\t\t\t<?php get_sidebar(); ?>\r\n\t\t<\/td><!-- class sidebar END -->\r\n\t<\/tr><\/table>\r\n<\/td><!-- class sidebar-contanier END -->\r\n<td class="theloop-container"><!-- START -->\r\n\t<table><tr>\r\n\t\t<td class="theloop"><!-- START -->\r\n\t\t<?php if (have_posts()) : ?>\r\n\t\t\t<?php while (have_posts()) : the_post(); ?>\r\n\t\t\t\t<div class="thepost"><!-- START -->\r\n\t\t\t\t\t<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent länk till: <?php the_title_attribute(); ?>"><?php the_title(); ?><\/a><\/h2>\r\n\t\t\t\t\t<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --><\/small>\r\n\t\t\t\t\t\t<?php the_content('Läs resten av det här inlägget »'); ?>\r\n\t\t\t\t\t<p class="postmetadata"><?php the_tags('Ettiketter: ', ', ', '<br \/>'); ?> Kategori: <?php the_category(', ') ?> | <?php edit_post_link('Redigera', '', ' | '); ?> <!-- <?php comments_popup_link('Inga Kommenetarer »', '1 Kommentar »', '% Kommentarer »'); ?> --><\/p>\r\n\t\t\t\t<\/div><!-- class thepost END -->\r\n\t\t\t<?php endwhile; ?>\r\n\t\t\t\t<?php next_posts_link('« Äldre inlägg') ?>\r\n\t\t\t\t<?php previous_posts_link('Nyare inlägg »') ?>\r\n\t\t<?php else : ?>\r\n\t\t\t<h2 class="center">Hittar inget<\/h2>\r\n\t\t\t<p class="center">Du söker efter något som inte hittas, här..<\/p>\r\n\t\t\t<?php include (TEMPLATEPATH . "\/searchform.php"); ?>\r\n\t\t<?php endif; ?>\r\n\t<\/td><!-- class theloop END -->\r\n\t<\/tr><\/table>\r\n<\/td><!-- class theloop-container END -->\r\n<td class="the2sidebar-container"><!-- START -->\r\n\t<table><tr>\r\n\t\t<td class="the2sidebar"><!-- START -->\r\n\t\t\t<?php include (TEMPLATEPATH . '\/the2sidebar.php'); ?>\r\n\t\t<\/td><!-- id the2sidebar END -->\r\n\t<\/tr><\/table>\r\n<\/td><!-- class the2sidebar-container END -->\r\n<\/tr><\/table>\r\n<?php get_footer(); ?>\r\n\r\nFilen: header.php;\r\n<!DOCTYPE html>\r\n<html xmlns="http:\/\/www.w3.org\/1999\/xhtml" <?php language_attributes(); ?>>\r\n<head>\r\n<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" \/>\r\n<title><?php wp_title(); ?> <?php bloginfo( 'name' ); ?><\/title>\r\n<link rel="profile" href="http:\/\/gmpg.org\/xfn\/11" \/>\r\n<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>" type="text\/css" media="screen" \/>\r\n<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" \/>\r\n<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>\r\n<?php wp_head(); ?>\r\n<\/head>\r\n<body>\r\n<div id="thepage" ><!-- START -->\r\n<div id="thewindowhead"><!-- START -->\r\n\t<?php include (TEMPLATEPATH . '\/ngn-header.php'); ?>\r\n<\/div><!-- id thewindowhead END -->\r\n<!-- Här ska sedan in anropet till filen: 'ngn-theTabs.php' -->\r\n\r\nFilen: ngn-header.php;\r\n<table><tr>\r\n<td class="thetopleft-contanier">\r\n\t<table><tr>\r\n\t\t<td class="thetopleft">\r\n\t\t\t<!-- vänstra övre delen av fönstret [the left upper part of window] -->\r\n\t\t\t<p><img src='\/images\/Nisse_02(1).jpg' alt='Bild på bloggens författare' \/><\/p>\r\n\t\t\t<p><b>Nisse<\/b><\/p>\r\n\t\t<\/td>\r\n\t<\/tr><\/table>\r\n<\/td>\r\n<td class="thetopmiddle">\r\n<!-- Mittendelen av fönsterhuvudet (rubrikdelen) [the middle part of window header part] -->\r\n\t<H1><?php bloginfo( 'name' ); ?><\/H1>\r\n<\/td>\r\n<td class="thetopright">\r\n<!-- Området uppe till höger som innehåller frågorna (widgetcontainer) [the most topright area inside the window] id -->\r\n\t\/\/ innehåll som man vill visa innan de s.k. widgets, den 3:e\r\n\t<?php if ( !function_exists('dynamic_sidebar')\r\n \t|| !dynamic_sidebar('thetopright') ) : ?>\r\n\t\/\/ standard sidomeny om inga widgets används\r\n\t<?php endif; ?>\r\n\t\/\/ innehåll som man vill visa efter de s.k. widgets, den 3:e\r\n<\/td><\/tr><\/table>\r\n\r\nFilen: sidebar.php;\r\n\/\/ innehåll som man vill visa innan de s.k. widgets\r\n<?php if ( !function_exists('dynamic_sidebar')\r\n || !dynamic_sidebar() ) : ?>\r\n\/\/ standard sidomeny om inga widgets används\r\n<?php endif; ?>\r\n\/\/ innehåll som man vill visa efter de s.k. widgets\r\n\r\nFilen: the2sidebar.php;\r\n\/\/ innehåll som man vill visa innan de s.k. widgets, den 2:a\r\n<?php if ( !function_exists('dynamic_sidebar')\r\n || !dynamic_sidebar('the2sidebar') ) : ?>\r\n\/\/ standard sidomeny om inga widgets används\r\n<?php endif; ?>\r\n\/\/ innehåll som man vill visa efter de s.k. widgets, den 2:a\r\n\r\nFilen: footer.php;\r\n<hr \/>\r\n<!-- Om man vill visa att man gillar WordPress så kan man visa det här, t.ex. -->\r\n\t<p>\r\n\t\t<?php bloginfo('name'); ?> fungerar tack vare \r\n\t\t<a href="http:\/\/wordpress.org\/">WordPress<\/a>\r\n\t\t<br \/><a href="<?php bloginfo('rss2_url'); ?>">Inlägg (RSS)<\/a>\r\n\t\toch <a href="<?php bloginfo('comments_rss2_url'); ?>">Kommentarer (RSS)<\/a>.\r\n\t\t<!-- <?php echo get_num_queries(); ?> besök. <?php timer_stop(1); ?> sekunder. -->\r\n\t<\/p>\r\n\t<?php wp_footer(); ?>\r\n<\/div><!-- END id thepage -->\r\n<\/body>\r\n<\/html>\r\n\r\nNu får det räcka för idag!\r\n**********************\r\n<\/pre>\n
\n\tOch jag kan meddela att bloggexp.ngn.nu under hela utvecklingens gång validieras och det är inga 'error' (bara en varning, fortfarande?)<\/p>\n
\n\tFick ett mej från den som ledde varmvattengympan på fredagar, det var fullt. Även på torsdagen. Så nu ligger mitt hopp till Distriktssjukgymnastiken.<\/p>\n
\n\tInga höga växlar idag… Segt och trögt men svär värk att gnälla om. Min tinnitus kan jag däremot gnälla mycket om. Mina eksem har blivit betydligt bättre så då var det svamp som doktorn trodde.
\n\t[02-05-045-045]<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"