▼ M I K A E L A ▼ -

nästa gratisdesign

DATUM: 2012-04-19 | TID: 19:16:50 | KATEGORI: Gratisdesigner | KOMMENTARER: 26

KOMMENTERA HÄR

NY GRATISDESIGN

DATUM: 2011-11-24 | TID: 19:28:31 | KATEGORI: Gratisdesigner | KOMMENTARER: 3

//Mikaela ♥ :D

KOMMENTERA HÄR

ny gratisdesign

DATUM: 2011-04-16 | TID: 08:21:49 | KATEGORI: Gratisdesigner | KOMMENTARER: 2

KOMMENTERA HÄR

Alla gratisdesigner

DATUM: 2011-02-20 | TID: 11:34:34 | KATEGORI: Gratisdesigner | KOMMENTARER: 0

//MIkalea

KOMMENTERA HÄR

ny gratisdesign

DATUM: 2011-02-20 | TID: 10:46:30 | KATEGORI: Gratisdesigner | KOMMENTARER: 0

innehåll:
-Rubrik. namnet å bloggen går att ändra genom att klicka på inställningar och sen ändra. se den live HÄR
och se koderna HÄR

KOMMENTERA HÄR

gratis design!

DATUM: 2011-02-19 | TID: 12:57:54 | KATEGORI: Gratisdesigner | KOMMENTARER: 2

hej! nu kommer det äntligen en till gratis design

detta innehåller designen:
- Dropdown meny. ända vad det ska stå på länkarna under kategorier och bloggar jag läser genom att gå in på kodmallen och leta upp där det står. OBS! du måste också ändra på hem så att man kommer till din blogg när manb klicakr på till startsidan.
-Rubrik. den här rubriken kan du ändra på vad det ska sstå genom att gå in på inställningar och sen ändra ditt namn till det som det ska stå och sen spara.

se den live och få koderna till den HÄR

//Mikaela

KOMMENTERA HÄR

Design av mig

DATUM: 2011-01-23 | TID: 11:40:34 | KATEGORI: Gratisdesigner | KOMMENTARER: 0

hej. ville bara säga att det är vissa som inte sätter in kodmallen på som blogg och det är okej tycker jag men att ta bort att länkingen till min blogg är inte okej. så om du har en design som jag har gjort och om du inte vill ha kodmallen får du ialllafall skriva i din meny att designen är av brabloggdesigner.blogg.se. om inte det här ändrar sig så måste jag tyvärr börja skriva design av brabloggdesigner i header. men skulle inte vilja behöva göra det för det bliv så himla ful :(
//Mikaela

KOMMENTERA HÄR

Gratisheader

DATUM: 2010-08-24 | TID: 09:58:47 | KATEGORI: Gratisdesigner | KOMMENTARER: 5

här är en gratisheader:

(klicka för att bilden ska bli större)

skicka ett mail till mig om du vill ha den och skicka bilden du vill ha som bakgrund och ditt bloggnamn.
[email protected]
så skicka det här i mailet om du vill ha designen:
*bilden du vill ha som bakgrund
*dittbloggnamn

//Mikaela

KOMMENTERA HÄR

gratisdesign 2

DATUM: 2010-08-12 | TID: 10:32:15 | KATEGORI: Gratisdesigner | KOMMENTARER: 1

Headern(klicka för att bilder ska bli större)

Menyn (klicka för att bilder ska bli större)

stilmallen:

body {
margin: 0px 50px 0px 0px;
background: #ffcdfe;
}

a {color: #ffcdfe;}
a:hover {color: white;}

#wrapper {
margin: 0px auto;
background-color: #ffffff;
padding: 0px;
text-align: left;
position:relative;
vertical-align: top;
height: 60%;
clear: none;
float: none;
width: 873px;
}

#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

p {
padding: 0px 0px 0px 100px;
margin: 0px 0px 0px 0px;
font-family: arial, "Times New Roman", Times, serif;
font-size: 12px;
}

#header {
margin:0px;
background: #FFFFFF url(http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-klar_101794123.jpg) no-repeat center;
padding: 0px 0px 0px 0px;
height: 520px;
width: 885px;
}

#side {
float: left;
width: 200px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #ffffff;
}

#content {
overflow: hidden;
width: 538px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:538px;
float: right;
margin: 0px 10px 0px 0px;
}html>body #content { width: 538px }

#header a {
color: #ffcdfe;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}

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

