WebDesignBlog » designa bloggen

Gratis bloggmall Orange – Designa bloggen bloggdesign

Samuel Liljekvist — Sat, 04 Feb 2012 17:58:45 +0000

Nu finns en ny gratis bloggmall att ladda ner från Webdesignblog. Denna gratis bloggmall heter Orange och bloggdesignen är just orange. Bloggmallen är utrustad med en vertikal meny med underkategorier och skiftar färg när man rör musen över menyn i bloggmallen. Under headern finns en horisontell meny där bloggens sidor visas. Jag har använt ett wordpress-plugin som heter wp-insert för att infoga annonser före och efter alla inlägg samt i vänsterkolumnen. Hoppas någon gillar denna bloggmall och laddar ner den. Du får gärna låta länken till www.webdesignblog.se vara kvar längst ner i bloggmallen så att fler kan hitta gratis bloggmallar. Vill du ha hjälp att designa bloggen kan du gå med i min bloggskola. Är du inte bekant med WordPress och vill ha hjälp att installera en wordpressblogg på webbhotellet kan du se film om att installera WordPress.

Gillar du denna gratis bloggmall kan du ladda ner den via denna länk:

Gratis bloggmall Orange

Klicka här för live demo

Originally posted. 15 July, 2010

Liknande inlägg:

Tre sätt att formatera med CSS – Cascading Stylesheets

Samuel Liljekvist — Thu, 26 Jan 2012 01:58:38 +0000

Tre sätt att formatera ett dokument med CSS

Du kan lägga till CSS-kod till dina webbsidor på tre olika sätt: lokalt (inline), inbäddat (embedded) och länkat från en separat CSS-stilmall. Det klokaste valet när det gäller utveckling av webbplatser är dock att länka XHTML-sidorna till en CSS-stilmall, men vi kommer även att titta på de två andra alternativen eftersom de kan vara användbara medan du utvecklar dina sidor. En stilmall är en helt och hållet separat fil som enbart innehåller CSS-kod. En stilmall kan delas av ett obegränsat antal XHTMLsidor vilket garanterar att utseendet förblir enhetligt från sida till sida och medger att ändringar som görs av en viss stil omedelbart återspeglas på hela webbplatsen.

Lokala (inline) stilar

Lokala (inline) stilar bifogas till en tagg med hjälp av XHTMLtaggen style, så hän:

Det här stycket visas med webbläsarens standardforrmat; för stycke.

style=font-size: 25pt; font-weight:bold; font-style:italic; color:red;”>Genom att lägga till lokal (inline) CSS-formatering för det här stycket, kan vi åsidosätta standardformateringen.

Och nu är vi tillbaka till det vanliga standardstyckeformatet utan någon lokal stil.

Här är ytterligare några saker du behöver kär:änna till om lokala (inline) stilar:

Deras räckvidd är mycket begränsad. En lokal stil påverkar endast den tagg till vilken den är bifogad.
Praxisen att använda lokala stilar är helt enkelt ett annat sätt att skriva presentationskod direkt tillsammans med taggarna, precis som vi gjorde förr i tiden. Att lägga till lokala stilar överallt är lika illa för kodens flyttbarhet och redigeringsbarhet som att lägga till (X)HTML-attribut som exempelvis FONT. Lokala stilar bör generellt undvikas.
Vid de sällsynta tillfällen när man behöver åsidosätta ett format på ett visst ställe och det inte finns något bättre sätt att göra det, kan man skapa en lokal stil utan att behöva känna ;ig alltför skyldig. Med detta sagt, kan man nästan alltid undvika att använda lokala stilar genom att lägga till ett unikt ID eller en klass till taggen i fråga och sedan skriva motsvarande stil i stilmallen.
Användning av en lokal stil är ett bra sätt att pröva en stil innan man lägger in den i stilmallen (se avsnittet ”Länkade stilmallar” som strax följer). Kom bara ihåg att helt och hållet ta bort style-attributet när du fått den effekt du vill ha och klippa ut och klistra in enbart själva stilen i stilmallen. I annat ella ändrinaar du pör via stilmallen för just den taggen, och eiia ändringar du gör via stilmallen för just den taggen, och du riskerar att spendera timmar på att försöka fixa till stilmallen när problemet egentligen gömmer sig i XHTML-koden.
Lokala stilar prioriteras framför stilar som man definierar med inbäddade stilar (beskrivs härnäst), vilka i sin tur prioriteras framför globala stilar som man definierar i en stilmall. (Se avsnittet ”Vad innebär Cascading” senare i det här kapitlet för mer ingående information om hur konflikter mellan stilar hanteras.)

