Meny: På høyre side av bloggen

07.10.2012, 14:12 / Menyer / Kommentarer (0)

ALCHEMIST.BLOGG.NO ER KILDEN TIL DENNE KODEN (LINK HER)

 CSS / STILSETT 
kan redigeres hvordan man vil. utseende på menyen!

a.yes:link, a.yes:visited, a.yes:active
{display:block; font-family:helvetica; background:#0c0c0c; text-transform:uppercase; font-size:8px; padding:7px 0px 7px 2px; margin-bottom:3px; border-right:5px solid #e2e2e2; color:#a4a4a4; background:#000; letter-spacing:1px;}

a.yes:hover {background:#000; border-right:5px solid #eb4e9c; color:#a4a4a4;}

HTML / MALER
plasseres etter </head> 

<div style="position:fixed; margin-left:841px; top:450px; width:180px; height:100%;">
<a href="http://www.blogg.no" class="yes">blogg.no</a>
<a href="http://www.blogg.no" class="yes">blogg.no</a> 
<a href="http://www.blogg.no" class="yes">blogg.no</a> 
<a href="http://www.blogg.no" class="yes">blogg.no</a> 
<a href="http://www.blogg.no" class="yes">blogg.no</a> 
<a href="http://www.blogg.no" class="yes">blogg.no</a>
</div>

  •  Understreket: hvor du plasserer menyen! margin-left = hvor langt inn på skjermen den er. top = hvor langt ned på skjermen den er.
  • Hvis du ikke vil at den "sitter fast" når du scroller ned, så redigerer du position:fixed; til position:absolute;
  • IKKE fjern class="yes" fordi det er den som kobler til utseende-koden i CSS / STILARK.
  • Hvis du ikke trenger så mange lenker kan du bare fjerne " <a href="http://www.blogg.no" class="yes">blogg.no</a> " som du vil.
  • Får du det ikke til første gangen, slett alt fra disse kodene du har lagt inn på stilark og maler, og start på nytt. :) Bruk gjerne FORHÅNDSVISNING så mye du kan.

(0) Kommentarer

© Designet av Renate Morell

hits