Månadsarkiv: oktober 2009

Lika tyst som det ska vara

Postat: 31/10 - 09 » 19:16:25 » Tescho

Du vet den där kusliga mörka vägen på väg hem? Där allting är så tyst. Det enda som för oväsen är de nedfallna lövens dans. Dansen som ibland skrämmer med ett nytt ljud. Ett nytt ljud som man inte är beredd på. Där är jag! Tjoho. Här är jag.

Kusligt va? Jag passar på nu när det är halloween-helg. Att skrämma dig lite. Även fast du inte vill erkänna det så höll du nog på att kissa på dig ;) Skämåtsido. Det är lite skrämmande när det är för tyst. Därför tänkte jag kika förbi och säga att jag lever, säga att jag har fått mycket gjort idag och sist men inte minst tänker ha liten drinkkväll med vänner.


…och att I´m watching you.

1 kommentar »

Fråga: Dropdown meny

Postat: 30/10 - 09 » 23:33:39 » Designtips & frågor

En dropdown meny kan göras på flera olika sätt. Du kan göra så som jag har gjort på en gratismall eller göra den helt själv (dvs så att man får lägga in länkar var för sig). Istället för att detta inlägg ska bli kilomenterlångt så samlar jag istället några länkar till platser som beskriver hur man kan göra:

> Horisontell meny (DDB)
> ”Vanlig” dropdown (DDB)
> ”Vanlig” dropdown 2 (Webdesignskolan)
> ”Vanlig” dropdown 3 (Webdesignskolan)

Där har ni 4 exempel och två olika sidor som beskriver hur man gör. Sedan kan man även söka på google om man fortfarande inte förstår :yes:

16 kommentarer »

Fråga: Byt bakgrund på sidomenyn (design 2)

Postat: 30/10 - 09 » 23:25:13 » Designtips & frågor

Vi börjar med en lite förklaring av bilden ovan:

1 = en bakgrundsbild (http://gratisbloggdesigners.blogg.se/andra/images/2009/sidebarbg_43290572.jpg)  som sitter under #side i stilmallen. Den upprepas inte (no-repeat).

2 = detta är också bakgrund som kodas i stilmallen under #side. Summa sumarum: En bakgrundsbild längst upp och resten är vitt (#ffffff).

3 = detta är ingenting som finns i stilmallen. Eftersom det inte går att ha 2 bakgrunder är detta en vanlig bild (http://gratisbloggdesigners.blogg.se/andra/images/2009/sidebg2_43311550.jpg) som sitter längst ner i sidomenyn (<div id=”side”>). Vi kallar den botten-bild.

Så här gör du för att enbart byta färg på bakgrunden:

1 ). Spara ner denna bild: http://gratisbloggdesigners.blogg.se/andra/images/2009/sidebarbg_43290572.jpg och redigera den till den färgen du vill ha. Nu är den vit som du ser. Ladda upp den och kopiera bildadressen.

2 ). Gå in på design > redigera stilmall

3 ). Leta upp (ctrl + f): #side

4 ). Lägg in den nya bildadressen där under vid background (fet stil):

#side {
float: right;
width: 242px;
margin-top: 5px;
margin-right: 80px;
padding-top: 5px;
background: url(http://gratisbloggdesigners.blogg.se/andra/images/2009/sidebarbg_43290572.jpg) no-repeat;
}

5 ). Leta upp (ctrl + f): nav och byt ut färgkoden (fet stil) mot den nya färgen:

.nav {
background: #ffffff;
font-family: tahoma, arial;
font-size: 11px;
font-weight: normal;
color: #333333;
margin-right: 0px;
margin-left: 0px;
text-transform: none;
text-align: left;
}

6 ). Leta upp (ctrl + f): navheader och gör samma sak där, dvs lägg in den nya färgkoden:

.navheader {
background: #ffffff;
font-family: tahoma, arial;
font-size: 13px;
font-weight: normal;
font-weight:bold;
color: #a1a1a1;
width:232px;
padding-left: 10px;
margin-top:11px;
margin-right: 10px;
margin-left: 0px;
text-align: left;
text-transform: uppercase;
}

7 ). Spara stilmallen.

8 ). Spara hem den här bilden: http://gratisbloggdesigners.blogg.se/andra/images/2009/sidebg2_43311550.jpg och redigera den till den färgen du vill ha. Nu är den vit som du ser. Ladda upp den och kopiera bildadressen.

9 ). Gå in på design > kodmallar och leta upp (ctrl + f): http://gratisbloggdesigners.blogg.se/andra/images/2009/sidebg2_43311550.jpg. Den ska du byta ut mot den nya botten-bild-adressen som du precis laddat upp.

