1. Klicka på fliken "Design" och vidare på "Redigera stilmall"
2. Sök nu upp koden #wrapper som ligger nästan längst upp.
#wrapper {
clear:none;
margin: 0px auto;
padding: 0px;
width: 1000px;
background-color: #FFFFFF; <-- Ta nu bort det understukna
position: absolute;
left: 160px;
}
3. Nu lägger du till koden background-color: #FFFFFF; under #side & #content
så att det ser ut såhär (se nedan)
#side {
margin: 0px;-moz-box-shadow:0px 0px 40px #000000;
box-shadow: 0px 0px 40px #000000;
float: left;
width: 200px;
padding: 24px 18px 0px 12px;
left:-30px;
background-color: #FFFFFF;
}
#side {
margin: 0px;-moz-box-shadow:0px 0px 40px #000000;
box-shadow: 0px 0px 40px #000000;
float: left;
width: 200px;
padding: 24px 18px 0px 12px;
left:-30px;
background-color: #FFFFFF;
}
#content {
overflow: hidden;
width: 538px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:538px;
float: right;
margin: 0px 10px 0px 0px;
background-color: #FFFFFF;
}html>body #content { width: 538px }
Här kommer ett nytt designtips om hur man tar bort permalink och trackbacks som ligger längst ner i varje inlägg bredvid "kommentarer (4) "
1. Klicka på fliken "Design" och vidare på "Redigera kodmall"
2. Nu ska ni leta reda på koden <div id="content"> Det är rätt enkelt att hitta om du håller in Ctrl knappen och trycker på bokstaven f. Då kommer det upp en ruta där du skriver in koden så letar den upp det stycket i kodmallen själv.
3. Nu ser det ut såhär den stycket du just fick upp.
<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<center> <h3>${EntryTitle}</h3>
${EntryDate} @ ${EntryTime}</center>
<div>${EntryBody}</div>
<div>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
<br /><br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<center> <h3>${EntryTitle}</h3>
${EntryDate} @ ${EntryTime}</center>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
<a href="${EntryPermaLink}">Permalink</a>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
<a href="${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a>
4. Nu raderar du dom understrukna raderna.
Walla nu är det klart, tryck bara på spara :)
I det här inlägget tänkte jag berätta hur du får två menyer på din blogg.
1. Gå in på fliken "design", och klicka vidare på "redigera stilmall"
2. Nu kopierar du texten här nedan och klistrar in det i stilmallen mellan #side och #content.
#side2 {
position: absolute;
left: 50px;
top: 80px;
width: 160px;
height: 400px;
background: white;
padding: 10px 10px 10px;
text-align:left;
}
3. Tryck på spara och gå nu in i kodmallar
4. Kopiera nu koden som står nedanför
<div id="side2">
</div>
5. Nu klistrar du in koden du just kopierade ovanför <body> i alla sidor i rullgardinen dvs framsida, inläggssida, kategorisida och arkivsida! Glöm inte att spara innan du byter sida bara
5. Spara, och gå sedan in på "redigera stilmall" igen.
6. Nu kan du ändra så att du får menyn som du vill ha den, här nedan ser du vad allting betyder.
#side2 {
position: absolute; <- Positionen.
left: 50px; <- Hur långt från vänsterkanten menyn ska vara.
top: 80px; <- Hur långt ned på sidan menyn ska vara.
width: 160px; <- Hur bred menyn ska vara.
height: 400px; <- Hur lång menyn ska vara.
background: white; <- Vilken bakgrundsfärg menyn ska ha.
padding: 10px 10px 10px; <- Hur stor mellanrum ska vara mellan kanten på menyn och innehållet i menyn.
text-align:left; <- På vilken sida texten ska vara på. left/right/center
}
7. Mellan <div id="side2"> och </div> i steg 4, kan du nu lägga in det du vill ha i menyn. Glöm inte att lägga in i både inläggssida, kategorisida och arkivsida om du vill att de ska synas där med. Det gäller när nu ändrar allt i kodmallar
Klart!
Glöm inte bort att allt ni ändra din design är på ditt egna ansvar. Blir det fel så beskyll inte mig för det. Det är tipset funkar då jag själv använder mig utav det så bara ni gör rätt så ska det funka.
