▲ K A J J S A - K A V A T ▲

Ta bort bloggnamnet (länken)

Datum: 2011-07-20 ♦ Tid: 17:15:53 ♦ Kategori: Design-tips


För att ta bort bloggnamnet som är utanför headern måste du gå in i kodmallen och leta rätt på denna kod (för att lättare hitta igen koden så kan du trycka på (cmd+f)

<div id="header">
<h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2>
</div>

Det  du ska göra är att ta bort <h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2> sen sparar du och gör så i alla kodmallar, om det var ngt som krånglade så kommentera gärna!

Flytta menyn (vänster, höger)

Datum: 2011-07-20 ♦ Tid: 14:09:01 ♦ Kategori: Design-tips

Det är ju väldigt snyggt att flytta ut menyn åt vänster eller åt höger, så som jag har. Men det kan vara lite trassligt i början med alla konstiga ord siffror och symboler, men egentligen är det inte så svårt.

Du börjar med att kopiera den här koden:
margin-right: -8px;
eller
margin-left: -8px;
(Beroende på vilken sida menyn är på)
Lägg in koden längst ner i #side {

#side {
-webkit-box-shadow: 0px 0px 15px #888;
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 0px 0px 15px #888;
padding: 0px 0px 0px 0px;
float: right;
background: #ffffff;
width: 225px;
margin: 0px;
padding: 0px 0px 0px 0px;
margin-top: -350px;
left: -90px;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #b8b1a6;
margin-right: -8px;
}

Ju lägre tal tex. -17.. ju längre ifrån hamnar menyn och ju högre tal tex. 17 dessto närmare!
(ta bort minuset om ni vill att menyn hamnar närmare inläggen)
Btw.
Glöm inte att förhandsgranska innan du sparar;)

Skugga runt bloggen (utan photoshop)

Datum: 2011-07-20 ♦ Tid: 13:06:27 ♦ Kategori: Design-tips


För att kunna göra skugga runt bloggen utan photoshop så behöver man en speciell kod. Den koden ska placeras i tex: #content #side eller #header,


-webkit-box-shadow: 0px 0px 15px #888;
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 0px 0px 15px #888;

Koden ovan ska man använda. Om man tex: ska klisstra in koden i #Content så måste man vara noga med att sätta in koden precis under #content } annars kan det bli ändringar i designen.

Så ska det se ut!

Btw.
Kom ihåg att förhandsgranska innan du sparar;)