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.

Fallande löv o annat på din blogg

Publicerad 2010-11-06 17:59:46 i BloggTips

Vill du ha fallande löv lagom nu på hösten?

Kopiera då koden som är i rutan här under.


KOden finns att ladda ner [HÄR]



Vill du byta ut lövet mot ex ett hjärta, svampar eller vad som helst. Då Laddar du upp den bild som du vill ha, tar adressen och byter ut din adress mot den som står där idag.

Så leta upp kod stycket:

//Configure below to change URL path to the snow image
var snowsrc=”Adressen till bilden här

Idag ser ju min ut så här: eftersom att jag har ett hjärta idag.

//Configure below to change URL path to the snow image
var snowsrc=”http://jennysmodemix.se/images/2010/fallande-hjrtan_115844307.png

Här har ni några mini bilder som ni kan använda om ni vill. Höger klicka tryck sedan på spara som till er dator.





Snöflingor till eran blogg

Publicerad 2010-11-05 17:10:52 i BloggTips

Få fallande snö på eran blogg

Kopiera koden här under, och lägg den i era kodmallar:
[framsidan, inläggsidan, kategorisidan, arkivsidan,]

klistra in HELA koden över </head> i alla kodmallarna, om ni vill att det ska synas under alla era sidor.


Ladda ner koden [HÄR]



Lycka till. . .  I min fungerar det som ni säkert ser själva. . . Jag la till lite snö nu idag. . . och det fungerar utmärkt

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

 

Kodguide i din Stilmall på blogg.se

Publicerad 2010-11-04 20:05:15 i BloggTips



STILMALLEN

/*BAKGRUND*/
body {
background:url("http://jennysmodemix.se/images/2010/background-valentina_112676463.jpg") repeat fixed 0 0 transparent;
margin:0;
padding-bottom:0;
padding-top:0;
text-align:center;
}

/*LÄNKAR I INLÄGGEN*/
a {
color:#4E4E4E;text-decoration:none;
}

a:hover {
background:none repeat scroll 0 0 transparent;
border-bottom:0 solid #C9BBA0;
border-top:0 solid #574444;
color:#000000;
text-shadow:0 1px 2px #000000;   /* denna koden gör länken skuggad*/
}


/*Vill ni även att texten ska vara skuggan då lägger ni till denna texten:   ovanför i a:hover*/
text-shadow:0 1px 2px #000000;


/*SJÄLVA BLOGGENS BAKGRUND - Den vita ytan*/
#wrapper {
border-color:#FFE5D6 #BAB4AB #BAB4AB;
border-style:solid;
border-width:0;
margin:25px auto;
padding:0;
text-align:left;
vertical-align:top;
width:987px;
}

/*GÖR ATT BAKGRUNDEN BLIR EN HEL RUTA OCH INTE DELAS*/
#wrapper:after {
background:none repeat scroll 0 0 #FFFFFF;
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/*TEXT dock om du anger <p> själv i kodmallen*/
p {
margin:0;
padding:0;
}

/*HEADER, rutan längst upp på bloggen*/
#header {
background:url("http://jennysmodemix.se/images/2010/header-valentina-by-jennysmodemix_112844033.png") repeat scroll 0 0 transparent;
height:240px;
margin:0 auto;
padding:0;
text-align:left;
}

/*SIDOMENYN/*
#side {
background:url("http://jennysmodemix.se/images/2010/side-bg-jennysmodemix_110101647.png") repeat scroll 0 0 #eaf2f5;
border:2px solid #ffffff;
float:right;
margin:-190px 0 0;
opacity:0.9;
padding:0;
vertical-align:top;
width:189px;
}

/*KODEN FÖR OCH GÖRA SIDOMENYN I BOXAR - glöm ej i så fall och ta bort background under side/*
#box {
background:url("http://jennysmodemix.se/images/2010/side-bg-jennysmodemix_110101647.png") repeat scroll 0 0 #f5e8e6;
border:2px solid #FFFFFF;
width: 190px;
padding : 0 8px;
}


/*SJÄLVA INLÄGGETS BAKGRUND - använd främst denna för inställningar*/
#content {
background:none repeat scroll 0 0 #FFFFFF;
border-right:0 solid #F0F0E8;
float:left;
margin-right:0;
margin-top:0;
padding:0;
text-align:right;
vertical-align:top;
width:793px;
}

