Tips

Lwordish blogg

Latest post

Alexandra Jau (Read more...)

En bloggare som är besatt av Pärlplattor och att göra snygga teman till sin Soclog. Spenderar 98% av hennes vakna tid vid datorn (10% när nätet lägger ner). Har en murgrundad avsky mot ful design (om den inte är så ful att den blir snygg) och modebloggar.

Links

Archive

2016

2015

2014

2013

2012

2011

2010

2009

Dec Nov Oct Sep Aug Jul Jun May Apr Mar Feb Jan

2008

2007

2006

2005

Photo albums

Kategorier

Tech/Internet Entertainment Everyday Fashion Sneakers Politics/Society Mode Photo Husdjur Tävling melodifestivalen Webbläsarspel Eurovision Song Contest Rita MarioMonday Bilar Lego Parents festival Film/TV-serier Designleksaker Tatuering Bildredigering Handarbete Photoshop Konvent Blogg Smycken Arkitektur tshirts cyklar Böcker Teckningar Vetenskap Motorcyklar smink Skärmsläckare Dagens Dans Cykel Visitkort program Miljö Vika papper

RSS Feed bloglovin Follow with Bloglovin'

Så designar du din blogg: Bakgrund forts.

Wednesday 16 December 2009

Denna fortsättning om bakgrunder är måhända lite mer avancerad än den första delen. Men stycket om generatorer tycker jag alla ska läsa. Sen blir det lite mer avancerat med "luddade kanter" och på slutet avslöjar jag min metod för att göra riktigt snygga teman.

Generatorer
Ett enkelt sätt att få en snygg bakgrund är att använda generatorer som finns på nätet. I regel får du välja mellan färg, storlek, effekter mm och klickar sedan på okej och sajten fixar bakgrunden åt dig.

Tycker du om linjer så testa Stripegenerator. Du kan göra egna, ladda ner andras färdiga eller ändra andras och ladda ner. Hos Tartanmaker kan du skotsrutiga mönster. Snyggare än vad det låter. För alla möjliga slags coola mönster testa Patterncooler. Ingen av sajterna kräver registrering.

Ladda inte upp gigantiska mönster-bilder. Det räcker med en liten. Klicka i repetering i X och Y-led så upprepas bilden och täcker hela sidan.


Med eller utan toppbild?

Att få toppbild och bakgrund att matcha kan vara svårt. Och har man t.ex en snygg solnedgång som bakgrund så känns toppbilden bara i vägen. För att slippa toppbild/toppfärg så går du såhär...