Inbäddade stilar

Man kan placera en grupp CSS-stilar i head-delen i ett XHTML – dessa kallas inbäddade stilar. Inbäddade stilar fungerar sa här:

Exempel på inbäddade stilar

Taggen style talar om för webbläsaren att den kommer att träffa på kod som inte är (X)HTML; taggens attribut fastslår att koden är !SS. (Om du vill inkludera JavaScript i dokumentets head-del tället för CSS, använder du taggen script med attributet ”text/ JavaScript”).

Här följer några kommenterar angående inbäddade stilar:

Räckvidden för inbäddade stilar är begränsad till sidan n som innehåller stilarna.
Om du bara publicerar en enda sida med dessa speciella stilar kan du bädda in stilarna i dokumentets head-del, även om du då egentligen inte separerar stilarna från innehållet; de finns fortfarande i samma dokument. Du får lära dig mer om inbäddade stilar när du arbetar med de enkelsidiga övningsexemplen i det här kapitlet.
Om man arbetar med flera stilar för en komplex layout, ex^mpelvis ett formulär, är det ibland enklare att skriva stilar 3m inbäddade stilar i head-delen i dokumentet, så att man inte hela tiden masta växla mellan XHTML-dokumentet och stilmallen. När sedan allt fungerar kan man flytta stilarna till stilmallsdokumentet och ersätta stilarna i head-delen med en länk till stilmallen.
Inbäddade stilar prioriteras framför stilmallar, men ft förlorar mot attribut som man definierar i lokala stilar. (Se avsnittet ”Vad innebär Cascading” senare i det här kapitlet för mer ingående information om hur konflikter mellan stilar hanteras.)

Länkade stilar

Man kan placera stilarna i ett separat dokument, en stilmall, som länkas till flera sidor så att stilarna får global räckvidd (över hela webbplatsen). Stilarna som definieras i en sådan stilmall kan påverka webbplatsens samtliga sidor, inte bara en enstaka sida eller tagg. Det här är den enda av de tre metoderna som verkligen separerar presentationsstilarna från koden för strukturen. Om du samlar alla dina CSS-stilar i en stilmall på det här sättet blir det enklare både att designa och redigera en webbplats.

Om man exempelvis behöver göra ändringar som påverkar hela webbsajten (”kunden vill att all brödtext ska vara blå, inte svart”) an man göra det lika snabbt och smärtfritt som när man modifierar en enskild CSS-stil. Detta är sannerligen mycket enklare än uppgiften att modifiera alla font-attribut för varje stycketagg på varje sida på webbplatsen, vilket man var tvungen att göra innan CSS fanns tillgängligt.

Du kan länka din stilmall till så många XHTML-sidor som du vill med en enda kodrad i head-delen i varje XHTML-sida:

Stilarna tillämpas sedan på koden för varje sida när sidan laddas.

Observera att i taggen link ovan, definieras attributet media som ”screen”, vilket innebär att stilen är utformad för bildskärmen, vilket i det här fallet betyder webbläsaren. (Vissa användaragenter söker efter särskilda mediaattribut som bättre passar deras visgskapacitet – möjligheterna här är exempelvis: all, projection, handheld, print, aural. Gå till webbplatsen W3 Schools (www.w3schools.com/css/css_mediatypes.asp) för att se en komplett lista.)

