Menyn över headern

Hejhej!

I dagens design hjälp tänkte jag att ni ska få lära er hur man flyttar upp menyn över header.
I standar designen så ligger ju menyn under header och bredvid innehållet.

Så här ser det ut innan:


Och så här kommer de ungefär se ut när du är klar:



1. Gå nu in på Design-Stilmall.

2. Leta upp avsnittet #side { i din stilmall



3. Raden jag har längst ner som ser ut så här:
margin-top: -50px;
den ska ni lägga till längst ner lika som jag har gjort.

4. "-50px;" står för hur långt upp menyn kommer över header.
ni får prova att ändra siffrorna lite tills det ser bra ut.
Desto högre siffror desto längre upp över headern kommer menyn.

Glömm inte att förhandsgranska innan ni sparar !!

Hoppas ni förstog :)
Annars är det bara att fråga .



Bildlänk i menyn

Hejhej !
Nu tänkte jag ge mig på lite design hjälp igen ;)
Och idag tänkte jag att ni ska få lära er hur man lägger in en bildlänk i menyn!
Eftersom jag tycker så många frågar mig hur man gör de!

Det är faktist inte så svårt.

1. Gå in på design - kodmall.

2. Klistra in dessa koder:

<a href="HÄR SKRIVER DU VART BILDEN SKA LÄNKAS" target="_blank"><img src="HÄR KLISTRAR DU IN BILDENS URL/LÄNK"</a>

Ni byter själv klart ut ’’här skriver du vart bilden ska länkas” och ”här klistrar du in bilden URL/LÄNK”

Och jag hoppas vad ni ska klistra in där, annars fråga!


3. Om du vill ha din billänk längst upp i menyn så letar du upp följande koder:

<div>

Och lägg in koderna i ”steg 2” i raden under <div class=”nav”>

 

Vill du ha den längst ner alltså under dina länkar. Då letar du upp koderna:

<div>Länkar</div>

   <ul>

    <tag:linklist>

     <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>

    </tag:linklist>

   </ul>

Och lägg då in koderna i ”steg 2” i rader under </ul>

 4. Förhandsgranska alltid innan du sparar! Sen när du är nöjd är det bara att spara kodmallen.

 
Hoppas ni förstod, annars får ni fråga mig!

 

Pusss :*


design hjälp


Hej!
Ja ni får digga till denna låt här ovanför när ni kollar in design hjälpen ;)

I dagens design hjälp tänkte jag lära er en väldigt enkel men viktig sak!
Nämligen att ändra storleken på header bilden!

STEG 1
Gå in på Design-Redigera stilmallen

STEG 2
Leta upp dessa koder

#header {
background: transparent url(adressen till din header bild) no-repeat center;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px 0px 20px 0px;
width: 800px;
height: 450px; }
form input { 
font-family: arial; 
font-size: 12px;
border: 1px solid #8c8c8c;
background-color: #ffffff; }

Och där de står
width: 800px; det kanske inte står 800 för alla men de står i alla fall en siffra där!
Och där ändrar du den till den storlken du har laddat upp bilden i!
Alltså om du laddar upp bild i 1000px så skriver du 1000 där de står 800 för mig!

Och under står de: height: 450px; samma där att de står inte lika för alla!
Men där ändrar du bredden på bilden typ!

Men ni får prova er fram och ändra hur som helst!
Men glöm inte att förhandsgranska innan ni sparar!

Ja de va allt från design hjälpen den här gången! ;)

Hoppas ni fattade annars är de bara att fråga på :)


Puss på er gullungar :*

Header bild

Hej!
Idagens design hjälp tänkte jag lära er hur man lägger in en egen header bild!

Steg 1.
Skapa en bild (som vanligt)
Men du ändrar bredden till 800 ist för 400!
Sen klickar du där jag har ringat in.
Först höger klickar du sen klcikar du där
det står : Öppna länk i ny flik.


Sen kopigerar du koden där uppe som jag har ringat in!

Klicka på bilden!

Steg 2.
Gå in i din stilmall

klicka PÅ BILDEN!

Leta uppo följadee koder:

#header {
background: transparent url
( klistra in din kod här ) no-repeat center;

Inom paranteserna så tar du bort koden som står där och klistrar in din kod ist!

Glömm inte att klicka på förhandsgranska innan du sparar!

Hoppas ni förstår om inte släng in en komentar så ska jag försöka förklara bättre!


Puss



Ny kategori

Nu tänkte jag börja med lite design hjälp här på min blogg.
Bara enkla saker som jag ska försöka förklara så bra som möjligt!
Ny kategori också som ni ser.
Men nu till den försa steget idesign hjälpen!

På den här bilden ser ni vart ni ska klicka för att komma in på stilmallen.
Hoppas ni ser. Den blev lite liten, menmen.

1. Klicka på design.
2. Klicka sedan på redigera stilmall


När ni kommer in där så står de ju bara massa text.
Men jag tänkte lära er att byta lite färger.

Färgkarta hittar du HÄR

Ni ser där jag har ringat in i början eller va man ska säga.
Där i alla fall så står de ju lite bokstäver och siffror efter #
Där ska du fylla i din kod. Den du hittar i färgkartan som jag har länkat här åvan för.
Och sen finns de lite såna här grejer över allt där de står inte bara dom två jag har ringat in så scrolla ner o fyll i din kod.
Fattade ni de? eller va jag för otydlig?
Längst ner har jag ringat in förhandsgranska. Där klickar du för att se hur resultatet blir!
Gör de efter varje ändring så att de blir rätt! :)





Ja de va allt jag hade att erbjuda för denna gång!
Hoppas ni har lärt er nått i alla fall.


Ha de bra nu!

Pusssiii


RSS 2.0