h2 {
font-family: arial, verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
width: 170px;
}

/** Entry headers **/
h3 {
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding:10px 10px 10px 0px;
color: #ffcdfe;
margin: 0px 0px 10px;
text-transform: uppercase;
}

.navheader {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
padding:5px 5px 0px;
margin-bottom:0px;
background-color:#FFFFFF;
text-transform: uppercase;
}

.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
margin: 0px;
}

.nav ul {
margin: 0px 0px 12px;
padding: 5px 10px 10px;
font-weight: normal;
background-color: #FFFFFF;
}

.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}

.nav a { color: #000000;
font-size: 12px;}
.nav a:hover { color: #ffcdfe;
font-size: 14px; }

/** Post's body text **/
.entrybody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 150%;
margin: 0px 0px 10px;
background-color: #FFFFFF;
padding: 10px;
}

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #ffcdfe;
text-align:right;
}

.entrymeta a { color: #ffcdfe;
font-size: 10px; }
.entrymeta a:hover { color: #000000;
font-size: 12px; }

.commentheader {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-color:#FFFFFF;
padding:5px;
color: #ffcdfe;
}

.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000;
line-height: 130%;
}

.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #999999;
margin: 10px 0px 20px 0px
}

.commentmeta a { color: #ffcdfe; }
.commentmeta a:hover { color: #999999; }

.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}

.separator {
border-top: 2px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}

.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}

.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 0px 0px;
}

.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}

#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}

#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}

#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}

#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}

#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}

#calendar table tr td ul li {
color: #666666;
}

#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}

#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}

form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}

#profile {
font-family: Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}

#profile h4{
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}

#profile p{
}

kodmallen:

<body>

<div id="content">
<tag:entrylist limit="15">
   <a name="a${EntryNum}"></a>
   <h3>${EntryTitle}</h3>
   <div>${EntryBody}</div>
   <div>
    ${EntryDate} @ ${EntryTime}
    <a href="${EntryPermaLink}">Permalink</a>
    <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
    <a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
<a href="${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a>
<br /><br />
<tag:taglist title="Nyckelord: ">
  <a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
   </div>
   <hr />
</tag:entrylist>
</div>

<div id="profile">
<tag:profile>
  <tag:if test="${ProfileExists == 'true'}">
   <h4>Om</h4>
   <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a>
   <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold"> ${ProfileName}</span></a></p>
  </tag:if>
</tag:profile>
</div>

<div>
<img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-sk-i-bloggen_101854917.jpg">
<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
  <input type="hidden" name="bl_id" value="${BlogID}" />
  <input type="text" name="criteria" value="" size="12" maxlength="64" />
  <input type="submit" value="Sök" />
</form>
<img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-senaste-inlggen_101855143.jpg">
       <tag:recentlist limit="20">
     <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
       </tag:recentlist>
   </ul>
<img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-kategorier_101855936.jpg">
     <tag:categorylist>
        <li><a href="${CategoryLink}">${CategoryName}</a></li>
       </tag:categorylist>
   </ul>
<img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-arkiv_101855449.jpg"> <ul>
    <tag:archivelist>
     <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
    </tag:archivelist>
   </ul>
   <tag:if test="${hasLinks == 'true'}">
<img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-lnkar_101855532.jpg">
   <ul>
    <tag:linklist>
     <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
    </tag:linklist>
   </ul>
<img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-design-av_101855628.jpg">
<a href="http://brabloggdesigner.blogg.se"><img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/design-av-brabloggdeisgn-paint-ball_100183750.png" border="0"></a>

   <ul>
   </tag:if>
   <tag:if test="${hasBooks == 'true'}">
   <div>Böcker</div>
   <ul>
    <tag:booklist>
     <li><a href="${BookUrl}"><img src="${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}">${BookTitle}</a></li>
    </tag:booklist>
   </ul>
   </tag:if>
   <tag:if test="${hasMusic == 'true'}">
   <div>Musik</div>
   <ul>
    <tag:musiclist>
     <li><a href="${MusicUrl}"><img src="${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}">${MusicTitle}</a></li>
    </tag:musiclist>
   </ul>
   </tag:if>
   <tag:if test="${hasMovies == 'true'}">
   <div>Filmer</div>
   <ul>
    <tag:movielist>
     <li><a href="${MovieUrl}"><img src="${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}">${MovieTitle}</a></li>
    </tag:movielist>
   </ul>
   </tag:if>