Ladda först upp din bakgrundsbild. Gå sedan till toppinställninssidan. Klicka på färgrutan vid "Bakgrundsfärg" så att färgverktyget syns. Under avbryt-knappen finns en ruta där det står en kod (t.ex #ffdd23). Ta bort hela koden, fältet ska vara tomt. Klicka på OK. Du bör se ändringen direkt.

Fyll i den titel du vill ha på din blogg och välj placering; vänster, mitten eller höger. Det går inte att flytta titeln genom att trycka en massa mellanslag.

Ser du fortfarande din gamla toppbild? Klicka på "Radera befintlig" på toppinställningssidan.

Kör man utan bakgrundsbild (dvs. enfärgat) så går det inte att ta bort toppbilden. Gör istället toppfärgen samma färg som på bakgrunden. Du kan också använda en png-bild som är helt genomskinnlig och på det viset få det avstånd du vill ha mellan fönstrets kant och inlägg-blocket.


Luddiga kanter
Foton är ofta snyggt som bakgrund men det blir inte så bra när bilden repeteras. Använd ett bildbehandlingsprogram och ludda kanterna på bilden med t.ex svart. Ladda upp bild som bakgrund och välj svart som bakgrundsfärg. Se till att varken X eller Y-led är förbockade. Testa vilken justering som är snyggast av vänster, höger och mitten.

TIPS!
Fungerar bra på toppbild med. Ludda kanterna toppbilden och ha bakgrunden på sidan enfärgad. Mitt "My Little Pony"-tema är gjort så.



Få bakgrund och toppbild att bli ett
Det här är den metod jag använder mest. Den är omständig och kräver tålamod men när man lyckas blir det väldigt snyggt. Den kräver bildbehandlingsprogram.

När jag bestämt vilken bakgrund jag ska ha så klipper jag ut toppbilden ur den och sparar separat. När jag sen laddar upp dem på min blogg så ser det ut som jag bara använder en bild. Det svåra är att få toppbilden att passa perfekt. Två pixlar fel och du kommer se kanterna på toppbilden. Jag använder alltid maxbredd på toppbild (1126px). Då slipper jag oroa mig för hur den hamnar (toppbilder centreras automatiskt).

Till min hjälp har jag en mall som jag gjort. Vet inte om den är till hjälp för någon annan men om du vill kan du ladda ner den i GIMP-format (.xcf) http://www.mediafire.com/?uzmegyewq2z . Jag jobbar på att fixa en i Photoshop-format med.

På t.ex Twitter-temat har jag använt denna metod


Skärmupplösning
Hur man än vrider och vänder på det så är det i dagsläget svårt att göra ett tema som ser bra ut med alla upplösningar. Det ser oftast bra ut med 1152x864 pixlar eller högre. Det ända som händer är att luften till vänster om presentations-blocket ökar.

Går man däremot lägre än ovanämda t.ex 1024x768 eller 800x600 så börjar det se konstigt ut. Nu är inte detta något jätteproblem då de flesta har högre upplösning på sina skärmar (bara 5 % av mina besökar har lägre än 1024x768). Min 17 tums laptop som är 1.5 år gammal har t.ex 1280x800. Men det klart, din gamla mormor med datorskärm från -97 kan få problem.

Mitt tips är att alltid kolla hur din blogg ser ut i olika upplösningar på http://viewlike.us

Känner du dig redo för lära dig mer? Kolla in de andra delarna av "Så designar du din blogg":

Introduktion
Toppbild
Bakgrund
Bakgrund forts
Inlägg

#2732657 likes the post
Thu 12 Apr 2012, 13:12
Hej jag har lite problem med att få bort min toppfärg/toppbild. Dina tips funkar inte tyvärr...:( finns det nått annat sätt att göra?:O

My blog: http://dreamwriter.soclog.se

  Reply
Wed 16 Dec 2009, 13:42
Mönster som påminner om kiltar = skotskrutigt.
Textformateringen strulade för mig också igår kväll (natt) samt "följ blogg"-funktionen och statistikkurvan som visade årsvis från 1970. ;)

Min blogg:
Wed 16 Dec 2009, 14:21
lwordish  Tack! Skrev den klockan tre i natt så språkhjärnan var inte riktigt. He he, imponerande om du hade besökare innan Soclog fanns =)
Wed 16 Dec 2009, 16:05
Allegang  Tyvärr inte. Men jag hade en riktigt topp några år efter millennieskiftet. ;)
Reply

Ett kiltmönster som bakgrund kanske? www.tartanmaker.com

Reptera både i X & Y-led så upprepas bilden och täcker hela sidan.

Anonymous

Anonymous

Wed 16 Dec 2009, 03:44
Tack för du påpekar vad som är uppenbart.
Wed 16 Dec 2009, 03:45
lwordish  Det bjuder jag på. 95% av allt som står i guiden är uppenbart för mig. Men kanske inte för alla andra.
Reply

Inte det snyggaste exemplet men...Centrerad bakgrund & ingen toppbild/toppfärg. Kanterna på bakgrundsbilden är luddade med svart & bakgrundsfärgen på sidan är också svart.

Was written Wed 16 Dec 2009, 03:31 | Direct link  
tema design designguide så gör du bakgrund