Få kategorierna bredvid varandra!

3
Comments
Denna video gjorde jag om några gånger så jag hoppas ni förstår jag vad menar. Annars är det bara o fråga!
En sak jag glömde ta upp är att ni måste ta bort kategori koden i stilmallen innan ni sätter in nya. Sen kan de va bra att göra en kopia av din design innan du börjar! 
  
KODEN TILL STILMALLEN:

 
KODEN TILL KODMALLARNA:
 

<div class="kategorirubriker1">
NAMNET PÅ DIN KATEGORI
</div>
<div class="kategorier1">
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
</div>
<div class="kategorirubriker2">
NAMNET PÅ DIN KATEGORI
</div>
<div class="kategorier2">
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
</div>
<div class="kategorirubriker3">
NAMNET PÅ DIN KATEGORI
</div>
<div class="kategorier3">
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
</div>
<div class="kategorirubriker4">
NAMNET PÅ DIN KATEGORI
</div>
<div class="kategorier4">
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
<br/>
<a href="LÄNK">NAMN</a>
</div>

DELA UPP MENYN I BOXAR! (som jag)

12
Comments
   Nu äntligen gör vi detta inlägget! Med boxar i menyn.
 
I bilden ser ni hur min side ser ut i stilmallen! och (#box {) ska vara under (#side {)
 
HÄR ÄR KODEN JAG ANVÄNDER: 

#box {
width: 212;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
border: 0px solid #000000;
box-shadow: 0px 0px 7px #888;
border: 1px solid #646464; 

}

Denna har ävem skugga men de är bara att ta bort om man inte vill ha!

 

Nu till kodmallarna:

Under denna gör ni boxarna:

<div id="side">
<div class="nav">

 

Alltså här, ska denna in:

<div id="box">
HÄR SKA INNEHÅLLET I BOXEN VA! tex din profil bild!
</div><br>

 

Hoppas ni förstår! Fixar och snyggar till detta inlägg senare! 

DESIGNTIPS: runda hörn!

32
Comments
En tjej har frågat mig eller ja flera har frågat hur jag får runda hörn i headern och så vidare! 
De enda jag gör är att jag lägger in denna koden:

-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-khtml-border-radius-topleft:10px;
-khtml-border-radius-topright:10px;
-khtml-border-radius-bottomleft:10px;
-khtml-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
 
-khtml-border-radius-topleft:10px;
-khtml-border-radius-topright:10px;
-khtml-border-radius-bottomleft:10px;
-khtml-border-radius-bottomright:10px;
 
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;

I antingen siden eller contenten beror ju på vart du vill ha den!
längst ner på varje lilla #side eller #content finns ju denna lilla sak ( } )
och precis ovanför den ska du sätta in denna koden här uppe! Vill du ha en kant rund? 

använd då denna koden:
border: 1px solid black; 

px = tjockleken!
black = alltså färgen, du kan ha grå, rosa eller vad du nu vill ha!

SVAR PÅ TAL!

13
Comments
Eftersom du inte länkade till någon blogg så svarar jag i ett inlägg!

SVAR: Antar att du menar hur jag får bilderna att anpassa inläggen?
Jag gör så här att eftersom mina inläggs bredd är 800px så
ändrar jag storleken på bilderna till 800px bredda.
När jag gör de så ska bildena passa, och sedan ändras
kvaliten till 99gånger mycket bättre!


Anpassar sig inte bilderna?
Då har contenten för mycket padding!

Skugga runt boxarna i menyn!

10
Comments
Först måste ni ju göra boxarna i menyn!
Efter det så i stilmallen där denna kod är (#box {)
SÅ HÄR ALLTSÅ:
#box {
width: 212px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
border: 0px solid #000000;
box-shadow: 0px 0px 7px #888;
}
Den feta texten ska ni sätta in precis om den gör i koden över!
Efter det är de bara att välja färg och storlek! :)
#888; = färg koden som 000000= svart ffffff= vit
7px = hur mycket skugga som är runt, ju högre ju mer
ju mindre ju mindre skugga runt boxarna! :)
HOPPAS NI FÖRSTOD!
Först måste ni ju göra boxarna i menyn!
Efter det så i stilmallen där denna kod är (#box {)

SÅ HÄR ALLTSÅ:

#box {
width: 212px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
border: 0px solid #000000;
box-shadow: 0px 0px 7px #888;
}

Den feta texten ska ni sätta in precis om den gör i koden över!
Efter det är de bara att välja färg och storlek! :)