/*TEXT I HEADER*/
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}

h1 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:14px;
font-weight:bold;
height:30px;
margin:0;
padding:0;
text-transform:uppercase;
}
h2 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
width:170px;
}

/*INLÄGGSRUBRIK/*
/** Entry headers **/
h3 {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 dotted #E3E3DE;
border-top:0 dotted #F1F1E7;
color:#5E5851;
font-family:Georgia;
font-size:36px;
font-style:normal;
font-weight:normal;
margin-bottom:0;
margin-top:20px;
padding-bottom:2px;
padding-left:20px;
padding-top:45px;
text-align:center;
}

/*SIDOMENYNS RUBRIK*/
.navheader {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 solid #625F5F;
border-top:0 dotted #F1F1E7;
color:#9A9890;
font-family:georgia;
font-size:12px;
font-weight:normal;
margin-bottom:3px;
margin-top:3px;
padding:1px 5px;
text-align:left;
text-transform:uppercase;
}

/*SIDOMENYNS YTA, dvs rubriker, länkar osv*/
.nav {
color:#685C58;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding-left:0;
padding-right:0;
padding-top:3px;
}

/*LÄNKLISTA*/
.nav ul {
background-color:#FFFFFF;
font-weight:normal;
margin:0 0 7px;
padding:5px 10px 18px;
}

/*LÄNKAR I SIDOMENYN*/
.nav li {
font-weight:normal;
list-style:none outside none;
padding:0 0 6px;
}

/*HÄR ANGER DU LÄNKARS "UNIK HETER" */
.nav a {
color:#4E4E4E;
text-decoration:none;
}

a:hover {
background-color:#e6eef1;
color:#FFFFFF;
text-decoration:none;
}
/*HOVER - då du lägger musen över en länk, samt där du kan lägga in en egen muspekare*/

/*INLÄGG*/
/** Post's body text **/
.entrybody {
color:#000000;
font-family:Courier New;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:30px 27px 10px;
text-align:justify;
}

/*TID OCH LÄNKAR UNDER INLÄGGET - Ex kommentarer, trackbacks osv*/
/** 'Posted by' txt **/
.entrymeta {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #F0F0E8;
border-top:0 solid #E3E3DE;
color:#000000;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding:3px;
text-align:left;
}

/*SJÄLVA LÄNKARNA - egna önskemål */
.entrymeta a {
color:#7B7B71;
text-decoration:none;
}

.entrymeta a:hover {
background-color:transparent;
color:#000000;
font-size:10px;
text-decoration:none;
}

/*KOMMENTARSRUBRIK - Ex Postat av: Dinfotobutik*/
.commentheader {
background:none repeat scroll 0 0 #acc0c7;
border-color:#383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
text-align:left;
}

/*KOMMENTARSTEXT*/
.commenttext {
background:none repeat scroll 0 0 #e6eef1;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma;
font-size:12px;
font-weight:normal;
line-height:150%;
margin-left:5px;
margin-right:5px;
padding:8px 25px 9px 15px;
text-align:left;
}

/*KOMMENTARSTID och LÄNKAR - ex tidpunkten då kommentaren postades och blogglänk*/
.commentmeta {
background:none repeat scroll 0 0 #acc0c7;
border-bottom:1px dotted #383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
line-height:150%;
margin-bottom:16px;
margin-left:5px;
margin-right:5px;
padding:2px 15px;
text-align:left;
}

/*Länkar - egna önskemål*/
.commentmeta a {
color:#8E8D78;
text-decoration:none;
}

.commentmeta a:hover {
border-bottom:0 solid #F2CBA5;
border-top:0 solid #F2CBA5;
color:#C8C6A9;
font-size:10px;
}

/*Kommentarrutan - kan inte ändra färg I själva textrutor osv*/
.commentform {
background:none repeat scroll 0 0 #e6eef1;
border:0 solid #EEE0D8;
color:#5A5958;
font-family:tahoma;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
text-align:left;
}

