Dropdown Meny

Fick denna kommentar :
 
Kan du inte göra ett inlägg om hur man får katerogierna i en rad ovanför headern så som du har på designen "Happiness" ? eller bara förklara för mig, vill verkligen veta. :) kram
 
Nu tänkte jag svara på denna kommentar med ett inlägg, Jag ska alltså visa hur man får till en Dropdown Meny ovanför headern med steg.
 
1. Gå in i din stilmall och klistra in följande kod längst ner.
 
2.  Gå in i kodmallen, kopiera följande kod & klistra in den där du vill ha menyn T.ex ovanför headern, då klistras den ovanför 
 
<div id="header">
</div>
 
Klistra in det på alla kodmallar om du vill ha det på hela bloggen.

------------------------------------------
 
Följande kod har :
- Hem
- Senaste
- Kategorier
- Arkiv
- Dina blogg.se länkar (som du ändrar på blogg.se)
- Ensam länk
- 5 länkar
 
------------------------------------------
 

<ul id="navbar">
<li><a href="{{ blog.blog_path }}">Hem</a></li>

<li><a href="#">Senaste</a>
<ul>{% for entry in entries[:15] %}
<li><a href="{{ entry.url }}">{{ entry.title }}</a>
{% endfor %}</ul>
</li>
<li><a href="#">Kategorier</a>
<ul>
{% for category in categories %}
<li><a href="{{ category.url }}">{{ category.name }}</a></li>
{% endfor %}
</ul>
</li>
<li><a href="#">Arkiv</a>
<ul>
{% for month in archive_months %}
<li><a href="{{ month.link }}">{{ month.name }}</a></li>
{% endfor %}
</ul>
</li>
{% if linklist %}
<li><a href="#">Länkar</a>
<ul>
{% for link in linklist %}
<li><a href="{{ link.url }}" title="{{ link.description }}">{{ link.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
<li><a href="#">LÄNKTEXT</a></li>
<li><a href="#">LÄNKTEXT1</a>
<ul>
<li><a href="#">Länk 1</a></li>
<li><a href="#">Länk 2</a></li>
<li><a href="#">Länk 3</a></li>
<li><a href="#">Länk 4</a></li>
<li><a href="#">Länk 5</a></li>
</ul>
</li>


</ul>

 

-----------------------------------------

 

3. Lägg till det du vill ha eller ta bort.

» Vill du radera t.ex. Kategorier då tar du endast bort

<li><a href="#">Kategorier</a>

<ul>
{% for category in categories %}
<li><a href="{{ category.url }}">{{ category.name }}</a></li>
{% endfor %}
</ul>
</li>

 

» Lägg till en länk

<li><a href="#">LÄNKTEXT</a></li>

 

» Lägg till en dropdown

<li><a href="#">LÄNKTEXT1</a>
<ul>
<li><a href="#">Länk 1</a></li>
<li><a href="#">Länk 2</a></li>
<li><a href="#">Länk 3</a></li>
<li><a href="#">Länk 4</a></li>
<li><a href="#">Länk 5</a></li>
</ul>
</li>

 

4. Klistra adressen du vill länka istället för och "Länk 1" till namnet. 

5. Utseendet på den ändrar du i stillmallen.

-----------------------------------------------------------

- Hoppas du fick svar på din fråga! Behöver du/ni hjälp med färger, typsnitt eller om ni inte förstod något är det bara att lämna en kommentar så hjälper jag gärna. Kram 

Damaris

BloggDesigns | dropdown, meny, tutorial | |
#1 - - Anonym:

kan du snälla förklara hur man får de dära snygga typsnitt som du använder dig av? Som inte finns på word? Snälla? den här förklaringen var asbra!

Upp