10 ). Spara kodmallen och glöm inte att göra detta i alla kodmallar dvs byta ut botten-bilden mot den nya adressen. Det ska alltså göras resterande kodmallar vilket är entry page, category page & archive page. Du hittar de olika sidorna genom att scrolla i dropdownen där det står ”Redigera:” i högra hörnet.

Så här gör du för att ha en bakgrund med mönster dvs ej enfärgad:

1 ). Spara ner denna bild: http://gratisbloggdesigners.blogg.se/andra/images/2009/sidebarbg_43290572.jpg och redigera den till en längre variant. Se exempel här: [ länk ] (du får använda exemplet) Ladda upp den nya bilden och kopiera bildadressen.

Obs! Gör helst en mönster-bakgrund som kan avslutas med vit botten-bild. Det är enklast.

2 ). Gå till design > redigera stilmall och leta upp (ctrl + f): #side

3 ). Byt ut bakgrunden mot den nya adressen (fet stil). Om jag skulle ta exempelbilden ovan skulle det se ut så här i stilmallen:

#side
float: right;
width: 242px;
margin-top: 5px;
margin-right: 80px;
padding-top: 5px;
background: url(http://gratisbloggdesigners.blogg.se/andra/images/2009/exempel_59070664.jpg) no-repeat;
}

4 ). Leta upp (ctrl + f) nav + navheader och byt ut bakgrunden (#ffffff) mot ”none”. Det skulle se ut så här i stilmallen:

.navheader {
background: none;
font-family: tahoma, arial;
font-size: 13px;
font-weight: normal;
font-weight:bold;
color: #a1a1a1;
width:232px;
padding-left: 10px;
margin-top:11px;
margin-right: 10px;
margin-left: 0px;
text-align: left;
text-transform: uppercase;
}

.nav {
background: none;
font-family: tahoma, arial;
font-size: 11px;
font-weight: normal;
color: #333333;
margin-right: 0px;
margin-left: 0px;
text-transform: none;
text-align: left;
}

5 ). Spara stilmallen. Om du nu har gjort en bakgrundsbild som passar ihop med ett vitt avslut (som exempelbilden som du hittar vid nr 1) så är du klar här. Annars går du in i kodmallarna och redigerar botten-bilden på samma sätt som jag har beskrivit under ”Så här gör du för att enbart byta färg på bakgrunden:” på nr 8, 9, 10.

7 kommentarer »

Informationsmöte – Designdagen

Postat: 30/10 - 09 » 15:24:57 » Min sida

Idag, kl.. (nu när du läser) tillkallar jag er, med intresse för mina instruktioner, på möte. De som inte är intresserade av webbdesign kan faktiskt också läsa detta.

Jag har kommit på en grej. Idag har det bara blivit webbdesign, och det gillar vi! Men jag ska fortsätta på annat sätt. Istället för att jag ska känna press om att allt måste besvaras NU, NU, NU så kommer jag använda en dag i veckan åt att besvara designfrågor som rör gratismallarna samt bloggdesign i övrigt. Jag kommer informera om vilken dag jag kommer göra detta på, på startsidan.

Idag är en sån dag, då jag besvarar designfrågor. Så de som inte är intresserade av det behöver inte kika in här något mer idag :yes: Jag har två (eller var det tre?) frågor som återstår. De kommer besvaras senare ikväll.

OBS! Detta betyder inte att jag besvarar frågor som kommer in idag, utan de samlar jag till nästa gång.

Vad kommer ske resterande dagar? Jag kommer uppdatera som vanligt men då har jag även mer tid till hundliv, foto och massa tips. Låter det bra?

8 kommentarer »

Fråga: Låt rubriken vara direktlänk till inlägget

Postat: 30/10 - 09 » 11:47:37 » Designtips & frågor

Tack så mycket! Några instruktioner om det fanns faktiskt inte så här kommer dem:

1 ). Gå in på design > kodmallar

2 ). Leta upp (ctrl + f): ${EntryTitle}

3 ). Koden nedan ska kopieras och sättas in. Man ska alltså byta ut ”HÄR SKA DEN LÄGGAS IN” till <h3>${EntryTitle}</h3> som du precis letat upp i kodmallen.

4 ). Spara och gör detta i alla kodmallar.

Hjälpbild:

6 kommentarer »

Fråga: Text/bild i slutet av inlägget

Postat: 30/10 - 09 » 10:23:04 » Designtips & frågor

