Jennys Modemix

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken, väskor och en STOR förkärlek till SKOR. Ni hittar även bloggtips, bloggdesign och mycket mycket mer.

Boxar i side + Kontaktformulär // Dela på side & content,

Publicerad 2010-11-04 23:25:30 i BloggTips



SVAR på Fråga 1. DELA PÅ SIDE OCH CONTENT, FÅ MELLANRUM

För och dela på side och content och få ett mellanrum så som jag har nu är inte så jätte svårt.

Gör följande:

Gå in i din stilmall och Leta upp: wrapper och där ska du börja med att du tar bort bakgrundsfärgen.
Förhandsgranska och kolla hur det ser ut och om den är uppdelad nu.

Om den inte är det så går du tillbaka igen till din Stilmall och Letar upp: Side och Content.

Där då du prova dig fram genom att minska side i bredden och likaså i content.

Ex min ser ut så här:

#side {
height:auto;
left:740px;
padding:7px 0 0;
position:absolute;
top:87px;
width:195px;      här ändrar du bredden på sidomeny

}

och min  content ser ut så här:


#content { background:url("http://jennysmodemix.se/images/2010/namnlst-3_115432731.jpg") repeat fixed left top #F2EEE5;
border-bottom:1px solid #A89C96;
border-left:1px solid #A89C96;
border-right:1px solid #A89C96;
float:right;
margin:0;
overflow:hidden;
padding-bottom:20px;
padding-top:0;
text-align:left;
vertical-align:top;
voice-family:inherit;
width:718px;      här ändrar du oxå storleken på själva inlägget
}



SVAR på Fråga 2. BOXAR I MENYN




Och för och få såna boxar eller lådor eller vad man nu vill kalla det som jag har i menyn. Uppdelat typ.
Gör man bara följande:

Först lägger du till denna koden under #side i din stilmall.

#box {
width: 190px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
border: 1px dotted #FED7EF;
}

Ta bort (background: #FFFFFF;) i #side. I din stilmall.

Så det ska se ut så här:

#side {
border:0 solid #D4C8BE;
float:left;
margin-top:-254px;
padding:0 8px;
position:absolute;
width:190px;
}
#box {
background:none repeat scroll 0 0 #FDFBF9;
border:1px solid #D4C8BE;
padding:0 8px;
width:190px;
}

Bredden på boxen måste alltså vara lika bred som din side är annars så går det inte.

Nu ska du göra själva boxarna/rutorna i ALLA kodmallar.
Kodmalllarna är följande: Framsidan,Inläggsidan,Kategorisidan,Arkivsidan

Du lägger in koderna för boxarna under #side i kodmallen, kom ihåg det! Om du inte lägger dom under #side så hamnar dom inte i menyn.


KOD

<div id="box">

INNEHÅLLET SOM DU VILL HA I DIN BOX

</div><br />



Du lägger alltså till <div id="box"> där du vill att boxen ska börja, och   </div><br />

Där du vill att boxen ska sluta. Det är bara att upprepa det så får du fler boxar, tills allt i menyn är i olika boxar!

Jag vet inte om ni förstår, så jag ger ett exempel:


Nu ska du börja med kodmall FRAMSIDA

Du lägger in denna koden under <div id="side"> i kodmallen FRAMSIDA för att få boxarna vid menyn. Lägg in den var som beroende på vad du vill ha dom någonstans.

Först kopierar du det här:

<div id="box">

där du vill att boxen ska börja och sluta

</div><br />


<div id="box">HÄR SKRIVER DU OCH LÄGGER IN DET DU SKA HA I DEN FÖRSTA BOXEN</div>

Exempel ifrån min egen:


<div id="box">
   <div class="navheader">Arkivet</div>
<ul>
<a href="http://jennysmodemix.se/2010/january/">Januari,</a>
<a href="http://jennysmodemix.se/2010/february/">Februari,</a>
<a href="http://jennysmodemix.se/2010/march/">Mars,</a>
<a href="http://jennysmodemix.se/2010/april/">April,</a>
</div><br />


<div id="box">

<div class="navheader">Sök</div>

<form action="http://search.publishme.se/search/" name="search" method="post">
<input type="hidden" name="bl_id" value="1370452" />
<input type="text" name="criteria" value="" size="12" maxlength="64" />
<input type="submit" value="Sök" />
</form>

</div><br />

Sen ska du ju få dessa mellanrum för att det ska bli som det heter "uppdelad meny" och det gör du med hjälp av koden <br />.

<br /> = mellanrum alltså enter ett steg ner

Desto fler <br /> desto större mellanrum. Efter denna boxen så är det bara att göra en ny om du vill ha fler boxar. Antingen lägger du dom under varandra med koden

<br />



SVAR på Fråga 3. KONTAKTFORMULÄR



klicka på bilden för större storlek


För och få en kontakt ruta till din epost så som jag har ovanför min header. Då går du bara in och resistrerar dig eler öppnar ett konto hos Webbtjanster..



När du har registrerat dig och kommit fram till din profil som ser ut så här:



Då klickar du bara på Kontaktformulär och gör precis som det står. Där bestämmer du själv hur du vill att utseendet ska vara mm.

Sen tar du koden och klistrar in den där du vill att den ska vara på din blogg.

Ha en trevlig natt så ska jag hosta vidare här nu

 

Kommentarer

Postat av: mansi

Publicerad 2010-11-14 20:32:24

Nu hittar jag inte inlägget jag kommenterade från början men aja.. Nu blir det fortfarande en vit bakgrund runt hela backgrunden, vet inte hur jag ska få bort den.

Postat av: karin

Publicerad 2011-06-28 19:30:14

tack så himla mkt! nu funkar det!! fatta precis allt! (nästan.. X'D) Blev i alla fall nöjd, du förklarar bäst! ♥

Kommentera inlägget

Publiceras ej

Om

Min profilbild

SweetnCute

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken , väskor och en STOR förkärlek till SKOR. Ni kan även hitta bloggdesign hjälp & tips, ladda ner gratis bloggdesign, beställa personliga bloggdesign och mycket mycket mer

Senaste inläggen

Kategorier

Arkiv

Prenumerera och dela