#888; = färg koden som 000000= svart ffffff= vit
7px = hur mycket skugga som är runt, ju högre ju mer
ju mindre ju mindre skugga runt boxarna! :)

HOPPAS NI FÖRSTOD!

IKON TIPS!

6
Comments



DET FÖRSTA NI SKA GÖRA:
1. gå in här!!
2. sök på vad ni vill ha för ikon, en kamera? hjärta eller vad ni nu vill ha! MÅSTE SKRIVA NAMNEN PÅ ENGELSKA!!
3. Välj den ni vill ha!
4. Välj storlek 16x16
5. När ni klickat på den går ni upp lite där ni ser bilden igen och klickar spara som!
6. sen går ni in och laddar upp bilden på bloggen och kopierar bildens adress!
7. DENNA ska in i alla kodmallarna över </head>


<link rel="shortcut icon" href="HÄR SKA ADRESSEN IN!!!!!">

Ta bort fet text i arkivet!

33
Comments
1. hitta H1 efter det detta (font-weight: bold;)
Detta ska bytas till (font-weight: normal;)

2. under H1 finns H2 där gör ni lika som på H1!

Dela upp arkivet snyggt!

10
Comments



1. Börja med att gå in i Kodmallen och leta upp arkiv-stycket som börjar med <div>Arkiv</div>.
Ta bort allt det här:
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
2. Där ska man sen lägga in länkar till alla månader, såhär:
<font face="Typsnitt" size="stolek från 1-7"><a href="http://bloggadres/år/månad/">Månadens namn</a>
</font>
Lägg in koden och ändra allt som är i kursiv text. Månaden i adressen måste skrivas på engelska.
3. Fixa alla månader. För att byta rad, så att länken hamnar på raden under skriv in <br> under, för att göra ett helt mellanrum skriv in <br> två gånger.
4. Om du även vill ha med månaderna du inte bloggat eller som inte ännu varit lägg till det här:
<font face="typsnitt" size="stolek från 1-7" color="färg på engelska">månaderna</font>
Sen kan det se ut tex. såhär:
<font face="verdana" size="1"><a href="../2011/may/">Maj,</a>  </font>
<font face="verdana" size="1"><a href="../2011/june/">Juni,</a>  </font>
<font face="verdana" size="1"><a href="../2011/july/">Juli,</a>  </font>
<font face="verdana" size="1" color="gray"><i>Augusti, September, Oktober, November, December</i></font>
Byter länkarna rad även fast du inte skrivit in <br> i koden? HÄR finns ett tips om det.
Inlägget blev lite rörigt, men det var lite svårt att förklara och jag visste inte riktigt hur jag skulle förklara, men fråga i en kommentar så ska jag försöka förklara bättre om du inte förstår var jag menar!
1. Börja med att gå in i Kodmallen och leta upp arkiv-stycket som börjar med
<div class="navheader">Arkiv</div>

Efter det ska ni ta bort allt det här:

<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>


2. öppna antekningar och gå in på tex din första månad i arkivet. Kopiera den adressen som står i adressfältet! 
alltså denna länken ( http://autophoto.blogg.se/2011/september/ )
- klistra in i antekningar.
- Gör precis samma sak med alla andra månaderna. Nu har du alla månaderna i antekningar!

3. Nu är det dags att gå in på kodmallarna, där ska man sen lägga in länkar till alla månader, såhär:

<font face="Typsnitt" size="stolek från 1-7"><a href="http://adressen till månaden">Månadens namn PÅ ENGELSKA!!</a></font>

4. Fixa alla månader. För att byta rad, så att länken hamnar på raden under skriv in <br> under, för att göra ett helt mellanrum skriv in <br><br>.

5. Om du även vill ha med månaderna du inte bloggat eller som inte ännu varit lägg till det här:

<font face="typsnitt" size="stolek från 1-7" color="färg på engelska">månaderna</font>

Sen kan det se ut tex. såhär:

<font face="verdana" size="1"><a href="../2011/may/">Maj,</a>  </font>
<font face="verdana" size="1"><a href="../2011/june/">Juni,</a>  </font>
<font face="verdana" size="1"><a href="../2011/july/">Juli,</a>  </font>

<font face="verdana" size="1" color="gray"><i>Augusti, September, Oktober, November, December</i></font>

Byter länkarna rad även fast du inte skrivit in <br> i koden? HÄR finns ett tips om det.


Hoppas verkligen ni förstod hur jag menade! lycka till :)

Gratis Ikoner!