Jag kommer gå igenom både bild och text. Anledningen till att jag tycker att man ska ha en bild när det gäller just signering är för att många vill ha annorlunda text. Visst, textstilen går att redigera men om den personen som tittar på din blogg inte har den textstilen nerladdad på sin dator så ser denne inte den. Det är även därför man skriver t ex ”font-family:verdana, arial;” i stilmallen. Koden betyder att om den andra personen inte har verdana så blir fonten arial. Nu är det ju så att verdana och arial är standardfonter men jag ville bara ge ett exempel så att ni förstår! Nog babblat, här kommer instruktionerna:

1 ). Gå in på design > redigera stilmall

2 ). Scrolla längst ner i stilmallen och lägg in denna kod:

Kodförklaring:
background:#ffffff; = bakgrundsfärgen, byt ut #ffffff till samma färg som du har i inläggen.
padding:; = justering, lägg till tal om du vill positionera texten/bilden i slutet av inläggen (mer info om padding)
font-family:verdana, tahoma; = textstil, lägg till en stil om du ska ha text i inläggen annars kan du låta bli att ändra.
font-size:10px; = textstorlek, byt ut 10px mot den storleken du vill ha
text-align:center; = vart texten/bilden ska sitta, går att byta till left, center, right
color:#A1A1A1; = textfärgen, byt ut #A1A1A1 till valfri färg

3 ). Spara stilmallen och gå in på design > kodmallar

4 ). Leta upp (ctrl + f): ${EntryBody}. Under det, efter </div> ska du sätta in denna kod:

TEXTEN/BILDEN DU VILL HA ska du alltså byta ut till valfritt. Antingen skriver du en text eller använder bildkoden nedan för att sätta in en bild som du laddat upp.

5 ). Spara kodmallen och gör detta i varje kodmall.

Hjälpbild:

5 kommentarer »

Ska jag?

Postat: 30/10 - 09 » 00:02:45 » Min sida

Medan utlottnings-designerna tar längre tid än väntat att färdigställa (jag måste påpeka att detta är ingen bra jobbvecka för att kunna kommunicera med vinnarna heller) så har jag faktiskt pillat på en ny design. Skoj va? Jag tycker att den är simplare och att det är lättare att hitta till saker = dropdown. Det finns några redigeringar kvar men jag vänder mig till dig: Vill du se något nytt här?

2 kommentarer »

Rundade hörn vid rubriken (design 8)

Postat: 29/10 - 09 » 23:47:33 » Designtips & frågor

Detta är en fortsättning på inlägget: Redigera inläggsrubriken ( design 8 )

Jag har tidigare förklarat hur man kan göra rundade hörn utan bilder här: [ länk ] Nu ska jag istället förklara hur man kan byta bakgrunden i inläggsrubriken (så att det blir rundade hörn) på design nr 8.

1 ). Gå in på design > redigera stilmall

2 ). Leta upp (ctrl + f): h3

3 ). Byt ut background:#b4035e; till:

4 ). Spara stilmallen.

Hjälpbild:

6 kommentarer »

Tvärtom

Postat: 29/10 - 09 » 15:18:39 » Allmänt

När man lagar pepparkakor (va, vad fan skriver jag? PANNKAKOR) pannkakor brukar oftast den första bli sämst. Sen rullar det på och resterande blir superbra. Vad hände idag?

Efter att jag lagat ihop en matlåda (jobbar 16 – 07 idag igen) så blev jag sugen på pannkakor. Pannkakstorsdag. Jag slängde i alla ingredienser i en bunke och började grädda dem. Den första blev perfekt! Wiho, tänkte jag. Nu kan det inte gå utför.

I n t e ? Resterande pancakes blev bajs. Ropa inte hej förrän du hoppat över bäcken Therese.

Jag tänkte bara säga det. Så att ni vet. Glöm inte bort frågestunden. Det dräller alltid in frågor men inte längre? Fy.

2 kommentarer »

Fråga: Redigera inläggsrubriken (design 8)

Postat: 29/10 - 09 » 10:02:01 » Designtips & frågor

1 ). Gå ni på design > redigera stilmall

2 ). Leta upp (ctrl + f): h3. Där under ligger kodsnittet som du ska redigera. Titta på bilden nedan där jag förklarar vad som är vad.

3 ). Scrolla längst ner i stilmallen där du hittar kodavsinttet #tid. Det är det som ligger till höger i rubriken och personligen tycker jag att det ska vara i samma färg som rubriken. Titta på bilden för att hitta det du ska ändra på.

4 ). Förhandsgranska och spara stilmallen!

7 kommentarer »