▼ M I K A E L A ▼ -

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

sara<3

gör mer designer

DATUM: 2010-06-11 | TID: 17:58:58
BLOGG/HEMSIDA: http://debastakompisarna.blogg.se/

Anonym

ja okej jag kanförsöka men det är ganska svårt. :D

DATUM: 2010-06-12 | TID: 17:37:27
BLOGG/HEMSIDA: http://brabloggdesigner.blogg.se/

Cornelia

hej

hej

hej

hej

hej

ville bara säga hej

DATUM: 2010-06-12 | TID: 17:38:46

Denise

palla härma mig :@

DATUM: 2010-06-17 | TID: 15:25:26
BLOGG/HEMSIDA: http://dennezlife.blogg.se/

Mikaela

vad?

jag skapade min blogg den 21 april 2010 det är du som härmar mig!

DATUM: 2010-06-17 | TID: 15:39:10

Celia

kommer det mer gratis designer?

DATUM: 2010-08-24 | TID: 10:48:12
BLOGG/HEMSIDA: http://celiadanielsson.blogg.se/

Mikaela

ja det gör det

DATUM: 2010-08-30 | TID: 18:40:04
BLOGG/HEMSIDA: http://brabloggdesigner.blogg.se/

best livejasmin

Great article.

DATUM: 2012-10-09 | TID: 06:06:33
BLOGG/HEMSIDA: http://themidnighthotie.blogspot.com

Trackback