• Nerdie.me Design handler for det meste om web design, men jeg har også skrevet noen Photoshop guider. Hovedvekten ligger på blogg.no siden det var der denne nettsiden egentlig startet, men jeg har også begynt å lage design til bloggmotorer basert på Wordpress. Jeg har drevet med web design i ca 6 år.

    Mer | Sitemap

  • Har du spørsmål til meg, send en mail eller legg igjen en kommentar.
    Mail: lisa@nerdie.me
  • Kan du lage et design til meg?
    Jeg lager foreløpig bare design på bestilling når jeg en sjelden gang har tid.
    Kan du sette inn et design for meg?
    Ja, bare send brukernavn og passord på mail.
    Hvordan lager/koder man et design?
    Les deg opp på html og css her
    Hvordan lager du blogg.no-design?
    Jeg skriver kodene inn i stilsettet og malene på blogg.no og lager grafikk i Photoshop.

Meny i sidemenyen

Kodene som skal inn i stilsettet

Til høyre for noen av kodene står det forklart hva de betyr mellom /* og */
Legg kodene inn helt nederst i stilsettet.

#meny {
font-family: arial; /* Font type */
font-size: 11px; /* Tekststørrelse på menyen */
text-align: center;
width: auto; /* Bredde på menyen */
height: auto;
padding: 0 0 0 0;
background: transparent; /* Bakgrunnsfarge bak hele menyen*/
margin: 0 auto 10px auto;
}
#meny a {
background: #C2E5F2; /* Bakgrunnsfarge på menyen */
color: #98C6D9; /* Farge på linkene i menyen */
text-transform: none;
font-weight: none;
padding: 3px 0 3px 0;
width: 100%;
margin: 0 0 3px 0;
display: block;
}
#meny a:hover {
color: #98C6D9; /* Farge på linken når du fører pekeren over */
background: #D5EEF7; /* bakgrunnsfarge */
}

Kodene som skal inn i malene

Koden kan legges inn under dette: <div id=”side” class=”yui-u”>. Da vil den stå helt øverst i sidemenyen.

<div id="meny">
<a href="/"> Forsiden</span> </a>
<a href="#"> Om meg</span> </a>
<a href="#"> Blogger jeg leser </a>
<a href="#"> Bilder </a>
<a href="#"> Videoer </a>
<a href="#"> Kontakt meg </a>
</div>

Hver linje av koden er en link i menyen. Du kan bytte ut “Forsiden”, “Om meg”, “Bilder” osv med det du vil skal stå der. For å komme inn på en side når du klikker på linkene, må du fjerne dette tegnet # foran navnet på linken og legge til en url-adresse i stedet. Klikk her for å lese hvordan du finner url-adressen til innlegg og kategorier på bloggen din.

16 kommentarer

Jannicke Mikalsen 30. June 2011 at 18:35

Takk for kodene :) Kan du legge ut koder til hvordan man får TO sidemenyer? Det hadde vært kult :D

Stine & veslegutten 14. July 2011 at 12:44

Mange tips og triks å hente ut fra denne bloggen din, men jeg lurte på hva koden til den menyen du har i sidebaren din er ?

Dagny 22. July 2011 at 16:10

Hei kan du ta en titt på bloggen min det er noe galt med den og eg vil ha den dropown menyen med ad blir bloggen bare ødelakt kanskje hvis du ser noe galt så kan eg gi deg brukernave og passordet.
Send svaret på mail på blogg.no :D

Thea 07. August 2011 at 21:16

Heider :) veldig mye nytte her, jeg bare forguder deg når du legger ut kodene. Det er såå mye lettere å forstå her enn andre steder, og du har mange koder jeg ikke finner andre steder :D Men så er det denne koden jeg ikke finner her heller, da; Du vet menyen på siden, der med navn, alder, steder, profilbilde og det der? Jeg skulle gjerne hatt den bare halvparten så bre. Jeg har sett mange som har det, men jeg får det ikke til selv. Det er det eneste som gjenstår på bloggen, før designet er helt ferdig, og jeg ikke skal nærme meg den knappen mer, for da kommer jeg helt sikkert til å ødelegge det. Vet du hvordan man gjør det ? Hadde blitt så innmari glad hvis du visste :D Svar gjerne på bloggen min :3

Mu 11. August 2011 at 21:14

Ånei! Alt kommer bare på en minilinje øverst i sidemenyen, hva skal jeg gjøre? kan du hjelpe meg?

Natalie 12. August 2011 at 20:43

Hei! Jeg lurer på om du kan lage en guide om hvordan du lager organic tabs? Tror det, det var det du kalte det… Det hadde vært veldig fint! :) Jeg syntes sånn er veldig fint :)

Julie 14. August 2011 at 16:39

Hei, dette har egentlig ikke så mye med sidemeny å gjøre. Jeg lurte bare på om du kunne sjekke innom bloggen min og forklare meg hvordan jeg får bort rammen som er rundt “profilbildet” mitt. Klarer rett og slett ikke å få det bort..
På forhånd takk!

Sandra 30. August 2011 at 20:40

Du har skrevet ting i menyen over sidemenyen hvordan gjør du det?

Silje M S 06. September 2011 at 20:42

hei! Jeg holder på å lage et gratis design på reservebloggen min http://designtesterrandom.blogg.no men jeg fikk et problem etter hvert med at det ligger en avlang, hvit boks helt øverst som strekker seg hele veien fra venstresiden på innleggne, til høyresiden på sidemenyen… dette gjør slik at avrundingen på de øverste hjørnene ikke vises, og det ser ut som den øverste linken på menyen og innlegget er bundet sammen. Det er slik på alt untatt i arkivet… ;s det er vanskelig å forklare, så jeg ville blitt kjempeglad om du kunne tatt en titt på siden! http://designtesterrandom.blogg.no/ <– her ser du problemet http://designtesterrandom.blogg.no/m_092011.html <– her er arkivet som ikke har den feilen…
Gi tilbakemelding til http://siljemschiefloe.blogg.no eller silje.m.s@hotmail.com

Kristine Marie 27. September 2011 at 21:03

Jeg lurer på èn ting! Hvordan får man slik at profilbildet blir over menyen? Siden menyen er over profilbildet og info osv..Håper på svar :D

Marlene 07. October 2011 at 12:41

Jeg får ingenting til jeg? For jeg finner ikke alle de tingene i menyen på en måte! Og når jeg setter inn alle tingene kommer det ingen endring? Hva tror du jeg gjør feil?

Susanne 16. October 2011 at 02:08

Jeg lurte på en ting har leitet over alt på nettet og på google osv, men jeg finner det ikke ut og jeg lurte på om hvordan man får ting nedover i side menyen. Sånn at det ikke står vannrett, men loddrett :D

Thea 17. December 2011 at 21:04

Hei, de knappene du har i sidebaren, kunne du laget en kode for de? :D

andrea 06. January 2012 at 19:24

hei :) jeg har brukt dette men så kom det over bildet og det derre info greiene.. skal jeg liksom ta det vekk eller? (har ikke brukt det på min blogg men på liineborge.blogg.no)
takkpå forhånd

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Nerdie.me Design Proudly powered by WordPress