21
Comments
för att kopiera bildlänkarna: ctrl+C

Gråa:
https://cdn1.cdnme.se/cdn/7-1/2906791/images/2011/bloglovin_165519013.png
https://cdn2.cdnme.se/cdn/7-1/2906791/images/2011/blogresponse_165519086.png
https://cdn2.cdnme.se/cdn/7-1/2906791/images/2011/camerautrustning_165519120.png

Rosa:


https://cdn2.cdnme.se/cdn/7-1/2906791/images/2011/bloglovin3_165519422.png
https://cdn3.cdnme.se/cdn/7-1/2906791/images/2011/blogresponse3_165519465.png
https://cdn1.cdnme.se/cdn/7-1/2906791/images/2011/camerautrustning3_165519497.png

Blå:


https://cdn3.cdnme.se/cdn/7-1/2906791/images/2011/bloglovin1_165519800.png
https://cdn1.cdnme.se/cdn/7-1/2906791/images/2011/blogresponse1_165519834.png
https://cdn1.cdnme.se/cdn/7-1/2906791/images/2011/camerautrustning1_165519874.png

Lila:


https://cdn3.cdnme.se/cdn/7-1/2906791/images/2011/bloglovin2_165520087.png
https://cdn1.cdnme.se/cdn/7-1/2906791/images/2011/blogresponse2_165520136.png
https://cdn3.cdnme.se/cdn/7-1/2906791/images/2011/camerautrustning2_165520178.png

Använd denna när du lägger in i kodmallen:

<a href="HÄR SKA ADRESSEN TILL SIDAN SITTA"><img src="BILDADRESSEN HÄR" border="0" /></a>

Vart ni sätter in dem är helt upp te er :)

En massa tecken till din blogg:

13
Comments
Liten översättningstabell för vanliga specialtecken:
Tecken Kod Tecken Kod Tecken Kod
å &aring; © &copy; § &sect;
ä &auml; ® &reg; « &laquo;
ö &ouml; &#153; » &raquo;
< &lt; £ &pound; ° &deg;
> &gt; ¥ &yen; æ &aelig;
& &amp; &euro; ø &oslash;
£ &pound; &#147; &#137;
´ &acute; &#148; ü &uuml;
" &quot; &#151; ˜ &#152;
Större översättningstabell för specialtecken. Du kan ange kod eller mostvarande ASCII-nummer:
Tecken Kod ASCII Tecken Kod ASCII
nonbraking
space
&nbsp; &#160; Ð &ETH; &#208;
¡ &iexcl; &#161; Ñ &Ntilde; &#209;
¢ &cent; &#162; Ò &Ograve; &#210;
£ &pound; &#163; Ó &Oacute; &#211;
¤ &curren; &#164; Ô &Ocirc; &#212;
¥ &yen; &#165; Õ &Otilde; &#213;
¦ &brvbar; &#166; Ö &Ouml; &#214;
§ &sect; &#167; × &times; &#215;
¨ &uml; &#168; Ø &Oslash; &#216;
© &copy; &#169; Ù &Ugrave; &#217;
ª &ordf; &#170; Ú &Uacute; &#218;
« &laquo; &#171; Û &Ucirc; &#219;
¬ &not; &#172; Ü &Uuml; &#220;
&shy; &#173; Ý &Yacute; &#221;
® &reg; &#174; Þ &THORN; &#222;
¯ &macr; &#175; ß &szlig; &#223;
° &deg; &#176; à &agrave; &#224;
± &plusmn; &#177; á &aacute; &#225;
² &sup2; &#178; â &acirc; &#226;
³ &sup3; &#179; ã &atilde; &#227;
´ &acute; &#180; ä &auml; &#228;
µ &micro; &#181; å &aring; &#229;
&para; &#182; æ &aelig; &#230;
· &middot; &#183; ç &ccedil; &#231;
¸ &cedil; &#184; è &egrave; &#232;
¹ &sup1; &#185; é &eacute; &#233;
º &ordm; &#186; ê &ecirc; &#234;
» &raquo; &#187; ë &euml; &#235;
¼ &frac14; &#188; ì &igrave; &#236;
½ &frac12; &#189; í &iacute; &#237;
¾ &frac34; &#190; î &icirc; &#238;
¿ &iquest; &#191; ï &iuml; &#239;
À &Agrave; &#192; ð &eth; &#240;
Á &Aacute; &#193; ñ &ntilde; &#241;
 &Acirc; &#194; ò &ograve; &#242;