</div>
<div>
   <a href="index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a>
</div>
</div>
</div>

</body>
</html>

KOMMENTERA HÄR

Gratisdesign nr 1!

DATUM: 2010-06-06 | TID: 08:30:35 | KATEGORI: Gratisdesigner | KOMMENTARER: 8

hej här kommer den första gratisdesignen:
så här ser den ut:

klistra in allt det här i stilmallen:

body { margin: 0px; padding:0px; background: #ED6EA3 url(http://www.julia.egmont.se/wp-content/themes/arras-theme/images/okej/blommor2.png); }  a { color: #999999; } a:hover {color: #80FF9F;}  #wrapper { clear:none; margin: 30px auto; padding: 20px; width: 830px; background-color: #FFFFFF; }  #wrapper:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }  p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }  #header { background: #FFFFFF url(http://brabloggdesigner.blogg.se/testblogg/images/2010/gratisdesign-nr-1-sommar-sol_92891928.jpg) no-repeat right center; padding-left: 30px; padding-bottom:0px; padding-top:0px; margin: 0px 0px 0px; width: 800px; height: 700px; }  #side { float: left; width: 180px; margin: 0px; padding: 24px 18px 0px 12px; left:-30px; border-right-width: 3px; border-right-style: solid; border-right-color: #CCCCCC; }  #content { overflow: hidden; width: 538px; position:relative; left:0px; padding: 20px 0px; voice-family:"\"}\""; voice-family:inherit; width:538px; float: right; margin: 0px 10px 0px 0px; }html>body #content { width: 538px }  #header a { color: #000; text-decoration: none; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; }  h1 { font-family: tahoma, arial, verdana, sans-serif; font-size: 14px; font-weight: bold; color: #000; text-transform:uppercase; margin: 0px; padding: 0px; height: 30px; }  h2 { font-family: tahoma, arial, verdana, sans-serif; font-size: 11px; font-weight: normal; color: #000000; margin: 0px; padding: 0px; width: 170px; }  /** Entry headers **/ h3 { background: #FFFFFF; font-family: Eras Light ITC, tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding:10px 10px 10px 0px; color: #ED6EA3; margin: 0px 0px 10px; text-transform: uppercase; }  .navheader { font-family:  tahoma, Arial, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; color: #666666; padding:5px 5px 0px; margin-bottom:0px; background-color:#FFFFFF; text-transform: uppercase; }  .nav { font-family: tahoma, verdana, Arial, Helvetica, Sans-serif; font-size: 11px; font-weight: bold; color: #000000; margin: 0px; }  .nav ul { margin: 0px 0px 12px; padding: 5px 10px 10px; font-weight: normal; background-color: #FFFFFF; }  .nav li { list-style: none; padding: 0px 0px 6px 0px; font-weight: normal;	 }  .nav a { color: #000000; } .nav a:hover { color: #ED6EA3; }  /** Post's body text **/ .entrybody { font-family: Eras Light ITC, tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #000000; line-height: 150%; margin: 0px 0px 10px; background-color: #FFFFFF; padding: 10px; }  /** 'Posted by' txt **/ .entrymeta { font-family: Eras Light ITC, tahoma, verdana, arial, sans-serif; font-size: 13px; font-weight: normal; color: #666; text-align:right; }  .entrymeta a { color: #ED6EA3; } .entrymeta a:hover { color: #cccccc; }  .commentheader { font-family:  arial, Consolas,  tahoma, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color:#FFFFFF; padding:5px; color: #000000; }  .commenttext { font-family: Consolas, tahoma, verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #ED6EA3; line-height: 130%; }  .commentmeta { font-family: tahoma, verdana, arial, sans-serif; font-size: 10px; font-weight: normal; color: #999999; margin: 10px 0px 20px 0px }  .commentmeta a { color: #809FFF; } .commentmeta a:hover { color: #80FF9F; }  .commentform { font-family: tahoma, verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; margin: 0px 0px 20px 0px }  .separator { border-top: 2px solid #CCCCCC; border-bottom: 0px solid #CCCCCC; margin: 14px 0px 14px 0px }  .default { font-family: tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; color: #333; font-weight: bold; padding: 0px 0px 10px 0px; text-transform: uppercase; }  .subside { font-family: tahoma, "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; padding: 0px 0px 0px 0px; }   .xmlButton { border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0 3px; font:bold 10px tahoma, Verdana, Arial, Helvetica, Sans-serif; color:#FFF; background:#F60; text-decoration:none; margin:0; }  .image { border: 2px solid #CCCCCC; background-color:#FFFFFF; padding:2px; margin: 0px 6px 6px 0px; }  .thumbnail { border: 2px solid #CCCCCC; background-color:#FFFFFF; padding:2px; margin: 0px 6px 6px 0px; }  .video{ padding: 0px 0px 0px 0px; }  .fieldName{ font-family: verdana, arial, sans-serif; font-size: 11px; margin: 0px 0px 12px 0px }  select{ font-family: verdana, arial, sans-serif; font-size: 11px; }  #calendar { color: #333333; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px; text-align: left; background-color: #FFFFFF; margin: 12px 0px 12px 0px; padding: 10px; }  #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; }  #calendar table caption { color: #666666; font-family : Arial, Helvetica, Sans-serif; font-size : 0.7em; border-bottom: 1px solid #999999; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; letter-spacing: .3em; }  #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; }  #calendar table tr td { border: 1px solid #666666; text-align: center; font-size: xx-small; }  #calendar table tr ul  { color: #666666; list-style: dot; margin: 0px 0px 0px 20px; padding: 4 0 5 0; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.7em;	 }  #calendar table tr td.cssDayMouseOver { border: 1px dotted red; cursor: hand; }  #calendar table tr td.cssDayMouseOut { border: 1px solid #666666; }  #calendar table tr td.cssEntryBox { border: 1px solid gray; padding: 6px; text-align: left; background: #FFFFFF; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; color: #666666; }  #calendar table tr td ul li { color: #666666; }  #calendar table tr td div.cssDayEntryHeader { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; text-align: left; font-weight: bold; padding: 4; }  #calendar table tr td div.cssDayAvailable { text-decoration: underline; text-weight: bold; }  form { padding: 10px; background-color: #FFFFFF; margin: 0px 0px 10px; }  #profile { font-family:  Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; margin: 0px 0px 0px 0px; padding-left: 16px; }  #profile h4{ font-family:  Arial, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; color: #666666; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; }  #profile p{ } #scrollbox { width:500px; height: 500px; overflow: auto; }  #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: none; /*Ändra färgen på menyflikarna här*/ 	color: #000000; /*Ändra färgen på texten här*/ 	text-decoration: none;         font-family: tahoma; /*Ä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 */ 	} #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: #ffffff; /*Ändra färgen på undermenyn*/ opacity: 0.6; 	border-bottom: 1px dotted #B3B3B3; border-left: 1px solid #fff; border-right: 1px solid #fff; 	color: #000000; } /*ändra textfärgen på undermenyn här*/ #navbar li li a:hover { 	background-color: #574948; } /*Ändra färgen när man håller musen över undermenyn*/

klistra in allt det här i kodmallen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>  <title>${BlogTitle} - ${BlogDescription}</title>  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />  <meta name="generator" content="${AppUrl}" />  <link rel="stylesheet" href="${BlogUrl}style.css" mce_href="/1494953/entries/article/new/${BlogUrl}style.css" type="text/css" />  <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1494953/entries/article/new/${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />   <mce:script type="text/javascript" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script>   <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script>  </head>  <body>  <div id="wrapper">  <ul id="navbar">   <li><a href="#" mce_href="#">Överkategori</a>    <ul>       <li><a href="http://adress" mce_href="http://adress">Länk 1</a></li>       <li><a href="http://adress" mce_href="http://adress">Länk 2</a></li>       <li><a href="http://adress" mce_href="http://adress">Länk 3</a></li>       <li><a href="http://adress" mce_href="http://adress">Länk 4</a></li>    </ul>			 </li> <li><a href="http://adress" mce_href="http://adress">Länk (blir en vanlig länk, inte dropdown)</a> <li><a href="#" mce_href="#">Överkategori</a> <ul>  <li><a href="http://adress" mce_href="http://adress">Länk 1</a></li> <li><a href="http://adress" mce_href="http://adress">Länk 2</a></li>       <li><a href="http://adress" mce_href="http://adress">Länk 3</a></li> <li><a href="http://adress" mce_href="http://adress">Länk 4</a></li>  </ul> </li> <li><a href="mailto:dinmail@dinhost.com" mce_href="mailto:dinmail@dinhost.com">Kontakt (blir en vanlig länk, inte dropdown)</a> </ul>  <div id="header">  </div>   <div id="content">   <tag:entrylist limit="15">    <a name="a${EntryNum}"></a>    <h3>${EntryTitle}</h3>    <div class="entrybody">${EntryBody}</div>    <div class="entrymeta">     ${EntryDate} @ ${EntryTime}     <a href="${EntryPermaLink}" mce_href="/1494953/entries/article/new/${EntryPermaLink}">Permalink</a>     <a href="${EntryCategoryLink}" mce_href="/1494953/entries/article/new/${EntryCategoryLink}">${EntryCategoryName}</a>     <a href="${EntryPermaLink}#comment" mce_href="/1494953/entries/article/new/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> 	<a href="${EntryPermaLink}#trackback" mce_href="/1494953/entries/article/new/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> 	<br /><br /> 	<tag:taglist title="Nyckelord: "> 		<a href="${TagURL}" mce_href="/1494953/entries/article/new/${TagURL}" rel="tag">${TagName}</a> 	</tag:taglist>    </div>    <hr class="separator" />   </tag:entrylist>  </div>   <div id="side">    <div id="profile"> 	<tag:profile> 		<tag:if test="${ProfileExists == 'true'}"> 			<h4>Om</h4> 			<a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1494953/entries/article/new/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/1494953/entries/article/new/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> 			<p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1494953/entries/article/new/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></p> 		</tag:if> 	</tag:profile>   </div>    <div class="nav"> 	<div class="navheader">Sök i bloggen</div> 	<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> 		<input type="hidden" name="bl_id" value="${BlogID}" /> 		<input type="text" name="criteria" value="" size="12" maxlength="64" /> 		<input type="submit" value="Sök" /> 	</form>    <div class="navheader">Senaste inläggen</div>    <ul>        <tag:recentlist limit="20">      <li><a href="${EntryPermaLink}" mce_href="/1494953/entries/article/new/${EntryPermaLink}">${EntryTitle}</a></li>        </tag:recentlist>    </ul>    <div class="navheader">Kategorier</div>    <ul>      <tag:categorylist>         <li><a href="${CategoryLink}" mce_href="/1494953/entries/article/new/${CategoryLink}">${CategoryName}</a></li>        </tag:categorylist>    </ul>    <div class="navheader">Arkiv</div>    <ul>     <tag:archivelist>      <li><a href="${ArchiveLink}" mce_href="/1494953/entries/article/new/${ArchiveLink}">${ArchiveName}</a></li>     </tag:archivelist>    </ul>    <tag:if test="${hasLinks == 'true'}">    <div class="navheader">Länkar</div>    <ul>     <tag:linklist>      <li><a href="${LinkURL}" mce_href="/1494953/entries/article/new/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>     </tag:linklist>    </ul>    </tag:if>    <tag:if test="${hasBooks == 'true'}">    <div class="navheader">Böcker</div>    <ul>     <tag:booklist>      <li><a href="${BookUrl}" mce_href="/1494953/entries/article/new/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/1494953/entries/article/new/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/1494953/entries/article/new/${BookUrl}">${BookTitle}</a></li>     </tag:booklist>    </ul>    </tag:if>    <tag:if test="${hasMusic == 'true'}">    <div class="navheader">Musik</div>    <ul>     <tag:musiclist>      <li><a href="${MusicUrl}" mce_href="/1494953/entries/article/new/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/1494953/entries/article/new/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/1494953/entries/article/new/${MusicUrl}">${MusicTitle}</a></li>     </tag:musiclist>    </ul>    </tag:if>    <tag:if test="${hasMovies == 'true'}">    <div class="navheader">Filmer</div>    <ul>     <tag:movielist>      <li><a href="${MovieUrl}" mce_href="/1494953/entries/article/new/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/1494953/entries/article/new/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/1494953/entries/article/new/${MovieUrl}">${MovieTitle}</a></li>     </tag:movielist>    </ul>    </tag:if>   </div>   <div class="subside">    <a href="index.rss" mce_href="/1494953/entries/article/new/index.rss" title="RSS"><img src="http://sofiasfashionroom.blogg.se/lala/images/2009/web_2_0_rss_icon_by_datamouse_47103681.png" mce_src="http://sofiasfashionroom.blogg.se/lala/images/2009/web_2_0_rss_icon_by_datamouse_47103681.png" border="0" alt="RSS 2.0" /></a>   </div>  </div> </div>  <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />  </body> </html>

//Mikaela

KOMMENTERA HÄR