New design! PURPLE

Pixel Icons 2010-12-17
22:52:52

Vad tycks? Jag blev skiiiit nöjd med resultatet :D 



Ram runt hela bloggen

Pixel Icons 2010-10-06
00:24:42

Tänkte förklara enkelt hur man får en Ram runt hela sin blogg. Går snabbt.

1. Gå till din Stilmall
2. Tryck F3 och skriv i sökrutan "Wrapper"

Då ska du komma till #Wrapper {

Sen lägger du till: border: 2px solid black;

2px: Är storleken på ramen, Tjockleken på ramen finns från 1-7.
Solid: Är ramens utseende. Det finns att välja mellan Dotted, Dashed..m.m
Black: Är färgen på ramen. Går självklart ändra färg.

Lägg in ram koden nånstans, t.ex under Width.
( Jag brukar lägga den allra längst ner i Wrapp koden. )


Så, Förhandsgranska och kolla om det funkade, o sen tryck Spara!

Ikoner vid menylänkarna

Pixel Icons 2010-10-06
00:23:10


Nu ska jag försöka förklara för er hur man får ikoner (små bilder) 
vid Arkiv, Kategori länkarna.

Det är egentligen inte så svårt,  Alla har ju varit nybörjare, eller hur?

1. Gå till din Kodmall.
2. Tryck F3 så sökrutan kommer upp, så du enklare hittar.
3. Skriv i sökrutan "Arkiv" så hittar den åt dig.

Nu när du är vid Arkiv, så ska du först leta efter en ikon bild du vill ha.
här är en bra sida med många ikoner --> http://icons.primail.ch/

När du valt en ikon så kopierar du adressen till den bilden
som t.ex "
Http://Google.se/bilder/icecream.gif "
Spara bildens adress nånstans, som i WordPad eller anteckningar.

Nu ska du lägga in bildens adress i bildkoden. 
(Du kanske redan vet hur man gör men endel kanske inte vet.)

Här är bildkoden:  <img src="....">
Där punkterna är ska du sätta in bild adressen " Http://Google.se/bilder/icecream.gif ".

Så ska det sen se ut såhär: <img src="Http://Google.se/bilder/icecream.gif">

Sen så letar du efter <li>
( som finns precis under <tag:archivelist> )

Sätt " <img src="Http://Google.se/bilder/icecream.gif"> "
emellan <li>....<a href="${ArchiveLink}">

Så det ser ut såhär: 
<li><img src="Http://Google.se/bilder/icecream.gif"><a href="${ArchiveLink}">


Nu är du
klar! Nu är det bara att klicka spara och se om det funkade.

Vill du göra samma sak på Senaste inlägg, Kategorier m.m
så gör du exakt samma sak fast på "Senast inlägg" och "Kategorier" förstås.

Streckade linjer på menyn

Pixel Icons 2010-10-05
17:26:41


Ska förklara kort om hur man får streckade linjer på menyn under texten
(se bilden »)

Såhär gör du:
1. Gå till din stilmall
2. Leta upp något som heter .nav li {
3.
Lägg till denna koden längst ner; border-bottom: 1px dotted dimgray;

Nu ska det se ut såhär: 
.nav li {
list-style: none;
padding: 0px 0px 5px;
font-weight: normal;
color: white;
border-bottom: 1px dotted dimgray;

.nav li {
padding: 0px 0px 5px;
font-weight: normal;
color: white;
border-bottom: 1px dotted dimgray;

EDIT: Byt bara stil genom att byta ut "dotted" till något annat som t.ex "solid"
Sen är det bara att
spara, sen klart!

RSS 2.0