/*LINJERNA MELLAN INLÄGGEN*/
.separator {
display:none;
}

/*RUBRIK TILL KOMMENTARER OCH TRACKBACKS*/
.default {
display:none;
}

/* inget du behöver ändra*/
.subside {
font-size:0.7em;
font-weight:normal;
padding:0;
}
.xmlButton {
background:none repeat scroll 0 0 #FF6600;
border-color:#FFCC99 #663300 #333300 #FF9966;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font:bold 10px Verdana,Arial,Helvetica,Sans-serif;
margin:0;
padding:0 3px;
text-decoration:none;
}
.image {
border:1px solid #5E6655;
margin:0 6px 6px 0;
padding:0;
}
.thumbnail {
border:2px solid #889977;
margin:0 6px 6px 0;
}
.video {
padding:0 0 30px 30px;
}
.fieldName {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
margin:0 0 12px;
}
select {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
}


/*SÖK FORMULÄRET - samt KOMMENTARSFORMULÄRET*/
form {
margin:0 0 6px;
padding-left:10px;
}

/*PROFIL i överlag*/
#profile {
font-family:verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
mar

/*PROFIL rubrik "OM" */
#profile h4{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
margin:0 0 5px;
}

/*PROFIL TEXT*/
#profile p{
}


/*HÄR ÄNDARAR DU BAKGRUNDENSBILDEN/FÄRGEN I KNAPPEN SÖK HÄR SAMT DÄR MAN SKRIVER I KOMMENTARER*/

input {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#656262;
font-family:courier new;
font-size:11px;
font-weight:normal;
}
textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#575353;
font-family:courier new;
font-size:12px;
font-weight:normal;
}


/*KODEN DU LÄGGER TILL NÄR DU VILL HA EN DROPDOWN OVANFÖR HEADERN*/
#navbar {
margin: 0;
padding: 0;
height: 1em; }
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 3px 8px;
background-color: #f48f9d; /*Ändra färgen på menyflikarna här*/
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #fff; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: Century Gothic; /*Ändra typsnittet här*/
font-size: 11px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
width: 10em; /* Ändra bredden på undermenyn här */
background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
background-color: #f7adb7; /*Ändra färgen på undermenyn*/
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #ffffff; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #f2717f; } /*Ändra färgen när man håller musen över undermenyn*/



FLYTTA OBJEKT
margin: Flyttar själva objektet.
padding: Flyttar själva texten inuti objektet.
Gällande hur man flyttar åt vilket håll är detta en enkel beskrivning
1px 2px 3px 4px - 1px flyttar uppåt, 2px höger, 3px nedåt, 4px åt vänster
float: välj om du vill positionera objektet till höger eller vänster (inte center)

FÄRGER
Background - anger bakgrunden
color: anger färgen på texten glöm ej och skriva  före färgkoden

STORLEK
width: anger bredd
height: anger höjd

TEXT
font-weight: väljer om du vill ha tjock, kursiv eller normal text (bold, normal osv)
font-family: anger typsnitt (ex arial, verdana, sans-serif)
text-transform: anger om du vill ha stor eller liten text
text-decoration: anger om du vill ha understreck eller liknande på text

ÖVRIGT
visibility: hidden; gömmer objektet

KODER till senaste GratisDesignen som ej gick o ladda ner

Publicerad 2010-10-13 23:32:41 i BloggTips

Klicka på bilden för och komma till filen du ska ladda ner



Här kommer koderna till designen som ej gick och ladda ner.
Tuvärr så lämnade du inga uppgifter, namn, epost så jag kunde kontakta dig. Så inlägget är till min anonyma läsare.

Kopiera varje stycke. Stillmallen kopierar du och klistrar in den i din egen stilmall.
Lika så med kodmallarna, Framsidan, Inläggsidan, Kategorierna, Arkivet.

Det som ni absolut INTE får göra när ni lånar dessa koderna, det är att ni INTE får ta bort Design BY ikonen samt namnet och det är bara för att jag delar med mig utav en GRATIS design till er som vill helt GRATIS.


