Gratisdesign

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

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


stilmallen:

<div mce_tmp="1">body {<br />margin: 0px 50px 0px 0px;<br />background: #ffcdfe;<br />}</p> <p>a {color: #ffcdfe;}<br />a:hover {color: white;}</p> <p>#wrapper {<br />margin: 0px auto;<br />background-color: #ffffff;<br />padding: 0px;<br />text-align: left;<br />position:relative;<br />vertical-align: top;<br />height: 60%;<br />clear: none;<br />float: none;<br />width: 873px;<br />}</p> <p>#wrapper:after {<br />content: "."; <br />display: block; <br />height: 0; <br />clear: both; <br />visibility: hidden;<br />}</p> <p>p {<br />padding: 0px 0px 0px 100px;<br />margin: 0px 0px 0px 0px;<br />font-family: arial, "Times New Roman", Times, serif;<br />font-size: 12px;<br />}</p> <p>#header {<br />margin:0px;<br />background: #FFFFFF url(http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-klar_101794123.jpg) no-repeat center;<br />padding: 0px 0px 0px 0px;<br />height: 520px;<br />width: 885px;<br />} </p> <p>#side {<br />float: left;<br />width: 200px;<br />margin: 0px;<br />padding: 24px 18px 0px 12px;<br />left:-30px;<br />border-right-width: 3px;<br />border-right-style: solid;<br />border-right-color: #ffffff;<br />}</p> <p>#content {<br />overflow: hidden;<br />width: 538px;<br />position:relative;<br />left:0px;<br />padding: 20px 0px;<br />voice-family:"\"}\"";<br />voice-family:inherit;<br />width:538px;<br />float: right;<br />margin: 0px 10px 0px 0px;<br />}html>body #content { width: 538px }</p> <p>#header a {<br />color: #ffcdfe;<br />text-decoration: none;<br />font-family: Arial, Helvetica, sans-serif;<br />font-size: 24px;<br />font-weight: normal;<br />}</p> <p>h1 {<br />font-family: arial, verdana, sans-serif;<br />font-size: 14px;<br />font-weight: bold;<br />color: #000;<br />text-transform:uppercase;<br />margin: 0px;<br />padding: 0px;<br />height: 30px;<br />}</p> <p>h2 {<br />font-family: arial, verdana, sans-serif;<br />font-size: 11px;<br />font-weight: normal;<br />color: #000000;<br />margin: 0px;<br />padding: 0px;<br />width: 170px;<br />}</p> <p>/** Entry headers **/<br />h3 {<br />background: #FFFFFF;<br />font-family: Arial, Helvetica, sans-serif;<br />font-size: 14px;<br />font-weight: bold;<br />padding:10px 10px 10px 0px;<br />color: #ffcdfe;<br />margin: 0px 0px 10px;<br />text-transform: uppercase;<br />}</p> <p>.navheader {<br />font-family:  Arial, Helvetica, Sans-serif;<br />font-size: 14px;<br />font-weight: bold;<br />color: #666666;<br />padding:5px 5px 0px;<br />margin-bottom:0px;<br />background-color:#FFFFFF;<br />text-transform: uppercase;<br />}</p> <p>.nav {<br />font-family: verdana, Arial, Helvetica, Sans-serif;<br />font-size: 11px;<br />font-weight: bold;<br />color: #000000;<br />margin: 0px;<br />}</p> <p>.nav ul {<br />margin: 0px 0px 12px;<br />padding: 5px 10px 10px;<br />font-weight: normal;<br />background-color: #FFFFFF;<br />}</p> <p>.nav li {<br />list-style: none;<br />padding: 0px 0px 6px 0px;<br />font-weight: normal; <br />}</p> <p>.nav a { color: #000000; <br />font-size: 12px;}<br />.nav a:hover { color: #ffcdfe;<br />font-size: 14px; }</p> <p>/** Post's body text **/<br />.entrybody {<br />font-family: Verdana, Arial, Helvetica, sans-serif;<br />font-size: 12px;<br />font-weight: normal;<br />color: #000000;<br />line-height: 150%;<br />margin: 0px 0px 10px;<br />background-color: #FFFFFF;<br />padding: 10px;<br />}</p> <p>/** 'Posted by' txt **/<br />.entrymeta {<br />font-family: verdana, arial, sans-serif;<br />font-size: 10px;<br />font-weight: normal;<br />color: #ffcdfe;<br />text-align:right;<br />}</p> <p>.entrymeta a { color: #ffcdfe;<br />font-size: 10px; }<br />.entrymeta a:hover { color: #000000;<br />font-size: 12px; }</p> <p>.commentheader {<br />font-family:  arial, helvetica, sans-serif;<br />font-size: 11px;<br />font-weight: bold;<br />background-color:#FFFFFF;<br />padding:5px;<br />color: #ffcdfe;<br />}</p> <p>.commenttext {<br />font-family: verdana, arial, sans-serif;<br />font-size: 11px;<br />font-weight: normal;<br />color: #000;<br />line-height: 130%;<br />}</p> <p>.commentmeta {<br />font-family: verdana, arial, sans-serif;<br />font-size: 10px;<br />font-weight: normal;<br />color: #999999;<br />margin: 10px 0px 20px 0px<br />}</p> <p>.commentmeta a { color: #ffcdfe; }<br />.commentmeta a:hover { color: #999999; }</p> <p>.commentform {<br />font-family: verdana, arial, sans-serif;<br />font-size: 11px;<br />font-weight: normal;<br />color: #333333;<br />margin: 0px 0px 20px 0px<br />}</p> <p>.separator {<br />border-top: 2px solid #CCCCCC;<br />border-bottom: 0px solid #CCCCCC;<br />margin: 14px 0px 14px 0px<br />}</p> <p>.default {<br />font-family: Arial, Helvetica, Sans-serif;<br />font-size: 11px;<br />color: #333;<br />font-weight: bold;<br />padding: 0px 0px 10px 0px;<br />text-transform: uppercase;<br />}</p> <p>.subside {<br />font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;<br />font-size: 11px;<br />font-weight: normal;<br />padding: 0px 0px 0px 0px;<br />}</p> <p><br />.xmlButton {<br />border:1px solid;<br />border-color:#FC9 #630 #330 #F96;<br />padding:0 3px;<br />font:bold 10px Verdana, Arial, Helvetica, Sans-serif;<br />color:#FFF;<br />background:#F60;<br />text-decoration:none;<br />margin:0;<br />}</p> <p>.image {<br />border: 2px solid #CCCCCC;<br />background-color:#FFFFFF;<br />padding:2px;<br />margin: 0px 6px 6px 0px;<br />}</p> <p>.thumbnail {<br />border: 2px solid #CCCCCC;<br />background-color:#FFFFFF;<br />padding:2px;<br />margin: 0px 6px 6px 0px;<br />}</p> <p>.video{<br />padding: 0px 0px 0px 0px;<br />}</p> <p>.fieldName{<br />font-family: verdana, arial, sans-serif;<br />font-size: 11px;<br />margin: 0px 0px 12px 0px<br />}</p> <p>select{<br />font-family: verdana, arial, sans-serif;<br />font-size: 11px;<br />}</p> <p>#calendar {<br />color: #333333;<br />font-family: 'Trebuchet MS', Verdana, sans-serif;<br />padding: 0px;<br />text-align: left;<br />background-color: #FFFFFF;<br />margin: 12px 0px 12px 0px;<br />padding: 10px;<br />}</p> <p>#calendar table {<br />padding: 1px;<br />/*border-collapse: collapse;*/<br />border: 0px;<br />}</p> <p>#calendar table caption {<br />color: #666666;<br />font-family : Arial, Helvetica, Sans-serif;<br />font-size : 0.7em;<br />border-bottom: 1px solid #999999;<br />text-align: left;<br />font-weight: bold;<br />text-transform: uppercase;<br />padding: 3px;<br />letter-spacing: .3em;<br />}</p> <p>#calendar table th {<br />text-align: center;<br />font-weight: bold;<br />font-size: xx-small;<br />}</p> <p>#calendar table tr td {<br />border: 1px solid #666666;<br />text-align: center;<br />font-size: xx-small;<br />}</p> <p>#calendar table tr ul  {<br />color: #666666;<br />list-style: dot;<br />margin: 0px 0px 0px 20px;<br />padding: 4 0 5 0;<br />font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;<br />font-size : 0.7em; <br />}</p> <p>#calendar table tr td.cssDayMouseOver {<br />border: 1px dotted red;<br />cursor: hand;<br />}</p> <p>#calendar table tr td.cssDayMouseOut {<br />border: 1px solid #666666;<br />}</p> <p>#calendar table tr td.cssEntryBox {<br />border: 1px solid gray;<br />padding: 6px;<br />text-align: left;<br />background: #FFFFFF;<br />font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;<br />font-size : 0.8em;<br />color: #666666;<br />}</p> <p>#calendar table tr td ul li {<br />color: #666666;<br />}</p> <p>#calendar table tr td div.cssDayEntryHeader {<br />font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;<br />font-size : 0.8em;<br />text-align: left;<br />font-weight: bold;<br />padding: 4;<br />}</p> <p>#calendar table tr td div.cssDayAvailable {<br />text-decoration: underline;<br />text-weight: bold;<br />}</p> <p>form {<br />padding: 10px;<br />background-color: #FFFFFF;<br />margin: 0px 0px 10px;<br />}</p> <p>#profile {<br />font-family:  Verdana, Helvetica, Sans-serif;<br />font-size: 11px;<br />font-weight: normal;<br />margin: 0px 0px 0px 0px;<br />padding-left: 16px;<br />}</p> <p>#profile h4{<br />font-family:  Arial, Helvetica, Sans-serif;<br />font-size: 14px;<br />font-weight: bold;<br />color: #666666;<br />text-transform: uppercase;<br />padding: 0px 0px 0px 0px;<br />margin: 0px 0px 6px 0px;<br />}</p> <p>#profile p{<br />}</p>
kodmallen:

<p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /> <title>${BlogTitle} - ${BlogDescription}</title><br /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><br /> <meta name="generator" content="${AppUrl}" /><br /> <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" /><br /> <link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" /><br />  <script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script><br />  <script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script><br /> </head></p> <p><body></p> <p><div id="wrapper"></p> <p> <div id="header"><br /> </div></p> <p> <div id="content"><br />  <tag:entrylist limit="15"><br />   <a name="a${EntryNum}"></a><br />   <h3>${EntryTitle}</h3><br />   <div>${EntryBody}</div><br />   <div><br />    ${EntryDate} @ ${EntryTime}<br />    <a href="${EntryPermaLink}">Permalink</a><br />    <a href="${EntryCategoryLink}">${EntryCategoryName}</a><br />    <a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a><br /> <a href="${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a><br /> <br /><br /><br /> <tag:taglist title="Nyckelord: "><br />  <a href="${TagURL}" rel="tag">${TagName}</a><br /> </tag:taglist><br />   </div><br />   <hr /><br />  </tag:entrylist><br /> </div></p> <p> <div id="side"></p> <p>  <div id="profile"><br /> <tag:profile><br />  <tag:if test="${ProfileExists == 'true'}"><br />   <h4>Om</h4><br />   <a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><img src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a><br />   <p><a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><span style="font-weight:bold"> ${ProfileName}</span></a></p><br />  </tag:if><br /> </tag:profile><br />  </div></p> <p>  <div><br /><img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-sk-i-bloggen_101854917.jpg"><br /> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"><br />  <input type="hidden" name="bl_id" value="${BlogID}" /><br />  <input type="text" name="criteria" value="" size="12" maxlength="64" /><br />  <input type="submit" value="Sök" /><br /></form><br /><img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-senaste-inlggen_101855143.jpg"><br />       <tag:recentlist limit="20"><br />     <li><a href="${EntryPermaLink}">${EntryTitle}</a></li><br />       </tag:recentlist><br />   </ul><br /><img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-kategorier_101855936.jpg"><br />     <tag:categorylist><br />        <li><a href="${CategoryLink}">${CategoryName}</a></li><br />       </tag:categorylist><br />   </ul><br /><img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-arkiv_101855449.jpg">  <ul><br />    <tag:archivelist><br />     <li><a href="${ArchiveLink}">${ArchiveName}</a></li><br />    </tag:archivelist><br />   </ul><br />   <tag:if test="${hasLinks == 'true'}"><br /><img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-lnkar_101855532.jpg"><br />   <ul><br />    <tag:linklist><br />     <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li><br />    </tag:linklist><br />   </ul><br /><img src="http://brabloggdesigner.blogg.se/testblogg/images/2010/sommar-design-av_101855628.jpg"><br /><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></p> <p>   <ul><br />   </tag:if><br />   <tag:if test="${hasBooks == 'true'}"><br />   <div>Böcker</div><br />   <ul><br />    <tag:booklist><br />     <li><a href="${BookUrl}"><img src="${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}">${BookTitle}</a></li><br />    </tag:booklist><br />   </ul><br />   </tag:if><br />   <tag:if test="${hasMusic == 'true'}"><br />   <div>Musik</div><br />   <ul><br />    <tag:musiclist><br />     <li><a href="${MusicUrl}"><img src="${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}">${MusicTitle}</a></li><br />    </tag:musiclist><br />   </ul><br />   </tag:if><br />   <tag:if test="${hasMovies == 'true'}"><br />   <div>Filmer</div><br />   <ul><br />    <tag:movielist><br />     <li><a href="${MovieUrl}"><img src="${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}">${MovieTitle}</a></li><br />    </tag:movielist><br />   </ul><br />   </tag:if><br />  </div><br />  <div><br />   <a href="index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a><br /></div><br /></div><br /></div></p> <p><img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /></p> <p></body><br /></html></p><textarea>

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>${EntryBody}</div> <div> ${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 /> </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 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> <div>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>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>Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/1494953/entries/article/new/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div>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>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>Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/1494953/entries/article/new/${BookUrl}"><img 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>Musik</div> <ul> <tag:musiclist> <li><a href="${MusicUrl}" mce_href="/1494953/entries/article/new/${MusicUrl}"><img 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>Filmer</div> <ul> <tag:movielist> <li><a href="${MovieUrl}" mce_href="/1494953/entries/article/new/${MovieUrl}"><img 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> <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>