En webbläsare som laddar sidan använder den stilmall som taggen link anger. Men genom att lägga till ännu en link-tagg där attributet media definieras som ”print”, kan man tillhandahålla en andra tilmall som webbläsaren använder i samband med utskrift. En stilmall specialutformad för utskrift kan eventuellt dölja navigeringselement och andra element som inte fyller någon funktion när innehållet ska visas på papper.

Om du skapar en andra stilmall för utskrift kan taggen se ut så här:

I kommande inlägg om stilmallar ska vi titta på regler för hur man skriver stilmallar och hur begrepp som arv, exakthet (specificity) och Cascading styr hur dessa regler påverkar koden.

Originally posted. 12 August, 2010

Liknande inlägg:

Grundkurs i CSS Designa egen blogg med stilmallar

Skapa egen blogg gratis utan reklam med WordPress

Samuel Liljekvist — Mon, 16 Jan 2012 14:56:17 +0000

På bloggportalen Bloggsverige.com kan du skapa din egen wordpressblogg helt gratis. Starta din egen blogg på några minuter helt gratis och välj bloggmall bland alla gratis bloggmallar för WordPress.

Med några enkla klick skapar du din egen blogg helt gratis. Bara fyll i vad din blogg ska ha för titel och vad du har för e-post, så skapas din blogg direkt. När du sedan loggar in kan du välja mellan massor av olika teman för din blogg. Om du inte hittar något tema som passar kan du välja vilket gratis tema du vill på wordpress.org

Det bästa med Bloggsverige är att din blogg är helt fri från reklam. Bara dina superba inlägg och dina fantastiska bilder, utan någon störande reklam som någon annan tjänar pengar på.

Skapa din blogg nu →

Originally posted. 29 November, 2010

Liknande inlägg:

Att skapa egen blogg med WordPress

Samuel Liljekvist — Thu, 12 Jan 2012 08:53:59 +0000

Det är inte svårt att skapa en egen blogg med WordPress! Inlärningströskeln är ganska låg när det gäller att lära sig installera, designa och skapa en egen blogg med WordPress. Man kan till och med skapa en egen blogg helt gratis med WordPress. Jag menar att man behöver inte ens köpa webbhotell och lägga upp bloggen där. Om man går till www.wordpress.org kan man enkelt skaffa sig en blogg med adressen www.exempel.wordpress.org

Man kan välja bland massor av gratis mallar för sin blogg. Det enda som skiljer sig är att man inte har samma funktioner fullt ut som man har när man installerar en egen WordPress blogg på egen webbhotell.

Se film om hur man installerar WordPress →

Originally posted. 27 May, 2010

Liknande inlägg:

Gratis bloggmall ”Stilren” WordPress tema

Samuel Liljekvist — Fri, 30 Dec 2011 13:53:58 +0000

Nu finns ny gratis bloggmall att ladda ner. Snygg bloggmall med stilren design. Ladda ner gratismallen ”Stilren” från Webdesignblog.se Denna bloggmall är gjord för WordPress blogg.

Klicka här för att se LIVE DEMO

Klicka här för att ladda ner Bloggmallen Stilren

Bloggmallen Stilren är helt gratis och du får använda denna blogdesign som du vill. Du får gärna låta länken till Webdesignblog.se vara kvar i sidfoten, men det är inte tvunget! Mycket nöje! Blogga på bara!

Skulle du vilja ha en WordPress blogg, men vet inte hur man gör? Se instruktionsfilm som berättar hur enkelt det är att installera en WordPress Blogg och blogga med stilig blogdesign →

Originally posted. 31 October, 2010

Liknande inlägg:

Skapa snygga bilder till din blogg med Photoshop effekter

Samuel Liljekvist — Thu, 09 Dec 2010 20:37:07 +0000