à &Atilde; &#195; ó &oacute; &#243;
Ä &Auml; &#196; ô &ocirc; &#244;
Å &Aring; &#197; õ &otilde; &#245;
Æ &AElig; &#198; ö &ouml; &#246;
Ç &Ccedil; &#199; ÷ &divide; &#247;
È &Egrave; &#200; ø &oslash; &#248;
É &Eacute; &#201; ù &ugrave; &#249;
Ê &Ecirc; &#202; ú &uacute; &#250;
Ë &Euml; &#203; û &ucirc; &#251;
Ì &Igrave; &#204; ü &uuml; &#252;
Í &Iacute; &#205; ý &yacute; &#253;
Î &Icirc; &#206; þ &thorn; &#254;
Ï &Iuml; &#207; ÿ &yuml; &#255;

hur man visar mindre "senaste inlägg"

8
Comments
1. Gå in på design ---> Kodmall
2. Leta efter <div class="navheader">senaste</div>
3. sedan kolla efter recentlist limit="20">

När du hittat recentlist limit så står det 20 antagligen på din eller vad du har,
jag har 5 eftersom jag tycker det räcker men ni väljer själva vad ni vill ha mer eller minre :)
Gör sedan detta i ALLA kodmallar!!!

Hoppas ni fått nytta av detta tips!

Mouseover i headern!

6
Comments
SV: visst här har ni! :)

1. gå först in i stilmallen, där ni tar bort header adressen ni har du så de bara ser ut såhära ()



2. KOPIERA (ctrl+c) OCH LÄGG IN DENNA TEXT I ALLA KODMALLAR:
</script>
<script LANGUAGE="JavaScript">
<!--
// This is the implementation of SimpleSwap
// by Jehiah Czebotar
// Version 1.1 - June 10, 2005
// Distributed under Creative Commons
//
// Include this script on your page
// then make image rollovers simple like:
// <img src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif">
//
// http://jehiah.com/archive/simple-swap
//
function SimpleSwap(el,which){
el.src=el.getAttribute(which || "origsrc");
}
function SimpleSwapSetup(){
var x = document.getElementsByTagName("img");
for (var i=0;i<x.length;i++){
var oversrc = x[i].getAttribute("oversrc");
if (!oversrc) continue;
// preload image
// comment the next two lines to disable image pre-loading
x[i].oversrc_img = new Image();
x[i].oversrc_img.src=oversrc;
// set event handlers
x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');");
x[i].onmouseout = new Function("SimpleSwap(this);");
// save original src
x[i].setAttribute("origsrc",x[i].src);
}
}
var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}
//-->
</script>
</head>
DEN SKA LIGGA MELLAN: </script> & </head>

<script LANGUAGE="JavaScript">
<!--
// This is the implementation of SimpleSwap
// by Jehiah Czebotar
// Version 1.1 - June 10, 2005
// Distributed under Creative Commons
//
// Include this script on your page
// then make image rollovers simple like:
// <img src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif">
//
// http://jehiah.com/archive/simple-swap
//
function SimpleSwap(el,which){
el.src=el.getAttribute(which || "origsrc");
}
function SimpleSwapSetup(){
var x = document.getElementsByTagName("img");
for (var i=0;i<x.length;i++){
var oversrc = x[i].getAttribute("oversrc");
if (!oversrc) continue;
// preload image
// comment the next two lines to disable image pre-loading
x[i].oversrc_img = new Image();
x[i].oversrc_img.src=oversrc;
// set event handlers
x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');");
x[i].onmouseout = new Function("SimpleSwap(this);");
// save original src
x[i].setAttribute("origsrc",x[i].src);
}
}
var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}
//-->
</script>
3. Sedan kopierar ni in denna text som på bilden nedanför:

DÄR DET STÅR WIDTH: betyder att bredden du har på headern i stilmallen ska du ha här med!

<div style="position:absolute; width:700px; x-index:0; left: 11px; top:11px;">
<a href="ADRESS TILL DIN BLOGG">
<img src="ADRESS TILL BILD 1 IGEN" oversrc="ADRESS TILL BILD 2" border="0"></a></div>

LÄGG IN I ALLA KODMALLAR HÄR MED!!

Rullande text!

