Videotips - Ändra färg på skuggan runt bloggen..
1 kommentarer /
Kommentera här!
Mer info om koderna finns här
Såklart går det att ändra skuggans färg om man lägger den runt menyn eller inlägg eller var man nu har den.
Category:
Videotips - Ändra färg på länkar
2 kommentarer /
Kommentera här!
Visar lite exempel hur man ändrar färg på länkarna i stilmallen
Videotips - Lägg in egen header tips2 (blogg.se)
1 kommentarer /
Kommentera här!
En lätt förklaring hur man lägger in egen header, (bilden högst upp)
Kod som ska klistras in i stilmallen:
background:url(DIN LÄNK HÄR);
Videotips - Rama in inlägg på din blogg (blogg.se)
1 kommentarer /
Kommentera här!
1. Klicka på stilmallen
2. Leta upp koden: div#content div.entrybody { (om koden inte finns lägg till den efter content )
3. Ta bort det och klistra in denna koden:
div#content div.entrybody {
margin-top:10px;
margin-bottom:10px;
margin-left: 10px;
margin-right: 10px;
font-family:verdana;
font-size: 10px;
color: #7a7a7a;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom:10px;
background:#ffffff;
border: 1px solid #a5a3a4;
}
4. Förhandsgranska och spara !
Ändra linjen på border: 1px solid #a5a3a4;
Mer info klicka här
Videotips - Ta bort den blå linjen högst upp
3 kommentarer /
Kommentera här!
Denna koden ska du leta upp:
div.entrymeta {
font-size: 11px;
margin: 0 0 0 15px;
padding: 10px 0 10px 0;
color: #666;
line-height: 7px;
}
Ta bort: line-height: 7px;
Videotips - Ta bort rubriken i headern (blogg.se)
3 kommentarer /
Kommentera här!
Ta bort ditt bloggnamn som står i headern högst upp genom att bara ta bort en kod i kodmallen (se film)
Videotips - Ändra rubrikerna i menyn (blogg.se)
0 kommentarer /
Kommentera här!
Lite koder som man kan lägga till som inte finns i koden i stilmallen:
color:#333333;
font-family:verdana;
background:#cccccc;
Videotips - Ladda upp egen bild i menyn (blogg.se)
3 kommentarer /
Kommentera här!
1. Började med att kopiera koden, som finns bland grundkoder här på sidan (se film)
2. Klistra in den i kodmallen under side och spara
3. Ladda nu upp din bild, om din meny är tex 200px bred så laddar du upp din bild också på 200px bred etc.
4. Kopiera länken till bilden och klistra in i koden i kodmallen
5. Spara !
Tips
Om man vill centrera bilden så den hamnar i mitten av menyn, lägg till så det ser ut så här:
<center>
<img src="LÄNK FRÅN DIN BILD">
</center>
Om man vill att bilden ska hoppa ner lite lägg till <br><br> innan koden och efter om man vill,
så blir det lite mer mellanrum ex:
<br><br>
<center>
<img src="LÄNK FRÅN DIN BILD">
</center>
<br><br>
Videotips - Ändra bakgrunden på bloggen (blogg.se)
0 kommentarer /
Kommentera här!
1. Ladda upp bilden, tex i filmen är bakgrunden 412 bred då väljer man 500 när man laddar upp etc.
2. Kopiera länken till bilden
3. Klista in i stilmallen
4. Koden kan se annorlunda ut i just din blogg, kopiera isåfall bara denna koden och ta bort den gammla
background-image:url(KLISTRA IN LÄNKEN HÄR);
background-color:#ffffff;
background-attachment: fixed;
}
5. Om man vill att bakgrunden följer med när man bläddrar ner, tar man bort:
background-attachment: fixed;
6. Förhandsgranska och spara !
Videotips - Skapa en fast (fixed) bakgrund på din blogg
2 kommentarer /
Kommentera här!
background-image:url(LÄNK FRÅN DIN BILD HÄR);
background-color:#ffffff;
background-attachment: fixed;
}
Videoinlägg - Skapa en rund kant längst ner i menyn
1 kommentarer /
Kommentera här!
Gjorde en kort film hur man skapar en rund kant endast längst ner i menyn, detta funkar om man har en enfärgad bakgrund.
När man skapat själva bilden laddar man upp den på sin blogg och kopierar länken till bilden och lägger in i kodmallen, bläddra ner till side och lägg in koden längst ner i menyn.
<img src="LÄNK FRÅN BILD">
Videoinlägg - Dela upp menyn i boxar med runda hörn
4 kommentarer /
Kommentera här!
Nu ska jag visa hur man lätt kan ändra menyn så den ser ut så här, se bild nedan:
Det är mycket lätt, enda man behöver är photoshop, (detta funkar om man har en enfärgad bakgrund)
Istället för att skriva och förklara hur man gör, har jag gjort ett videoinlägg där jag visar steg för steg.
I slutet av videon går det lite snabbt, men man gör precis som innan i videon och klistrar in länken från bilden i kodmallen, exempel efter arkiv.
Viktigt också att man ändrar padding i stilmallen på #side {
Ändra till 0px; eller ta bort padding helt.
Kort beskrivning:
1. Print screena din blogg och lägg in i photoshop, finns en knapp på datorn, (prt sc)
2. Beskär sedan ut en bit av menyn, lika bred, viktigt man inte zomar in eller ut när man gör detta.
3. Gör hela bakgrunden enfärgad, samma som din bloggs bakgrund
4. Gör sedan själva bilden, gör en vit "båge" och beskär ut och spara.
5. Ladda upp på din blogg och klistra in i kodmallen där du vill ha den, exempel över Arkiv
6. Gör nu en till bild detta ser man i videoinlägget hur man gör, bara att "vända på den" och spara.
7. Gör samma sak och ladda upp och lägg in den, exempel under Arkiv
Glöm inte att lägga till "> i slutet och <img src=" i början exempel: <img src="LÄNK FRÅN BILD">
Har ni frågor är det bara att skriva.
Videoinlägg - Ändra arkiv
7 kommentarer /
Kommentera här!
Kod som du ska klistra in i kodmallen under Arkiv:
<center>
<a href="http://bloggadress/2010/january">Januari |</a>
<a href="http://bloggadress/2010/febuary">Februari |</a>
<a href="http://bloggadress/2010/march">Mars |</a>
<a href="http://bloggadress/2010/april">April |</a>
<a href="http://bloggadress/2010/may">Maj</a>
<a href="http://bloggadress/2010/june">Juni</a>
<font face="arial" color="#b9b8b8" size="1" height="4000"> <br>
Juli |
Augusti |
September
| Oktober
November |
December
<br><br>
</center>
</font>
Videoinlägg - Fallande hjärtan på bloggen
0 kommentarer /
Kommentera här!
Mitt inlägg om detta [Länk]
