-

Design-tips #3

PERSONLIG MENY!

Hej på er! Nu tänkte jag visa hur man gör en "personlig meny"! Se bild nedan:

1.Börja med att gå in i din kodmall och ta bort:

2.Istället för koden du nyss tog bort, klistrar du in denna koden på samma ställe:

<div class="navheader">Rubrik 1</div>
<ul>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
</ul>

<div class="navheader">Rubrik 2</div>
<ul>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
</ul>

3. Såhär ändrar du:

"Rubrik 1" = Här ska det stå underrubriken. (T.ex. foto)
"Namn" = Här ska det stå kategorins namn. (T.ex. foto → natur)
"Länk till kategorisida" = Länk till kategorisidan.
(Bilden där nere visar hur du kommer till kategorisidan) ↓

4.Spara sedan kodmallen och gör sedan likadant i alla kodmallar.

-Om du vill ha fler rubriker gör du såhär:

<div>Rubrik 1</div>
<ul>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
</ul>

<div>Rubrik 2</div>
<ul>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
</ul>

<div>Rubrik 3</div>
<ul>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
<li><a href="Länk till kategorisida">Namn</a></li>
</ul>

KLART! Det är väldigt svårt att förklara..så säg till om ni inte förstod!

2013-03-13 @ 21:01:00 Permalink design-tips Kommentarer (1) Trackbacks ()

Design-tips

1.Välj den bilden du vill ha! (Gå tex. in på google och välj en kamera, stjärna, bokstav osv.osv.)

2.Kopiera bild-koden.

3. Lägg sedan in koden där det står att du ska göra det.

HÄR: <link rel="Shortcut Icon" href=" BILDKODEN " />

Klistra in den i din kodmall under </head>

Nu ser man inte att jag har lagt ut det under </head>, för sträcket täcker över det.

_____________________________________________________________________________________________

Hoppas ni blev nöjda med detta tipset! Kommer lägga ut MÅNGA fler, typ 1 om dagen! Så håll utkik!
Om det var något ni inte förstod så kan ni kommentera!

Kommentera gärna om ni gjorde tipset!

2013-03-11 @ 17:24:26 Permalink design-tips Kommentarer (1) Trackbacks ()

Design-tips

kommentera gärna om ni tog tipset!

Hur man lägger in en "scroll to top" knapp/ikon!

Börja med att gå in på denna sidan: http://www.scrolltotop.com/

När du har gjort det så har du kommit till en sida där du då kan välja en knapp/ikon som du vill ha.

När du har valt en ikon/knapp så kopierar du koden i rutan bredvid ikonen/knappen. Sedan går du in i din kodmall och klistrar in den LÄNGST NER. Tyvär så kommer inte ikonen synas när du förhandsgranskar, så du måste spara innan du kan se den, haha!

Så enkelt är det! Om något gick snett eller något ni undrar över, kommentera nedanför!

Är det bra att jag gör sånna tips? Vill ni ha fler?

2013-03-08 @ 16:08:00 Permalink design-tips Kommentarer (6) Trackbacks ()