Take it or Leave it. . . .


Tidsfördriv

Publicerad 2010-10-13 23:11:48 i BloggTips

TIDSFÖRDRIV - för mig och mina gamla samt nya läsare  


KLÄDSEL:
Du har på dig nu:
Grå sköna mjukisbyxor och en luvtröja i samma färg
Vad använder du just nu för skor:
Jag använder dom skönaste skorna jag haft som jag köpte på Scorette för någon månad sedan.
Svart stövletter av märket Tiamo
Favoritfärg på kläder:
Svart!

SENASTE PERSONEN:
Som sov i din säng:
Niclas
Du pratade med:
Niclas
Du delade en drink med:
=) Niclas igen
Du gick på bio med:
Hmm jag undrar vem det kan vara=) Niclas så klart
Du gick på stan med:

Med Tommy från jobbet IGENOM stan till centralen igår
Skällde på dig:
. . . . . . . . Ingen aning. Det va så länge sedan någon skällde på mig, så jag kan inte ens minnas när det va. . . .

SENASTE:
Låt du hörde:
Neelix - Same Thing but different
Film du såg och Med vem:
Niclas tog med sig en hyrfilm till mig i lördags kväll. Book of Eli med skådespelaren
Denzel Washington
Maträtt du åt: Stekt kycklingfile med en liten avokado
Kramen du fick: Av Philip [min 11-åriga son]
Puss/Kyss du fick: Av Niclas igår kväll
Festen du va på: Ravefest förr förra lördagen
Känslan du hade: Glad, Lycklig, Lättnad på en och samma gång här och nu
Ilska/Hat du hade: Igår när Maria terrade Företagets växel
Resa du va på: Skara sommarland med Niclas, Philip och Philips kompis nu i sommras

Glädje du kände:
När jag vaknade imorse och visste att äntligen morgon, en NY arbetsdag med den bästa omgivningen man någonsin kan önska sig. Så har jag det varje dag
Dröm du hade:
Ja det undrade jag oxå. Jag minns endast att jag vaknade upp o va tvungen o se var jag va någonstans. För drömmen va så skruvad att det till och med kunde vara som i sagoböckerna.
Typ är det fantasi eller. ..  Sen minns jag inte. Jag vet att jobbet o kollegorna o givetvis jag va nånstans på ett väldigt bra ställe=)
Boken du läste:
LIVS-Strategier av Phillip C. McGraw
Personen du träffade:
Philip
Personen du pratade i telefon med:
Niclas för ca 45 min sedan
Personen du fick ett sms utav:
Nina
Gången du åt en korv på 7eleven:
Aldrig gjort och kommer aldrig och göra
Gången du var utomhus:
För 2 timmar sedan
Gången du sov:
Igår natt mellan kl.01.00-05.06
Saken du köpte:
LM blå i Vommelivs


OM MIG
Namn:
Jenny
Ålder:
31 den 24 december i år
Längd:
1,70cm
Vikt:
67kg
Civilstatus:
Jag och min lilla bebis, som alltid kommer att vara min lilla bebis oavsett ålder. [=Min son på 11år]
Smeknamn:
Flisan utav Matilda och Facit/Förebilden av resterande på jobbet=)
Syskon:
Daniel och Lusifer
Sysselsättning:
Jobbar så klart, degen ska ju in
Dina BÄSTA egenskaper:
Börjar jag nu så kommer jag behöva sitta kvar på samma plats och skriva skriva skriva skriva hela veckan ut. För det är alldeles för många bra. Så jag får bara ta 2!!!...!!!! Hmmm, bara 2!!!! Ja det är inte lätt för alla är lika bra.
Men jag tar. . Jag ser alltid LÖSNINGAR istället för problem. Ser jag inga lösningar exakt just nu då ser jag till att jag ser en lösning NU...
Alltid ett leende på läpparna och det bara sprutar positivitet om mig
Dåliga egenskaper:  I min värld finns det endast positiva saker, ord, händelser. Vad betyder dåliga egenskaper? Aldrig hört talas om
Hårfärg: Ljus-Blont
Ögonfärg: Blå-Grå
Skostorlek: 38,5 - 39