En snygg blogg är inte en snygg blogg utan snygga bilder till bloggen. Med Photoshop kan du skapa effekter och redigera dina bilder så de blir riktigt häftiga. Kolla den här filmen om Photoshop och lär dig grunderna i hur man redigerar bilder med olika effekter. Du kan ladda ner gratis testversion av Photoshop via den här länken: Adobe Photoshop CS5 Det är en fullvärdig installation av photoshop som du får använda i 30 dagar helt gratis.

Designa bloggen med snygga bilder redigerade med Photoshop.

Liknande inlägg:

Nytt gratis wordpresstema Spectrum WordPress Theme

Samuel Liljekvist — Sat, 23 Oct 2010 08:06:46 +0000

WordPress temat Spectrum, nytt bloggtema på wordpress.org. Spectrum är ett gratis bloggtema och har en färgstark och fräsch layout med en kolumn och en sidebar till höger. Den stöder anpassade menyer, bakgrund och header bild, så du kan konfigurera utseendet så att det passar dig.

Se live demo av Spectrum bloggtema →

Ladda ner denna bloggmall här →

Gratis bloggmall

Liknande inlägg:

Gratis bloggmall ”Eld” med flash i headern

Samuel Liljekvist — Mon, 20 Sep 2010 16:16:37 +0000

Nu finns ny gratis bloggmall att ladda ner. Snygg bloggmall med Flash i headern. Ladda ner gratismallen ”Eld” från Webdesignblog.se Denna bloggmall är gjord för WordPress blog.

Klicka här för att se LIVE DEMO

Klicka här för att ladda ner Bloggmallen ELD

Bloggmallen Eld är helt gratis och du får använda denna blogdesign som du vill. Du får gärna låta länken till Webdesignblog.se vara kvar i sidfoten, men det är inte tvunget! Mycket nöje! Elda på bara!

Skulle du vilja ha en WordPress blogg, men vet inte hur man gör? Se instruktionsfilm som berättar hur enkelt det är att installera en WordPress Blogg och blogga med stilig blogdesign →

Liknande inlägg:

Ny gratis bloggmall skapa egen blogg med Nature bloggmall

Samuel Liljekvist — Sun, 20 Jun 2010 22:50:46 +0000

Den senaste gratis bloggmallen från Webdesignblog.se är bloggmallen Nature som är en bloggmall med naturlig design. Bloggdesignen är skapad utifrån några vackra naturbilder och ser ut så här:

Gratis bloggmall Nature från webdesignblog.se gratis bloggmallar

Du kan ladda ner denna gratis bloggmall om du klickar här:

Ladda ner gratis bloggmall Nature >>>

Vill du lära dig installera WordPress på webbhotell klicka här >>>

Vill du få gratis tips om webbdesign och bloggdesign klicka här >>>

När du har laddat ner denna gratis bloggmall kan du använda den som du vill. Du kan skapa egen blogg och designa bloggen som du vill. Det finns inga krav på att du ska behålla länken till webdesignblog.se eller någrat regler om att du inte får ändra på denna bloggdesign.

Hittar du inte det du söker på webdesignblog.se kan du hitta massor av gratis bloggmallar på www.templateswell.com och även köpa proffsigt designade bloggmallar på www.webbmax.se

Liknande inlägg:

Grundkurs i CSS Designa egen blogg med stilmallar

Samuel Liljekvist — Fri, 04 Jun 2010 08:21:37 +0000

Designa bloggen, skapa egen blogg med stilmallar. Lär dig ändra CSS för att skapa egen bloggdesign. Grundkurs i CSS (Cascading Style Sheets). I den här första delen får du lära dig grunderna i hur man kan styra utseendet med hjälp av stilmallar (CSS). Om du till exempel bloggar med WordPress kan du ändra på stilmallen för att designa bloggen så som du vill ha den.

Fler filmer kommer! Skriv gärna en kommentar och säg om du hade användning för den här filmen om CSS.

Liknande inlägg: