Bakgrund på rubriken:D
Gör så här:)
1. ladda upp bilden som du vill använda som bakgrund:)
2. gå in i stilmallen
3. leta upp den här raden
/** Entry headers **/ h3 {
4. lägg in den här koden efter
/** Entry headers **/ h3 {
5. där det står "(adressen till din bakgrund)! ska du lägga in koden som du fick när du laddade upp bilder:)
6. om din bakgrundbild inte syns så får du lägga till det här efter den första koden
Sedan får du ändra om du vill ha den högre eller lägre genom att byta ut 20 px till det tal som du vill ha:)
Hoppas det funkade och att ni förstod:D
Kram, Amanda
1. ladda upp bilden som du vill använda som bakgrund:)
2. gå in i stilmallen
3. leta upp den här raden
/** Entry headers **/ h3 {
4. lägg in den här koden efter
/** Entry headers **/ h3 {
5. där det står "(adressen till din bakgrund)! ska du lägga in koden som du fick när du laddade upp bilder:)
6. om din bakgrundbild inte syns så får du lägga till det här efter den första koden
Sedan får du ändra om du vill ha den högre eller lägre genom att byta ut 20 px till det tal som du vill ha:)
Hoppas det funkade och att ni förstod:D
Kram, Amanda
Muspekaren blir ett kors vid mouseover:) (tidinställt)
hejsan! här kommer ett bloggdesign tips om hur man gör så att muspekaren blir ett kors vid mouseover:)
1. gå in i stilmallen:)
2. klistra in den här koden
så att det ser ut såhär:
a {color: #303030;text-decoration:none;} a:hover {color: #ffffff;text-decoration:none; cursor: crosshair;}
.h { color: #303030;text-decoration:none;} .h a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}
.nav a { color: #303030;text-decoration:none;} .nav a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}
.entrymeta a { color: #303030; text-decoration:none;} .entrymeta a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}
.commentmeta a { color: #393939; text-decoration:none;} .commentmeta a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}
Hoppas att ni förstod hur man gör:) kram Amanda
1. gå in i stilmallen:)
2. klistra in den här koden
så att det ser ut såhär:
a {color: #303030;text-decoration:none;} a:hover {color: #ffffff;text-decoration:none; cursor: crosshair;}
.h { color: #303030;text-decoration:none;} .h a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}
.nav a { color: #303030;text-decoration:none;} .nav a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}
.entrymeta a { color: #303030; text-decoration:none;} .entrymeta a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}
.commentmeta a { color: #393939; text-decoration:none;} .commentmeta a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}
Hoppas att ni förstod hur man gör:) kram Amanda
Snö i bloggen! (tidinställt)
Hej här kommer ett tips om hur man gör så att det regnar snö i bloggen:D
1. gå in i kodmallen:D
2. klistra in den här koden innan "/head"
tryck på Ctrl+a för att markera allt i rutan:) och sedan Ctrl+c för att kopiera!
sedan är det klart:D (glöm inte att spara:))
Ha det bra:)
Kram
1. gå in i kodmallen:D
2. klistra in den här koden innan "/head"
tryck på Ctrl+a för att markera allt i rutan:) och sedan Ctrl+c för att kopiera!
sedan är det klart:D (glöm inte att spara:))
Ha det bra:)
Kram
SNURRANDE TEXT RUNT MUSPEKAREN
Hejsan:D här kommer ett tips om hur man gör för att få snurrande text runt muspekaren:D
Det är ganska coolt men vissa kan tycka att det är jobbigt:)
men här kommer tipset iallafall:)
1- gå in på din kodmall
2. bläddra ner till </head>
3. kopiera den här koden, och lägg in den innan </head>:
4. kolla igenom koden och ändra det du vill:)
sedan är det klart<3
kram Amanda
Det är ganska coolt men vissa kan tycka att det är jobbigt:)
men här kommer tipset iallafall:)
1- gå in på din kodmall
2. bläddra ner till </head>
3. kopiera den här koden, och lägg in den innan </head>:
4. kolla igenom koden och ändra det du vill:)
sedan är det klart<3
kram Amanda
Länkarna blir större vid mouseover
Här kommer ett tips om hur man gör så att länkarna ökar i storlek när man drar musen över dem.
1. Gå in på stilmallen
2. bläddra ner till
a {color: #303030;text-decoration:none;}
a:hover {color: #ffffff;text-decoration:none;}
3. klistra in den här koden i slutet av den koden
så att det ser ut såhär:
a {color: #303030;text-decoration:none;}
a:hover {color: #ffffff;text-decoration:none; font-size: 16px;}
3. sen så lägger du in den koden likadant efter
.h { color: #303030;text-decoration:none;}
.h a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}
OCH
.nav a { color: #303030;text-decoration:none;}
.nav a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}
OCH
.entrymeta a { color: #303030; text-decoration:none;}
.entrymeta a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}
OCH
.commentmeta a { color: #393939; text-decoration:none;}
.commentmeta a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}
sedan kan du ändra det här om du vill:
font-size: 16px
16px är själva storleken, så om du tar lägre så blir det mindre och om du tar högre så blir det större:)
Ändra till vilken storlek du vill ha!
Sen är det bara att spara:)
Kolla sedan så att allt stämmer:D
Kram
Amanda
1. Gå in på stilmallen
2. bläddra ner till
a {color: #303030;text-decoration:none;}
a:hover {color: #ffffff;text-decoration:none;}
3. klistra in den här koden i slutet av den koden
så att det ser ut såhär:
a {color: #303030;text-decoration:none;}
a:hover {color: #ffffff;text-decoration:none; font-size: 16px;}
3. sen så lägger du in den koden likadant efter
.h { color: #303030;text-decoration:none;}
.h a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}
OCH
.nav a { color: #303030;text-decoration:none;}
.nav a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}
OCH
.entrymeta a { color: #303030; text-decoration:none;}
.entrymeta a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}
OCH
.commentmeta a { color: #393939; text-decoration:none;}
.commentmeta a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}
sedan kan du ändra det här om du vill:
font-size: 16px
16px är själva storleken, så om du tar lägre så blir det mindre och om du tar högre så blir det större:)
Ändra till vilken storlek du vill ha!
Sen är det bara att spara:)
Kolla sedan så att allt stämmer:D
Kram
Amanda
Hur man tar bort menyn (navheader)
Hejsan allihopa här kommer ett tips om hur man tar bort sin meny (navheader)
<div id="side"> <div id="profile"> <tag:profile> <tag:if test="${ProfileExists == 'true'}"> <h4>Om</h4> <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/2398635/entries/article/132385172/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/2398635/entries/article/132385172/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/2398635/entries/article/132385172/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></p> </tag:if> </tag:profile> </div> <div class="nav"> <div class="navheader">Sök i bloggen</div> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" name="criteria" value="" size="12" maxlength="64" /> <input type="submit" value="Sök" /> </form> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/2398635/entries/article/132385172/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/2398635/entries/article/132385172/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/2398635/entries/article/132385172/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <tag:linklist> <li><a href="${LinkURL}" mce_href="/2398635/entries/article/132385172/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> <tag:if test="${hasBooks == 'true'}"> <div class="navheader">Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/2398635/entries/article/132385172/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/2398635/entries/article/132385172/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/2398635/entries/article/132385172/${BookUrl}">${BookTitle}</a></li> </tag:booklist> </ul> </tag:if> <tag:if test="${hasMusic == 'true'}"> <div class="navheader">Musik</div> <ul> <tag:musiclist> <li><a href="${MusicUrl}" mce_href="/2398635/entries/article/132385172/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/2398635/entries/article/132385172/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/2398635/entries/article/132385172/${MusicUrl}">${MusicTitle}</a></li> </tag:musiclist> </ul> </tag:if> <tag:if test="${hasMovies == 'true'}"> <div class="navheader">Filmer</div> <ul> <tag:movielist> <li><a href="${MovieUrl}" mce_href="/2398635/entries/article/132385172/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/2398635/entries/article/132385172/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/2398635/entries/article/132385172/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/2398635/entries/article/132385172/index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" mce_src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
1. Gå in på design, kodmallar.
2. bläddra ner till div id="side"
3. Ta bort det hela det här stycket från kodmallen:
<div id="side"> <div id="profile"> <tag:profile> <tag:if test="${ProfileExists == 'true'}"> <h4>Om</h4> <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/2398635/entries/article/132385172/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/2398635/entries/article/132385172/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/2398635/entries/article/132385172/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></p> </tag:if> </tag:profile> </div> <div class="nav"> <div class="navheader">Sök i bloggen</div> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" name="criteria" value="" size="12" maxlength="64" /> <input type="submit" value="Sök" /> </form> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/2398635/entries/article/132385172/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/2398635/entries/article/132385172/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/2398635/entries/article/132385172/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <tag:linklist> <li><a href="${LinkURL}" mce_href="/2398635/entries/article/132385172/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> <tag:if test="${hasBooks == 'true'}"> <div class="navheader">Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/2398635/entries/article/132385172/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/2398635/entries/article/132385172/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/2398635/entries/article/132385172/${BookUrl}">${BookTitle}</a></li> </tag:booklist> </ul> </tag:if> <tag:if test="${hasMusic == 'true'}"> <div class="navheader">Musik</div> <ul> <tag:musiclist> <li><a href="${MusicUrl}" mce_href="/2398635/entries/article/132385172/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/2398635/entries/article/132385172/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/2398635/entries/article/132385172/${MusicUrl}">${MusicTitle}</a></li> </tag:musiclist> </ul> </tag:if> <tag:if test="${hasMovies == 'true'}"> <div class="navheader">Filmer</div> <ul> <tag:movielist> <li><a href="${MovieUrl}" mce_href="/2398635/entries/article/132385172/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/2398635/entries/article/132385172/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/2398635/entries/article/132385172/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/2398635/entries/article/132385172/index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" mce_src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
Sedan är det klart
hoppas ni förstod, kommentera ifall något blev tokigt!
Kram Amanda
Högerklicks skydd med popup meddelande
Här kommer ett tips om hur man gör så att man har högerklicks skydd med ett popup meddelande:)
Som jag har på min blogg:D (ifall du högerklickar på min blogg vet du vad det är)
Men här kommer iallafall koden
(markera allt och tryck Ctrl+c för att kopiera)
Klistra in koden innan "head"
Leta sedan upp kodraden som ser ut så här:
var msg_box =”Copyright©”;
Byt ut texten Copyright© till din egen text!
Men var noga med att inte ta bort de här " tecknena!
Hoppas ni förstod:D
Kram Amanda
Som jag har på min blogg:D (ifall du högerklickar på min blogg vet du vad det är)
Men här kommer iallafall koden
(markera allt och tryck Ctrl+c för att kopiera)
Klistra in koden innan "head"
Leta sedan upp kodraden som ser ut så här:
var msg_box =”Copyright©”;
Byt ut texten Copyright© till din egen text!
Men var noga med att inte ta bort de här " tecknena!
Hoppas ni förstod:D
Kram Amanda
Ta bort bloggnamnet från headern
Hej här kommer ett bloggtips om hur man tar bort bloggnamnet från headern:D
Det brukar ju vara så att det står ditt bloggnamn uppe vid headern men man kanske inte vill att det ska vara där, men iallafall så här gör du för att ta bort det!
1. Gå in på kodmallen.
bläddra ner tills du kommer till "div id="header".
2. efter "div id="header" så finns det ett stycke som ser ut såhär
<---- Ta bort det!
Och sen är det klart:)
Kolla in:
http://millahoman.blogg.se/
http://www.ridewithstyle.se/hem.html?XBLG18005=1c7ef1082edf696d225e8585abb4bc80
Det brukar ju vara så att det står ditt bloggnamn uppe vid headern men man kanske inte vill att det ska vara där, men iallafall så här gör du för att ta bort det!
1. Gå in på kodmallen.
bläddra ner tills du kommer till "div id="header".
2. efter "div id="header" så finns det ett stycke som ser ut såhär
<---- Ta bort det!
Och sen är det klart:)
Kolla in:
http://millahoman.blogg.se/
http://www.ridewithstyle.se/hem.html?XBLG18005=1c7ef1082edf696d225e8585abb4bc80
Ram runt bloggen
Hej här kommer ett tips om hur man gör en ram runt bloggen
Klistra in den här koden längst ner i #wrapper kategorin
så att det ser ut såhär:
#wrapper {
clear:none;
margin: 30px auto;
padding: 20px;
width: 850px;
background-color: #FFFFFF;
border: 2px solid #000000;
}
Kolla in:
http://millahoman.blogg.se/
http://www.ridewithstyle.se/hem.html?XBLG18005=1c7ef1082edf696d225e8585abb4bc80
Nu kan du ändra det här om du vill:
2px= hur tjock ramen är
Hoppas ni gillade tipset:)
Kram, Amandiz
Klistra in den här koden längst ner i #wrapper kategorin
så att det ser ut såhär:
#wrapper {
clear:none;
margin: 30px auto;
padding: 20px;
width: 850px;
background-color: #FFFFFF;
border: 2px solid #000000;
}
Kolla in:
http://millahoman.blogg.se/
http://www.ridewithstyle.se/hem.html?XBLG18005=1c7ef1082edf696d225e8585abb4bc80
Nu kan du ändra det här om du vill:
2px= hur tjock ramen är
Hoppas ni gillade tipset:)
Kram, Amandiz
Högerklicks skydd
hej här kommer ett tips om hur man skaffar högerklicks skydd på sin blogg:D
Klistra in det här istället för "body" i din kodmall:
För att kopiera markera allt i rutan och tryck på Ctrl+c
Hoppas ni gillade tipsen:)
Kraam, Amanda
Klistra in det här istället för "body" i din kodmall:
För att kopiera markera allt i rutan och tryck på Ctrl+c
Hoppas ni gillade tipsen:)
Kraam, Amanda
Flytta menyn
Här kommer ett tips om hur man flyttar menyn (navheader) längre upp/ner.
1.Gå in på stilmallen
2.Bläddra ner till #side, Lägg in den här koden längst ner i #side kategorien.
Så att det ser ut såhär:
#side {
float: left;
width: 230px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #FFFFFF;
margin-top: -220px;
}
så är det bara att pröva sig fram
P.S. Ju högre minus tal man tar ju längre upp hamnar menyn. om du tar 0 så hamnar menyn där den ska. Om man tar plus så hamnar den längre ner än den ska.
Hoppas att ni förstod
Kram, Amanda
1.Gå in på stilmallen
2.Bläddra ner till #side, Lägg in den här koden längst ner i #side kategorien.
Så att det ser ut såhär:
#side {
float: left;
width: 230px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #FFFFFF;
margin-top: -220px;
}
så är det bara att pröva sig fram
P.S. Ju högre minus tal man tar ju längre upp hamnar menyn. om du tar 0 så hamnar menyn där den ska. Om man tar plus så hamnar den längre ner än den ska.
Hoppas att ni förstod
Kram, Amanda
Hur man gör en dropdown-meny
Hejsan allihopa:D här kommer ett tips om hur man gör en dropdown-meny!
Lägg in den här koden längst ner i STILMALLEN
Det här är koden där man ändrar hur själva dropdown-menyn ser ut.
Nu kommer en till kod som du ska sätta i KODMALLEN. Sätt den efter
div id="header"
Det här kan va det krångliga. Ni får helt enkelt klura med kodmallskoden för att få de "överkategorierna" som ni vill:)
Ifall det var för svårt att göra egna överkategorier så har jag gjort en färdig dropdown-meny åt er. Den här koden klistrar du in ifall du vill ha en vanlig dropdown med: Startsidan, senaste inläggen, kategorier, arkiv och länkar. klistra in den istället för den första kodmallskoden
För att positionera dropdown-menyn så använder du den här koden
Den här koden sätter du in innan dropdown-koden i kodmallen och sen så klistrar du in dropdown koden där det står "Din dropdown kod här!"
Du positionerar dropdownen genom att ändra på "left:" och "top:" Pröva dig fram!
Den här koden använder du ifall du vill ha en till "överkategori"
Hoppas att ni gillade bloggdesign tipset:) Kommentera om det inte funkar, men det borde det eftersom att jag använde de här koderna till min blogg!
Ha det bra
Kram Amanda
Lägg in den här koden längst ner i STILMALLEN
Det här är koden där man ändrar hur själva dropdown-menyn ser ut.
Nu kommer en till kod som du ska sätta i KODMALLEN. Sätt den efter
div id="header"
Det här kan va det krångliga. Ni får helt enkelt klura med kodmallskoden för att få de "överkategorierna" som ni vill:)
Ifall det var för svårt att göra egna överkategorier så har jag gjort en färdig dropdown-meny åt er. Den här koden klistrar du in ifall du vill ha en vanlig dropdown med: Startsidan, senaste inläggen, kategorier, arkiv och länkar. klistra in den istället för den första kodmallskoden
För att positionera dropdown-menyn så använder du den här koden
Den här koden sätter du in innan dropdown-koden i kodmallen och sen så klistrar du in dropdown koden där det står "Din dropdown kod här!"
Du positionerar dropdownen genom att ändra på "left:" och "top:" Pröva dig fram!
Den här koden använder du ifall du vill ha en till "överkategori"
Hoppas att ni gillade bloggdesign tipset:) Kommentera om det inte funkar, men det borde det eftersom att jag använde de här koderna till min blogg!
Ha det bra
Kram Amanda