Ändra, lägg till linje runt inlägg
1 kommentarer /
Kommentera här!
Kopiera denna koden om den inte finns i stilmallen: border:2px dashed #950C22;
Ändra färg på: #950C22Ändra utseende på linjen: dashed
Ändra tjockleken på linjen: 2px
Olika typer av linjer som ni byter ut i koden:
dotted
solid
double
dashed
Category:
Ändra utseende på linjer
2 kommentarer /
Kommentera här!
Förklaringar hur man ändrar utseendet på linjerna på tex: kategorierna i menyn, länkarna och rubrikerna i inläggena.
Klicka först på stilmallen
Här är några förklaringar hur man ändrar linjerna:
Kategorierna i menyn
Lägg till denna koden border-bottom:1px dotted #cccccc;
Klistra in i stilmallen efter koden: .navheader {
Rubrikerna i inlägg
Lägg till denna koden border-bottom:1px dotted #cccccc;
Klistra in i stilmallen efter koden /** Entry headers **/ h3 {
Länkarna
Ändra i denna koden:
a {color: #999999;text-decoration:none;}
a:hover {color: #cccccc; background: none; border-bottom:1px dotted #cccccc; text-decoration:none;}
Olika typer av linjer som ni byter ut i koden:
dotted
solid
double
dashed
Klicka först på stilmallen
Här är några förklaringar hur man ändrar linjerna:
Kategorierna i menyn
Lägg till denna koden border-bottom:1px dotted #cccccc;
Klistra in i stilmallen efter koden: .navheader {
Rubrikerna i inlägg
Lägg till denna koden border-bottom:1px dotted #cccccc;
Klistra in i stilmallen efter koden /** Entry headers **/ h3 {
Länkarna
Ändra i denna koden:
a {color: #999999;text-decoration:none;}
a:hover {color: #cccccc; background: none; border-bottom:1px dotted #cccccc; text-decoration:none;}
Olika typer av linjer som ni byter ut i koden:
dotted
solid
double
dashed
Bli Veckans blogg
29 kommentarer /
Kommentera här!
Varje vecka har man chans att vinna och synas på min sida en hel vecka! Detta gör så vinnaren får lite mer besökare. Alla som har en blogg kan vara med !
För att vinna:
Skriv upp ditt namn och bloggadress i detta inlägget.
Länka gärna min sida eller följ via bloglovin.
Vinnaren utses den 7 Feb Lycka till
Avslutad
Egen bloglovin ikon
7 kommentarer /
Kommentera här!
Nu fick jag en fråga hur man kopplar ihop sin egna bloglovin ikon/bild till sin egna länk till bloglovin.
Det är inte alls svårt, ska försöka förklara så gott jag kan.
1. Ladda upp den bild du vill ha som din bloglovin ikon, se exempel nedan:
2. Kopiera länken till bilden i sökfältet högst upp:
3. Kopiera denna koden:
<a title="Bloggstyle.se on Bloglovin" href="DIN LÄNK TILL BLOGLOVIN"><img src="LÄNKEN FRÅN DIN BILD"></a>
4. Klistra nu in länken från din bild där det står: LÄNK FRÅN DIN BILD
5. Klistra nu in länken som går till just din sida på bloglovin, där det står: DIN LÄNK TILL BLOGLOVIN
Så här ska det se ut, exempel:
<a title="Bloggstyle.se on Bloglovin" href="http://www.bloglovin.com/sv/blog/1423846/bloggstylese/follow"><img src="../../images/2011/blog3_125610626_129671150.jpg"></a>
6. Klistra sedan in hela den färdiga koden i kodmallen mellan <div id="side"> och </div>
Spara!
Det är inte alls svårt, ska försöka förklara så gott jag kan.
1. Ladda upp den bild du vill ha som din bloglovin ikon, se exempel nedan:
2. Kopiera länken till bilden i sökfältet högst upp:
3. Kopiera denna koden:
<a title="Bloggstyle.se on Bloglovin" href="DIN LÄNK TILL BLOGLOVIN"><img src="LÄNKEN FRÅN DIN BILD"></a>
4. Klistra nu in länken från din bild där det står: LÄNK FRÅN DIN BILD
5. Klistra nu in länken som går till just din sida på bloglovin, där det står: DIN LÄNK TILL BLOGLOVIN
Så här ska det se ut, exempel:
<a title="Bloggstyle.se on Bloglovin" href="http://www.bloglovin.com/sv/blog/1423846/bloggstylese/follow"><img src="../../images/2011/blog3_125610626_129671150.jpg"></a>
6. Klistra sedan in hela den färdiga koden i kodmallen mellan <div id="side"> och </div>
Spara!
Ta bort prickarna innan länkarna
9 kommentarer /
Kommentera här!
1. Klicka på stilmallen, bläddra ner till denna koden:
2. Lägg till denna koden om den inte finns: list-style: none;
Gör inläggsrutan (content) bredare
2 kommentarer /
Kommentera här!
För att göra inläggsrutan bredare, gör man detta i stilmallen.
Nu beror det på vilken designmall man använder, på vissa behöver man bara ändra bredden på inläggsrutan (content) och vissa måste man även ändra wrapper så den blir bredare, detta är bara att testa sej fram tills det blir bra.
1. Klicka på stilmallen.
2. Öka bredden på wrapper:
3. Ändra på content, inläggsrutan hur bred man vill ha den:
4. På vissa designmallar ser det bara ut så här, när man ändrar bredden:
Förhandsgranska och spara!
Dela upp meny, header och inlägg
10 kommentarer /
Kommentera här!
För att dela upp det så man får ett mellanrum som på bilden över, gör man detta i stilmallen.
1. Börja med att ta bort bakgrunden på wrapper.
2. Lägg till bakgrund på side och content, se förklaring nedan:
Förhandsgranska och spara!
Bli Veckans blogg
27 kommentarer /
Kommentera här!
Varje vecka har man chans att vinna och synas på min sida en hel vecka! Detta gör så vinnaren får lite mer besökare. Alla som har en blogg kan vara med !
För att vinna:
Skriv upp ditt namn och bloggadress i detta inlägget.
Länka gärna min sida eller följ via bloglovin.
Vinnaren utses den 29 Jan Lycka till
Vinnare blev: http://aaxelina.blogg.se/
Ändra färg på prickarna
1 kommentarer /
Kommentera här!
1. Klicka på stilmallen
2. Bläddra ner till div.nav li
3. Ändra så den ser ut så här:
div.nav li {
color:#ff438a;
padding: 2px 0;
}
Ändra färg på color:#ff438a;
Vill man ta bort prickarna, lägga till denna koden:
list-style: none;
Linje under rubriken
1 kommentarer /
Kommentera här!
1. Lägg till denna koden:
border-bottom:2px solid #efedee;
2. Klistra in koden i stilmallen, se nedan:
Finns inte koden skriv till den i stilmallen.
Ändra färg på #cccccc;
Ändra tjocklek på linjen på 1px
Ändra utseende på linjen: solid till exempel dotted
Gratismall
13 kommentarer /
Kommentera här!
En gratismall med inramade inlägg i bubblor, man får ändra hur man vill, bakgrund, header och övrigt.
1. Kopiera koden nedan:
2. Ta bort allt i stilmallen och klistra in koden.
3. Om det inte skulle se bra ut, återställa kodmallarna (alla sidor) spara viktigt material, som egna bilder.
Så ska det se bra ut sedan.
Bokmärkeslänk på bloggen
5 kommentarer /
Kommentera här!
En kul sak man kan lägga in är en bokmärkeslänk i menyn.
Nedan finns några exempel hur man kan lägga in det, antingen en textlänk, text och bildlänk eller bara bildlänk.
1. Klicka på kodmallen
2. Kopiera koden nedan:
3. Klistra in koden mellan <head> och </head>
4. Kopiera denna koden om du bara vill ha en text länk:
<a href="javascript:bookmarksite('Bloggstyle', 'http://www.bloggstyle.se')">Lägg till i
favorit!</a>
Ändra bloggstyle till ditt bloggnamn och http://bloggstyle.se till din egna länk adress.
5. Eller kopiera denna koden om du vill ha en bildlänk:
<a href="javascript:bookmarksite('Bloggstyle', 'http://www.bloggstyle.se')"><img src="ADRESS TILL DIN BILD HÄR" border="0"></a>
Ändra http://www.bloggstyle.se till din egna länk adress.
Din egna bild på ADRESS TILL DIN BILD HÄR
6. Om du vill ha en bildlänk som ändras vid mouseover, kopiera denna koden:
<a title="Bookmark this page" href="javascript:bookmarksite('Bloggstyle.se', 'http://www.bloggstyle.se')">
<img src="ADRESS TILL DIN BILD HÄR" oversrc="ADRESS TILL DIN BILD HÄR" border="0"> </a>
7. Klistra in koden i din meny i kodmallen, mellan <div id="side"> och </div>
Om man vill centrera bilden eller texten, lägg till <center> DIN TEXT/BILD KOD </center>
Ni får låna någon av bilderna nedan, kopiera ladda upp på din blogg och lägg in i koden.
Nedan finns några exempel hur man kan lägga in det, antingen en textlänk, text och bildlänk eller bara bildlänk.
1. Klicka på kodmallen
2. Kopiera koden nedan:
3. Klistra in koden mellan <head> och </head>
4. Kopiera denna koden om du bara vill ha en text länk:
<a href="javascript:bookmarksite('Bloggstyle', 'http://www.bloggstyle.se')">Lägg till i
favorit!</a>
Ändra bloggstyle till ditt bloggnamn och http://bloggstyle.se till din egna länk adress.
5. Eller kopiera denna koden om du vill ha en bildlänk:
<a href="javascript:bookmarksite('Bloggstyle', 'http://www.bloggstyle.se')"><img src="ADRESS TILL DIN BILD HÄR" border="0"></a>
Ändra http://www.bloggstyle.se till din egna länk adress.
Din egna bild på ADRESS TILL DIN BILD HÄR
6. Om du vill ha en bildlänk som ändras vid mouseover, kopiera denna koden:
<a title="Bookmark this page" href="javascript:bookmarksite('Bloggstyle.se', 'http://www.bloggstyle.se')">
<img src="ADRESS TILL DIN BILD HÄR" oversrc="ADRESS TILL DIN BILD HÄR" border="0"> </a>
7. Klistra in koden i din meny i kodmallen, mellan <div id="side"> och </div>
Om man vill centrera bilden eller texten, lägg till <center> DIN TEXT/BILD KOD </center>
Ni får låna någon av bilderna nedan, kopiera ladda upp på din blogg och lägg in i koden.
Skapa "fast" bakgrund
1 kommentarer /
Kommentera här!
När man lägger in en bakgrund så upprepas den, ibland kan det inte se så snyggt ut när man bläddrar ner, se exempel på bilden nedan. För att rätta till detta, klicka på stilmallen.
1. Klicka på stilmallen
2. Bläddra ner till denna koden, om den inte ser ut så ändra den.
body{
background-image:url(BAKGRUNDS LÄNK);
background-color:#ffffff;
background-attachment: fixed; <----------------Ändra här och skriv fixed;
}
När man ändrar till fixed; fryser man bakgrunden och den rör sej inte.
3. Förhandsgranska och spara!
1. Klicka på stilmallen
2. Bläddra ner till denna koden, om den inte ser ut så ändra den.
body{
background-image:url(BAKGRUNDS LÄNK);
background-color:#ffffff;
background-attachment: fixed; <----------------Ändra här och skriv fixed;
}
När man ändrar till fixed; fryser man bakgrunden och den rör sej inte.
3. Förhandsgranska och spara!
Bli Veckans blogg
18 kommentarer /
Kommentera här!
Nu tänkte jag köra igång en liten rolig sak på sidan, en tävling och varje vecka har man chans att vinna och synas på min sida en hel vecka! Detta gör så vinnaren får lite mer besökare. Alla som har en blogg kan vara med !
För att vinna:
Skriv upp ditt namn och bloggadress i detta inlägget.
Länka gärna min sida eller följ via bloglovin.
Vinnaren utses redan på Lördag Lycka till
Avslutad, håll koll på nästa tävling!
Ny design
1 kommentarer /
Kommentera här!
Ny design på sidan, klicka på F5 om det inte skulle se bra ut. Kommentera gärna vad ni tycker.
Skugga runt boxarna i menyn
9 kommentarer /
Kommentera här!
Först får du skapa så du får boxar i menyn se denna länken först!
1. Kopiera denna koden:
2. Klistra in koden i stilmallen, se exempel nedan:
Förhandsgranska och spara!
(Skuggan syns inte alltid i internet explorer)
Skapa ett bildspel
5 kommentarer /
Kommentera här!
Hitta en rolig sida där man lätt kan skapa ett enkelt bildspel som man sedan kan lägga in på sin blogg, ex i menyn.
Skapa först ditt bildspel
Lägg in i kodmallen nedanför <div id="side"> (menyn)
Eller lägg in i ett inlägg
gickr.com
Redigera bilder online
5 kommentarer /
Kommentera här!
Har fått frågan om vilka program det finns att redigera sina bilder, utan att behöva ladda ner något.
Skrivit några tips nedan som jag hittade efter en tids letande, även några som man kan ladda ner.
REDIGERA ONLINE
redigeradinbild.se
pixlr.com
pixenate.com
fotoflexer.com
fanstudio.ru
splashup.com
improveyourimages.com
pikipimp.com
flauntr.com
rsizr.com
pixer.us
aviary.com
snipshot.com
cellsea.com
webresizer.com
sumopaint.com
onlinephototool.com
drpic.com
www.picjuice.com
resize.imagevenue.com
online-image-editor.com
LADDA NER PROGRAM
serif.com
Gimp
Picasa 3
Photoshop
shapecollage.com
Hoppas ni hittar något som ni gillar!
Om ni vet någon mer länk skriv gärna, så lägger jag till den här.
Tävling! Vinn inbjudan till bloggsvar
10 kommentarer /
Kommentera här!
Nu kör jag en sista tävling då jag har en inbjudan kvar att lämna ut till någon som vill ha bloggsvar på sin blogg!
För att vara med:
- Skriv en fråga till mej på bloggsvar i högra menyn
- Lägg till mej på bloglovin
- Skriv din blogg och mail i detta inlägget
Tävlingen avslutad den 23 Jan
Lycka till! :)
Vinnare blev http://linneayoos.blogg.se/
Skapa boxar i menyn
11 kommentarer /
Kommentera här!
1. Dela först på side och content och få ett mellanrum om du inte har detta.
2. Klicka på stilmallen, leta upp wrapper och ta bort bakgrundsfärgen, skriv none; istället för #ffffff;
3. Förhandsgranska och kolla om det blir uppdelat.
Om inte, minska bredden på #side och #content tills det blir som du vill ha det.
Ändra width:221px; till exempel width: 200px; på menyn.
4. Nu för att få boxar i menyn, kopiera koden nedan:
5. Klistra in koden i stilmallen, se bild nedan (Nu ser koden inte exakt likadan ut)
6. Kom ihåg att ändra bredden på #side och #box lika breda på width
Ta även bort (background: #FFFFFF;) på #side
7. Kopiera dessa koder: <div id="box"> och </div><br>
8. Klistra in dem i kodmallen efter <div id="side">
Exempel:
Mer exempel hur det ska se ut:
<div id="side">
<div id="box">
<div>Senaste inläggen</div>
<ul>
<tag:recentlist limit="20">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
</div><br>
<div id="box">
<div>Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</div><br>
<div id="box">
<div>Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
</div><br>
<div id="box">
<div>Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
</div><br>
</div>
Tävling! Vinn bloggdesign!
10 kommentarer /
Kommentera här!
En rosa söt design som man kan vinna! (Designen gäller ni som har blogg.se)
Vinnaren får:
Bloggnamn i header
På inlägg får bilder som är 700px breda platts
Hjärtan innan länkar i menyn
Man får lägga in egna bilder i menyn
För att vinna designen:
1. Skriv upp dej i detta inlägget eller på min sida
2. Lägg till mej på bloglovin
Vinnaren lottas ut den 20 Januari
Tävlingen är avslutad jag väntar på kontakt från vinnaren.
Rosa gratismall
7 kommentarer /
Kommentera här!
Kopiera koden nedan och ta bort allt i din stilmall och klistra in denna:
Om det inte skulle funka, återställ kodmallarna helt, kom ihåg att spara viktiga saker innan!
Bakgrund på inläggsrubriken
3 kommentarer /
Kommentera här!
Man kan göra en egen bakgrund eller ta en man hittar på internet, sök på bakgrunder på google.se, eller så kan ni låna en som jag har på kategorier, bakgrunder.
Om man nu vill göra en egen bakgrund där man kanske vill ha någon tetalj som exemplet nedan, kan man göra detta i photoshop, gör bakgrunden lika stor.
Ladda upp bilden på din blogg, klicka på bilden och kopiera sedan länken till bilden.
Klistra in i stilmallen, om man behöver ändra storleken på rutan, flytta texten gör det på padding och margin.
Om man nu vill göra en egen bakgrund där man kanske vill ha någon tetalj som exemplet nedan, kan man göra detta i photoshop, gör bakgrunden lika stor.
Ladda upp bilden på din blogg, klicka på bilden och kopiera sedan länken till bilden.
Klistra in i stilmallen, om man behöver ändra storleken på rutan, flytta texten gör det på padding och margin.
Tävling! Vinn inbjudan till bloggsvar
15 kommentarer /
Kommentera här!
Nu drar jag igång en till tävling där man kan vinna bloggsvar !
För att vara med i tävlingen!
1. Ställ en fråga till mej på bloggsvar i högra menyn.
2. Skriv ditt namn och mail, i detta inlägget.
Tävlingen avslutas den 14 Jan då jag väljer ut en vinnare!
Lycka till!
Avslutad! Vinnare blev http://myhannas.blogg.se/
Gratismall
14 kommentarer /
Kommentera här!
En mall för er som vill lägga in egen header, bakgrund och göra lite hur ni vill, så det är helt fritt hur ni gör med denna gratismallen.
Kopiera koden nedan och ta bort allt i din stilmall och klistra in denna:
Om det inte skulle funka, återställ kodmallarna helt, kom ihåg att spara viktiga saker innan!
Kopiera koden nedan och ta bort allt i din stilmall och klistra in denna:
Om det inte skulle funka, återställ kodmallarna helt, kom ihåg att spara viktiga saker innan!
Gör något genomskinligt
1 kommentarer /
Kommentera här!
Jag har fått frågan om hur man får något genomskinligt på bloggen, man kan göra menyn, inläggsrutan, header etc.
Nedan kan man se ett exempel på hur man gör menyn genomskinlig.
Exempel:
Kopiera koden nedan:
Gör sidomenyn genomskinlig, klistra in koden i stilmallen, se nedan:
Förklaring:
Ändra alla 70 till högre eller mindre tal, beror på hur genomskinligt man vill ha det.
/* opacitet for IE */ filter:alpha(opacity=70); /*
opacity: 0.70; <------------------------------------------Ändra alla 70
filter: alpha(opacity=70);
*/ /* opacitet CSS3 standard */ opacity:0.70;
/* opacitet for Mozilla */ -moz-opacity:0.70;
Förhandsgranska och spara!
Nedan kan man se ett exempel på hur man gör menyn genomskinlig.
Exempel:
Kopiera koden nedan:
Gör sidomenyn genomskinlig, klistra in koden i stilmallen, se nedan:
Förklaring:
Ändra alla 70 till högre eller mindre tal, beror på hur genomskinligt man vill ha det.
/* opacitet for IE */ filter:alpha(opacity=70); /*
opacity: 0.70; <------------------------------------------Ändra alla 70
filter: alpha(opacity=70);
*/ /* opacitet CSS3 standard */ opacity:0.70;
/* opacitet for Mozilla */ -moz-opacity:0.70;
Förhandsgranska och spara!
Kodguide i Stilmallen
6 kommentarer /
Kommentera här!
/*BAKGRUND*/
body {
background:url("LÄNK FRÅN DIN BILD");
background-color:#ffffff;
margin:0;
padding-bottom:0;
padding-top:0;
text-align:center;
}
/*LÄNKAR I INLÄGGEN, BEROR PÅ VAD MAN HAR FÖR INSTÄLLNINGAR, ÄNDRAR ÄVEN ANDRA LÄNKAR PÅ BLOGGEN*/
a {
color:#cccccc;text-decoration:none;
}
a:hover {
background:none repeat scroll 0 0 transparent;
border-bottom:0 solid #C9BBA0;
border-top:0 solid #574444;
color:#000000;
}
/*SJÄLVA BLOGGENS BAKGRUND - DEN VITA BAKGRUNDEN*/
#wrapper {
border-color:#FFE5D6 #BAB4AB #BAB4AB;
border-style:solid;
border-width:0;
margin:25px auto;
padding:0;
text-align:left;
vertical-align:top;
width:987px;
}
/*GÖR ATT BAKGRUNDEN BLIR EN HEL RUTA OCH INTE DELAS*/
#wrapper:after {
background:none repeat scroll 0 0 #FFFFFF;
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
/*TEXT om du anger <p> i kodmallen*/
p {
margin:0;
padding:0;
}
/*HEADER, rutan, bilden högst upp på bloggen*/
#header {
background:url("LÄNK FRÅN DIN BILD");
height:240px;
margin:0 auto;
padding:0;
text-align:left;
}
/*SIDOMENYN/*
#side {
background:url("LÄNK FRÅN DIN BILD") repeat scroll 0 0 #eaf2f5;
border:2px solid #ffffff;
float:right;
margin:-190px 0 0;
opacity:0.9;
padding:0;
vertical-align:top;
width:189px;
}
/*KODEN FÖR OCH GÖRA SIDOMENYN I BOXAR /*
#box {
background:url("LÄNK FRÅN DIN BILD");
border:2px solid #FFFFFF;
width: 190px;
padding : 0 8px;
}
/*SJÄLVA INLÄGGETS BAKGRUND*/
#content {
background:none repeat scroll 0 0 #FFFFFF;
border-right:0 solid #F0F0E8;
float:left;
margin-right:0;
margin-top:0;
padding:0;
text-align:right;
vertical-align:top;
width:793px;
}
/*TEXT I HEADER*/
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h1 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:14px;
font-weight:bold;
height:30px;
margin:0;
padding:0;
text-transform:uppercase;
}
h2 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
width:170px;
}
/*INLÄGGSRUBRIK/*
/** Entry headers **/
h3 {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 dotted #E3E3DE;
border-top:0 dotted #F1F1E7;
color:#5E5851;
font-family:Georgia;
font-size:36px;
font-style:normal;
font-weight:normal;
margin-bottom:0;
margin-top:20px;
padding-bottom:2px;
padding-left:20px;
padding-top:45px;
text-align:center;
}
/*SIDOMENYNS RUBRIK*/
.navheader {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 solid #625F5F;
border-top:0 dotted #F1F1E7;
color:#9A9890;
font-family:georgia;
font-size:12px;
font-weight:normal;
margin-bottom:3px;
margin-top:3px;
padding:1px 5px;
text-align:left;
text-transform:uppercase;
}
/*SIDOMENYNS YTA, dvs rubriker, länkar osv*/
.nav {
color:#685C58;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding-left:0;
padding-right:0;
padding-top:3px;
}
/*LÄNKLISTA*/
.nav ul {
background-color:#FFFFFF;
font-weight:normal;
margin:0 0 7px;
padding:5px 10px 18px;
}
/*LÄNKAR I SIDOMENYN*/
.nav li {
font-weight:normal;
list-style:none outside none;
padding:0 0 6px;
}
.nav a {
color:#4E4E4E;
text-decoration:none;
}
a:hover {
background-color:#e6eef1;
color:#FFFFFF;
text-decoration:none;
}
/*HOVER - Menyns länkar, samt där du kan lägga in en egen muspekare*/
/*INLÄGG*/
/** Post's body text **/
.entrybody {
color:#000000;
font-family:Courier New;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:30px 27px 10px;
text-align:justify;
}
/*TID OCH LÄNKAR UNDER INLÄGGET - Ex kommentarer*/
/** 'Posted by' txt **/
.entrymeta {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #F0F0E8;
border-top:0 solid #E3E3DE;
color:#000000;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding:3px;
text-align:left;
}
/*LÄNKARNA PÅ KOMMENTARER ETC*/
.entrymeta a {
color:#7B7B71;
text-decoration:none;
}
.entrymeta a:hover {
background-color:transparent;
color:#000000;
font-size:10px;
text-decoration:none;
}
/*KOMMENTARSRUBRIKEN - Ex Postat av:*/
.commentheader {
background:none repeat scroll 0 0 #acc0c7;
border-color:#383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
text-align:left;
}
/*KOMMENTARSTEXTEN*/
.commenttext {
background:none repeat scroll 0 0 #e6eef1;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma;
font-size:12px;
font-weight:normal;
line-height:150%;
margin-left:5px;
margin-right:5px;
padding:8px 25px 9px 15px;
text-align:left;
}
/*KOMMENTARSTID och LÄNKAR - tidpunkten då kommentaren postades och länk*/
.commentmeta {
background:none repeat scroll 0 0 #acc0c7;
border-bottom:1px dotted #383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
line-height:150%;
margin-bottom:16px;
margin-left:5px;
margin-right:5px;
padding:2px 15px;
text-align:left;
}
/*Länkar*/
.commentmeta a {
color:#8E8D78;
text-decoration:none;
}
.commentmeta a:hover {
border-bottom:0 solid #F2CBA5;
border-top:0 solid #F2CBA5;
color:#C8C6A9;
font-size:10px;
}
/*Kommentarrutan*/
.commentform {
background:none repeat scroll 0 0 #e6eef1;
border:0 solid #EEE0D8;
color:#5A5958;
font-family:tahoma;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
text-align:left;
}
/*LINJERNA MELLAN INLÄGGEN*/
.separator {
display:none;
}
/*RUBRIK TILL KOMMENTARER OCH TRACKBACKS*/
.default {
display:none;
}
.subside {
font-size:0.7em;
font-weight:normal;
padding:0;
}
.xmlButton {
background:none repeat scroll 0 0 #FF6600;
border-color:#FFCC99 #663300 #333300 #FF9966;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font:bold 10px Verdana,Arial,Helvetica,Sans-serif;
margin:0;
padding:0 3px;
text-decoration:none;
}
/*BILDERNA I INLÄGGSRUTAN - Ändra kanten runt om..*/
.image {
border:1px solid #5E6655;
margin:0 6px 6px 0;
padding:0;
}
.thumbnail {
border:2px solid #889977;
margin:0 6px 6px 0;
}
.video {
padding:0 0 30px 30px;
}
.fieldName {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
margin:0 0 12px;
}
select {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
}
/*SÖK FORMULÄRET - samt KOMMENTARSFORMULÄRET*/
form {
margin:0 0 6px;
padding-left:10px;
}
/*PROFIL i överlag*/
#profile {
font-family:verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
mar
/*PROFIL rubrik "OM" */
#profile h4{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
margin:0 0 5px;
}
/*PROFIL TEXT*/
#profile p{
}
/*HÄR ÄNDARAR DU FÄRGEN PÅ KNAPPEN SÖK...*/
input {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#656262;
font-family:courier new;
font-size:11px;
font-weight:normal;
}
textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#575353;
font-family:courier new;
font-size:12px;
font-weight:normal;
}
NÅGRA FLER FÖRKLARINGAR:
FLYTTA OBJEKT
margin: Flyttar själva objektet.
padding: Flyttar själva texten inuti objektet.
1px 2px 3px 4px - 1px flyttar uppåt, 2px höger, 3px nedåt, 4px åt vänster
float: välj om du vill positionera objektet till höger eller vänster (inte center)
TEXT
font-weight: väljer om du vill ha tjock, kursiv eller normal text (bold, normal etc)
font-family: anger typsnitt (ex arial, verdana, sans-serif)
text-transform: anger om du vill ha stor eller liten text
text-decoration: anger om du vill ha understreck eller liknande på text
FÄRGER
Background - anger bakgrunden
color: anger färgen på texten glöm ej och skriva före färgkoden
STORLEK
height: anger höjd
width: anger bredd
body {
background:url("LÄNK FRÅN DIN BILD");
background-color:#ffffff;
margin:0;
padding-bottom:0;
padding-top:0;
text-align:center;
}
/*LÄNKAR I INLÄGGEN, BEROR PÅ VAD MAN HAR FÖR INSTÄLLNINGAR, ÄNDRAR ÄVEN ANDRA LÄNKAR PÅ BLOGGEN*/
a {
color:#cccccc;text-decoration:none;
}
a:hover {
background:none repeat scroll 0 0 transparent;
border-bottom:0 solid #C9BBA0;
border-top:0 solid #574444;
color:#000000;
}
/*SJÄLVA BLOGGENS BAKGRUND - DEN VITA BAKGRUNDEN*/
#wrapper {
border-color:#FFE5D6 #BAB4AB #BAB4AB;
border-style:solid;
border-width:0;
margin:25px auto;
padding:0;
text-align:left;
vertical-align:top;
width:987px;
}
/*GÖR ATT BAKGRUNDEN BLIR EN HEL RUTA OCH INTE DELAS*/
#wrapper:after {
background:none repeat scroll 0 0 #FFFFFF;
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
/*TEXT om du anger <p> i kodmallen*/
p {
margin:0;
padding:0;
}
/*HEADER, rutan, bilden högst upp på bloggen*/
#header {
background:url("LÄNK FRÅN DIN BILD");
height:240px;
margin:0 auto;
padding:0;
text-align:left;
}
/*SIDOMENYN/*
#side {
background:url("LÄNK FRÅN DIN BILD") repeat scroll 0 0 #eaf2f5;
border:2px solid #ffffff;
float:right;
margin:-190px 0 0;
opacity:0.9;
padding:0;
vertical-align:top;
width:189px;
}
/*KODEN FÖR OCH GÖRA SIDOMENYN I BOXAR /*
#box {
background:url("LÄNK FRÅN DIN BILD");
border:2px solid #FFFFFF;
width: 190px;
padding : 0 8px;
}
/*SJÄLVA INLÄGGETS BAKGRUND*/
#content {
background:none repeat scroll 0 0 #FFFFFF;
border-right:0 solid #F0F0E8;
float:left;
margin-right:0;
margin-top:0;
padding:0;
text-align:right;
vertical-align:top;
width:793px;
}
/*TEXT I HEADER*/
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h1 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:14px;
font-weight:bold;
height:30px;
margin:0;
padding:0;
text-transform:uppercase;
}
h2 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
width:170px;
}
/*INLÄGGSRUBRIK/*
/** Entry headers **/
h3 {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 dotted #E3E3DE;
border-top:0 dotted #F1F1E7;
color:#5E5851;
font-family:Georgia;
font-size:36px;
font-style:normal;
font-weight:normal;
margin-bottom:0;
margin-top:20px;
padding-bottom:2px;
padding-left:20px;
padding-top:45px;
text-align:center;
}
/*SIDOMENYNS RUBRIK*/
.navheader {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 solid #625F5F;
border-top:0 dotted #F1F1E7;
color:#9A9890;
font-family:georgia;
font-size:12px;
font-weight:normal;
margin-bottom:3px;
margin-top:3px;
padding:1px 5px;
text-align:left;
text-transform:uppercase;
}
/*SIDOMENYNS YTA, dvs rubriker, länkar osv*/
.nav {
color:#685C58;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding-left:0;
padding-right:0;
padding-top:3px;
}
/*LÄNKLISTA*/
.nav ul {
background-color:#FFFFFF;
font-weight:normal;
margin:0 0 7px;
padding:5px 10px 18px;
}
/*LÄNKAR I SIDOMENYN*/
.nav li {
font-weight:normal;
list-style:none outside none;
padding:0 0 6px;
}
.nav a {
color:#4E4E4E;
text-decoration:none;
}
a:hover {
background-color:#e6eef1;
color:#FFFFFF;
text-decoration:none;
}
/*HOVER - Menyns länkar, samt där du kan lägga in en egen muspekare*/
/*INLÄGG*/
/** Post's body text **/
.entrybody {
color:#000000;
font-family:Courier New;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:30px 27px 10px;
text-align:justify;
}
/*TID OCH LÄNKAR UNDER INLÄGGET - Ex kommentarer*/
/** 'Posted by' txt **/
.entrymeta {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #F0F0E8;
border-top:0 solid #E3E3DE;
color:#000000;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding:3px;
text-align:left;
}
/*LÄNKARNA PÅ KOMMENTARER ETC*/
.entrymeta a {
color:#7B7B71;
text-decoration:none;
}
.entrymeta a:hover {
background-color:transparent;
color:#000000;
font-size:10px;
text-decoration:none;
}
/*KOMMENTARSRUBRIKEN - Ex Postat av:*/
.commentheader {
background:none repeat scroll 0 0 #acc0c7;
border-color:#383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
text-align:left;
}
/*KOMMENTARSTEXTEN*/
.commenttext {
background:none repeat scroll 0 0 #e6eef1;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma;
font-size:12px;
font-weight:normal;
line-height:150%;
margin-left:5px;
margin-right:5px;
padding:8px 25px 9px 15px;
text-align:left;
}
/*KOMMENTARSTID och LÄNKAR - tidpunkten då kommentaren postades och länk*/
.commentmeta {
background:none repeat scroll 0 0 #acc0c7;
border-bottom:1px dotted #383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
line-height:150%;
margin-bottom:16px;
margin-left:5px;
margin-right:5px;
padding:2px 15px;
text-align:left;
}
/*Länkar*/
.commentmeta a {
color:#8E8D78;
text-decoration:none;
}
.commentmeta a:hover {
border-bottom:0 solid #F2CBA5;
border-top:0 solid #F2CBA5;
color:#C8C6A9;
font-size:10px;
}
/*Kommentarrutan*/
.commentform {
background:none repeat scroll 0 0 #e6eef1;
border:0 solid #EEE0D8;
color:#5A5958;
font-family:tahoma;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
text-align:left;
}
/*LINJERNA MELLAN INLÄGGEN*/
.separator {
display:none;
}
/*RUBRIK TILL KOMMENTARER OCH TRACKBACKS*/
.default {
display:none;
}
.subside {
font-size:0.7em;
font-weight:normal;
padding:0;
}
.xmlButton {
background:none repeat scroll 0 0 #FF6600;
border-color:#FFCC99 #663300 #333300 #FF9966;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font:bold 10px Verdana,Arial,Helvetica,Sans-serif;
margin:0;
padding:0 3px;
text-decoration:none;
}
/*BILDERNA I INLÄGGSRUTAN - Ändra kanten runt om..*/
.image {
border:1px solid #5E6655;
margin:0 6px 6px 0;
padding:0;
}
.thumbnail {
border:2px solid #889977;
margin:0 6px 6px 0;
}
.video {
padding:0 0 30px 30px;
}
.fieldName {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
margin:0 0 12px;
}
select {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
}
/*SÖK FORMULÄRET - samt KOMMENTARSFORMULÄRET*/
form {
margin:0 0 6px;
padding-left:10px;
}
/*PROFIL i överlag*/
#profile {
font-family:verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
mar
/*PROFIL rubrik "OM" */
#profile h4{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
margin:0 0 5px;
}
/*PROFIL TEXT*/
#profile p{
}
/*HÄR ÄNDARAR DU FÄRGEN PÅ KNAPPEN SÖK...*/
input {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#656262;
font-family:courier new;
font-size:11px;
font-weight:normal;
}
textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#575353;
font-family:courier new;
font-size:12px;
font-weight:normal;
}
NÅGRA FLER FÖRKLARINGAR:
FLYTTA OBJEKT
margin: Flyttar själva objektet.
padding: Flyttar själva texten inuti objektet.
1px 2px 3px 4px - 1px flyttar uppåt, 2px höger, 3px nedåt, 4px åt vänster
float: välj om du vill positionera objektet till höger eller vänster (inte center)
TEXT
font-weight: väljer om du vill ha tjock, kursiv eller normal text (bold, normal etc)
font-family: anger typsnitt (ex arial, verdana, sans-serif)
text-transform: anger om du vill ha stor eller liten text
text-decoration: anger om du vill ha understreck eller liknande på text
FÄRGER
Background - anger bakgrunden
color: anger färgen på texten glöm ej och skriva före färgkoden
STORLEK
height: anger höjd
width: anger bredd
Ta bort profilbilden
1 kommentarer /
Kommentera här!
Det var en tjej som undra hur man tog bort profilbilden i menyn, detta kan man göra på två sätt.
Klicka på inställningar, profil och ta bort bilden.
Andra alternativet är att ta bort den helt i koderna, klicka på design och kodmallen, se förklaring nedan.
Klicka på inställningar, profil och ta bort bilden.
Andra alternativet är att ta bort den helt i koderna, klicka på design och kodmallen, se förklaring nedan.
Redigera bilder med Picnik
1 kommentarer /
Kommentera här!
Hitta en sida som jag blev tipsad av på Linns blogg, ett program som man lätt kan redigera sina bilder med, tex runda hörn som ni kan se ett exempel av nedan.
www.picnik.com
www.picnik.com
10 Söta bloglovin ikoner
7 kommentarer /
Kommentera här!
Jag gjorde några bloglovin ikoner, eftersom många tjejer gillar rosa så blev de det denna gången, ska göra fler när jag får tid till det. Kopiera den bild du vill ha nedan och klistra in i din kodmall.
Obs! Ni får endast använda bilderna till eran egna blogg, ej till bloggdesign försäljning.
Här finner ni länken till hur man kopplar ihop med sin egna länk
Obs! Ni får endast använda bilderna till eran egna blogg, ej till bloggdesign försäljning.
Här finner ni länken till hur man kopplar ihop med sin egna länk
Ändring på sidan
2 kommentarer /
Kommentera här!
Nu är det en ny ändring på sidan som ni kan se, jag har kollat att det ser bra ut i Explorer och firefox, men frågar för att vara säker om menyn och övrigt ser ut som bilden nedan, kommentera också om ni tycker det blev bättre eller sämre ?
Ändra kommentarer /kommentera här..
4 kommentarer /
Kommentera här!
Ändra så man kan se hur många kommentarer man har fått på varje inlägg.
Detta ändrar man i kodmallen, kom ihåg att ändra på alla sidor, inte ett måste.
Kopiera koden i rutan:
Klistra in den i stilmallen, nedan för content, se bilden nedan vilken kod man ska ta bort.
Detta ändrar man i kodmallen, kom ihåg att ändra på alla sidor, inte ett måste.
Kopiera koden i rutan:
Klistra in den i stilmallen, nedan för content, se bilden nedan vilken kod man ska ta bort.
Tävling! Vinn inbjudan till bloggsvar
14 kommentarer /
Kommentera här!
För att vara med i tävlingen!
1. Ställ en fråga till mej på bloggsvar i högra menyn.
2. Skriv ditt namn och mail, i detta inlägget.
Tävlingen avslutas den 9 Jan då jag väljer ut en vinnare!
Lycka till!
Vinnare blev www.emblems.blogg.se
Ta bort/lägg till linje mellan inläggen
3 kommentarer /
Kommentera här!
Efter varje inlägg man skrivit är det en linje, om man vill ta bort eller lägga till den, gör man detta i stilmallen.
Denna koden:
.separator {
border-top: 3px solid #CCCCCC; <-----Ta bort linjen genom att skriva 0px
border-bottom: 0px solid #CCCCCC; <-----Ta bort linjen genom att skriva 0px
margin: 14px 0px 14px 0px
}
Om man inte har en linje, kopiera koden och klistra in i stilmallen, över denna koden:
.default {
Förhandsgranska och spara!
Denna koden:
.separator {border-top: 3px solid #CCCCCC; <-----Ta bort linjen genom att skriva 0px
border-bottom: 0px solid #CCCCCC; <-----Ta bort linjen genom att skriva 0px
margin: 14px 0px 14px 0px
}
Om man inte har en linje, kopiera koden och klistra in i stilmallen, över denna koden:
.default {
Förhandsgranska och spara!