KOPIERA listan ovanför och fyll i dina egna svar och visa den på din blogg

Flikar ovanför headern

Publicerad 2010-09-30 06:12:36 i BloggTips

Jag har fått frågan om hur man gör flikar ovanför headern. Så jag visar hur jag har gjort.



1. Gå in i din STILMALL och lägg till följande kod längst ner.



#navbar {
margin: 0;
padding: 0;
height: 1em; }

#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/

#navbar li a {
display: block;
padding: 3px 8px;
background-color: #cccccc; /*Ändra färgen på menyflikarna här*/

color: #fff; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: verdana; /*Ändra typsnittet här*/
font-size: 10px; } /*Ändra storleken på texten här*/

#navbar li ul {
display: none;
width: 10em; /* Ändra bredden på undermenyn här */
background-color: #69f;}

#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }

#navbar li:hover li, #navbar li.hover li {
float: none; }

#navbar li:hover li a, #navbar li.hover li a {
background-color: #889988; /*Ändra färgen på undermenyn*/
border-bottom: 1px solid #fff;
color: #ffffff; } /*ändra textfärgen på undermenyn här*/

#navbar li li a:hover {
background-color: #000000; } /*Ändra färgen när man håller musen över undermenyn*/






2. Gå nu in i dina kodmallar, Framsidan, Inläggsidan, Kategorisidan, Arkivsidan, och lägg in följande kod där du vill ha din meny.

Jag har lagt min precis under  <div id="wrapper">.  Men man kan lägga den var man vill.


Ladda upp den flik du gjort och vill ha.

ex:


<ul id="navbar"> <li><a href="index.html"><img src="http://jennysmodemix.se/images/2010/flik2_109873784.png" border="0"></a></li><li><a href="#"><img src="http://jennysmodemix.se/images/2010/flik1_109873814.png"border="0"></a> <ul>

<li><a href="http://jennysmodemix.se/category/kopa-fardig-design.html"> Köpa BloggDesign</a></li>


<ul id="navbar">
<li><a href="#">HÄR LÄGGER DU DIN FLIK</a>
<ul>
<li><a href="ADRESSEN TILL DEN SIDAN DU VILL MAN SKA KOMMA TILL">NAMNET PÅ KATEGORIN</a></li>
<li><a href="#">Länk 2</a></li>
<li><a href="#">Länk 3</a></li>
</ul>
</li>
<li><a href="#">Kategori 2</a>
<ul>
<li><a href="#">Länk 4</a></li>
</ul>
</li>
<li><a href="#">Länk 5</a></li>
<li><a href="#">Kategori 3</a>
<ul>
<li><a href="#">Länk 6</a></li>
<li><a href="#">Länk 7</a></li>
<li><a href="#">Länk 8</a></li>
<li><a href="#">Länk 9</a></li>
</ul>            
</li>
</ul>


Börja med att lägga in adressen till de sidor som du länkar till, det gör du i denna kod:

<li><a href="#">Länk1</a></li>

Byt ut "#" mot adressen och byt ut "Länk 1" till det namn du vill att länken ska ha.

Design till salu

Publicerad 2010-09-13 19:29:57 i BloggTips

En härlig design till salu, med flikar på sidan om headern!
Min andra design auktion.
Lägg ett bud i antingen kommentarsfältet eller skicka ett mejl till, [email protected]
Glöm inte skriva er mejladress också, så jag kan ta kontakt med vinnaren.



AUKTIONEN ÄR NU AVSLUTAD



Högsta budet vinner.
Avslutas Fredag den 24 sep 2010 kl. 20.00!


 



Skugga vid länken

Publicerad 2010-09-01 22:30:49 i BloggTips

För att få skugga vid en länk som jag har:


Som ni ser så blir en länk rosagrå o lite tjockare.

Det ni ska göra för att få det är att ni klistrar innan koden nedanför till eran stilmall.

KODEN:

text-shadow:0 1px 2px #000000;



Lägg koden i eran stilmall under a:hover som ni ser här under

a:hover {
color:#1E1E1E;
text-decoration:none;
text-shadow:0 1px 2px #000000;
}


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