6
Comments
<style type="text/css">
.marquee1 {
height:30px;
width:500px;
background-color:ffff33;
font-family:Cursive;
font-size:12px;
color:33cc33;
border-width:1px;
border-style:solid;
border-color:ff0000;
}
</style>
<marquee direction="left" behavior="scroll" scrollamount="5" >Lägg in din egen text här…</marquee>
Här får ni ett till designtips om hur man får rullande text på bloggen.
Som ni ser min så har jag den under profilbilden men ni kan ju lägga
in den precis vart ni vill de är ju de som är så bra (Y)
KOPIERA DETTA OCH KLISTRA IN I KODMALLEN DÄR DU VILL HA DEN!

<style type="text/css">
.marquee1 {
height:30px;
width:500px;
background-color:ffff33;
font-family:Cursive;
font-size:12px;
color:33cc33;
border-width:1px;
border-style:solid;
border-color:ff0000;
}
</style>
<marquee class="marquee1" direction="left" behavior="scroll" scrollamount="5" >Lägg in din egen text här…</marquee>


SÅ HÄR ÄNDRAR DU!

<style type="text/css">
.marquee {
height:30px; <— höjden på rutan
width:500px; <— bredden på rutan
background-color:ffff33; <— bakgrundsfärg på rutan
font-family:Cursive; <— typsnittet på texten
font-size:12px; <— storleken på texten
color:33cc33; <— färgen på texten
border-width:1px; <— tjockleken på kantlinjen
border-style:solid; <— vilken typ av kantlinje (solid, dotted, dashed, none)
border-color:ff0000; <— färgen på kantlinjen
}
</style>
<marquee class="marquee"
direction="left" <— vilket håll texten ska åka, välj mellan right, left, up, down
behavior="alternate"
scrollamount="5"> <— hastigheten på texten
Lägg in din egen text här…</marquee>

HÖGERKLICKS SKYDD

3
Comments


Tar folk dina bilder?
Skaffa då högerklicks skydd IDAG!

Gå in på design>kodmall

Kopiera föjlande kod:

<!--        Script by hscripts.com          -->
<!--        copyright of HIOX INDIA         -->
<!-- more scripts @ http://www.hscripts.com -->
<script type="text/javascript">
<!-- Edit the message as your wish -->
var msg_box ="Denna blogg har högerklicks skydd!";
function dis_rightclickIE(){
if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3))
alert(msg_box)
}
function dis_rightclickNS(e){
if ((document.layers||document.getElementById&&!document.all) && (e.which==2||e.which==3))
{
alert(msg_box)
return false;
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=dis_rightclickNS;
}
else if (document.all&&!document.getElementById){
document.onmousedown=dis_rightclickIE;
}
document.oncontextmenu=new Function("alert(msg_box);return false")
</script>
<!-- Script by hscripts.com -->

Klistra in koden ovanför </head> i din kodmall



För att byta texten ändrar du här:
<!-- Edit the message as your wish -->
var msg_box ="Denna blogg har högerklicks skydd!"; <---- Här ändrar du till de du vill ha!
function dis_rightclickIE(){

Spara kodmallen och gör likadant i alla de andra kodmallarna!

<!--        Script by hscripts.com          -->
<!--        copyright of HIOX INDIA         -->
<!-- more scripts @ http://www.hscripts.com -->
<script type="text/javascript">
<!-- Edit the message as your wish -->
var msg_box ="Tyvärr, du får inte högerklicka på min blogg!";
function dis_rightclickIE(){
if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3))
alert(msg_box)
}
function dis_rightclickNS(e){
if ((document.layers||document.getElementById&&!document.all) && (e.which==2||e.which==3))
{
alert(msg_box)
return false;
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=dis_rightclickNS;
}
else if (document.all&&!document.getElementById){
document.onmousedown=dis_rightclickIE;
}
document.oncontextmenu=new Function("alert(msg_box);return false")
</script>
<!-- Script by hscripts.com -->

SKUGGA BAKOM TEXT!

0
Comments
Här är 4 olika skuggor testa er fram till den ni vill ha:
text-shadow: 0px -0px 2px #646464;
text-shadow: #666666 1px 2px 2px;
text-shadow:3px 1px 1px #000000;
text-shadow: 1px 1px 6px #000000;
Här ska den sitta:

Jag är en 19- årig tjej som är uppvuxen i dom Värmländska skogarna, där jag även bor nu. Har stort intresse för fotografi, bloggdesign, mode & inredning. Här i bloggen kan du läsa om de och även lära känna mig!
KONTAKT/SPONSRING: Sophielarssoon@live.se
INSTAGRAM: Sophielarssoon

Min Tumblr HÄR!
Få fler läsare klicka HÄR!
Gilla min blogg på FB HÄR!
ONLINE: TOTALT: