Panfueppel -

Nyårs design

Kategori → Panda designer 20:02:04

2010-12-31 Kommentarer

Såhär ser designen ut. :)
(klicka för större!)

Designen funkar till blogg.se, övriga bloggar vet jag inget om ;o
Det finns ju ett par regler när man kopierar och använder designen;
• Man får inte ta bort den lilla bildlänken till min blogg
• Man får inte påstå att man gjort den själv
Men så länge dessa följs så är jag nöjd och glad! :)
När du kopierar designen får du självklart byta headern! Det är bara att byta, sålänge du får in en ny själv ;)
Koderna kommer här under, hoppas ni gillar designen!

För att kopiera koderna, gå in på inlägget! Alltå tryck på kommentera och markera & kopiera koderna.

Stilmalls kod:

body { background: #562b64; margin:0; padding:0px 0 14px; text-align:center; color:#000000; }  a {color: #8d47a4;text-decoration:none;} a:hover {color: #b55ad2;text-decoration:underline;}  #wrapper { text-align: left; width: 840px; position:relative; margin:0px auto; padding: 0px 10px 10px; vertical-align: top; }  p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }  #header { background: #824197 url(http://eppeltestar.blogg.se/images/2010/-header-_124567148.png) no-repeat left top; margin: 0px; padding: 37px 0px 0px 100px; height: 250px; text-align: left; border-top: 0px dashed #000000; border-right: 0px dashed #000000; border-bottom: 0px dashed #000000; border-left: 0px dashed #000000; margin-top: 30px; width: 510px; }	  #side { margin-right:0; padding: 24px 12px 0px; background: #ffffff; float: right; width: 180px; border-top: 0px dashed #000000; border-right: 0px dashed #000000; border-bottom: 0px dashed #000000; border-left: 0px dashed #000000; margin-top: 25px;  -webkit-border-top-left-radius:10px;     -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;  -khtml-border-radius-topleft:10px; -khtml-border-radius-topright:10px; -khtml-border-radius-bottomleft:10px; -khtml-border-radius-bottomright:10px;  -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; }  #content { overflow: hidden; width: 610px; float: left; background: 000000; padding: 0px 0px 20px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; border-top: 0px dashed #000000; border-right: 0px dashed #000000; border-bottom: 0px dashed #000000; border-left: 0px dashed #000000; margin: 0px; margin-top: 25px; }  #header a { color: #562b64; text-decoration: none; }  h1 { font-family: arial, verdana, sans-serif; font-size: 1.3em; font-weight: bold; color: #824197; margin-top:50px; margin-bottom:0px; padding:0px; }  h2 { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #000000; margin-top:10px; margin-bottom:0px; padding:0px; text-transform:uppercase; }  /** Entry headers **/ h3 { font-family: arial, verdana, sans-serif; font-size: 14px; font-weight: medium; color: #222; background: url(http://eppeltestar.blogg.se/images/2010/-rubrik-_124544246.png) no-repeat; padding:14px 10px 10px 75px; margin: 0px 0px 10px; height: 14px; vertical-align: top; }  .navheader { font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; }  .nav { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; }  .nav ul { padding: 0px 0px 6px; font-weight: normal; margin: 0px; }  .nav li { list-style: none; padding: 0px 0px 2px; font-weight: normal; margin: 0px; }  .nav a { color: #8d47a4;text-decoration:none;} .nav a:hover { color: #b55ad2;text-decoration:underline;}  /** Post's body text **/ .entrybody { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; line-height: 140%; text-align:justify; padding:20px; margin: 10px 0px 0px 0px; background: #ffffff url(http://eppeltestar.blogg.se/images/2010/-topp-_124540744.png) no-repeat; }  /** 'Posted by' txt **/ .entrymeta { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: normal; color: #000000; padding:20px; text-align:left; background: url(http://eppeltestar.blogg.se/images/2010/-botten-_124539664.png)no-repeat }  .entrymeta a { color: #8d47a4; text-decoration:none;} .entrymeta a:hover { color: #b55ad2;text-decoration:underline; }  .commentheader { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; color: #333; line-height: 140%; padding: 10px 3px 3px 18px; border-top: 1px solid #FFF; }  .commenttext { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; line-height: 140%; margin-right:20px; margin-left:10px; padding-left:10px; }  .commentmeta { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; text-align:left; padding: 10px 20px 20px 10px; }  .commentmeta a { color: #8d47a4; text-decoration:none;} .commentmeta a:hover { color: #b55ad2;text-decoration:underline; }  .commentform { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; margin: 0px 0px 20px 0px; padding:20px;  }  .separator { display: none; }  .default { display:none; }  .subside { font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; 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: 1px solid #5E6655; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; }  .thumbnail { border: 2px solid #889977; margin: 0px 6px 6px 0px; }  .video{ padding: 0px 0px 30px 30px; }  .fieldName{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px }  select{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; }  /***************************************************************************** * Calendar					                                                 * *****************************************************************************/  #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px 0px 6px 0px; text-align: left; }  #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; }  #calendar table caption { color: #000000; font-family : Arial, Helvetica, sans-serif; font-size : 13px; border-bottom: 3px solid #000000; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; }  #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; }  #calendar table tr td { border: 1px solid #F1F1F1; text-align: center; font-size: xx-small; }  #calendar table tr ul  { color: #BBB; 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 #F1F1F1; }  #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; }  #calendar table tr td ul li { }  #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 { margin: 0px 0px 6px; padding-left: 10px; } em { margin: 0px; padding: 0px; border: 0px none; text-align: left; letter-spacing: 0.1em; }  #profile { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; margin-bottom: 10px; }  #profile h4{ font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; }  #profile p{ }  #profile p a{ color: #FFF; }  #profile p a:hover{ color: #333; }

Markera och kopiera koden. Gå sedan in på din blogg, ta design och redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara stilmallen. :)

Kodmalls kod, Framsida;

<!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="/1531168/entries/article/new/${BlogUrl}style.css" type="text/css" />  <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1531168/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">   <div id="header">   <h1><a href=" " mce_href="/1531168/entries/article/new/"> </a></h1>   <h2>${BlogDescription}</h2>  </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="/1531168/entries/article/new/${EntryPermaLink}">Permalink</a>     <a href="${EntryCategoryLink}" mce_href="/1531168/entries/article/new/${EntryCategoryLink}">${EntryCategoryName}</a>     <a href="${EntryPermaLink}#comment" mce_href="/1531168/entries/article/new/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> 	<a href="${EntryPermaLink}#trackback" mce_href="/1531168/entries/article/new/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> 	<br /><br /> 	<tag:taglist title="Nyckelord: "> 		<a href="${TagURL}" mce_href="/1531168/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="/1531168/entries/article/new/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/1531168/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="/1531168/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="/1531168/entries/article/new/${EntryPermaLink}">${EntryTitle}</a></li>        </tag:recentlist>    </ul>    <div class="navheader">Kategorier</div>    <ul>      <tag:categorylist>         <li><a href="${CategoryLink}" mce_href="/1531168/entries/article/new/${CategoryLink}">${CategoryName}</a></li>        </tag:categorylist>    </ul>    <div class="navheader">Arkiv</div>    <ul>     <tag:archivelist>      <li><a href="${ArchiveLink}" mce_href="/1531168/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="/1531168/entries/article/new/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>     </tag:linklist>    </ul>    </tag:if> <br> <a href="../http://panfueppel.blogg.se" mce_href="../http://panfueppel.blogg.se"target="_blank"><img src="http://eppeltestar.blogg.se/images/2010/design-av-eppelskrutt_119138138.jpg" mce_src="http://eppeltestar.blogg.se/images/2010/design-av-eppelskrutt_119138138.jpg" border="0"></a> </center> <br><br>    <tag:if test="${hasBooks == 'true'}">    <div class="navheader">Böcker</div>    <ul>     <tag:booklist>      <li><a href="${BookUrl}" mce_href="/1531168/entries/article/new/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/1531168/entries/article/new/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/1531168/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="/1531168/entries/article/new/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/1531168/entries/article/new/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/1531168/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="/1531168/entries/article/new/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/1531168/entries/article/new/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/1531168/entries/article/new/${MovieUrl}">${MovieTitle}</a></li>     </tag:movielist>    </ul>    </tag:if>   </div>   <div class="subside">    <a href="index.rss" mce_href="/1531168/entries/article/new/index.rss" title="RSS"><img src="http://kias.blogg.se/minadesigner/images/2010/rss_icon2_75543391.png" mce_src="http://kias.blogg.se/minadesigner/images/2010/rss_icon2_75543391.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>

Markera och kopiera koden. Tryck sedan på kodmallar brevid redigera stilmall. Ta bort allt och klistra in den kopierade koden. Spara kodmallen. :)

När du gjort detta är designen på plats! :D
Njut av din nya design! Ha de gott igelkott!

Psst, kommentera gärna vad ni tycker om designen! :)

Kommentera

Kategori → Panda designer
20:02:04

2010-12-31 ❣ Inspireras, inte kopiera! ❣
Publicerat av: Eppelskrutt

Kommentarer

Postat av: Rebecca10

Ett ord: Mästerverk! :)

2010-12-31 @ 20:26:05
URL: http://rebeccatio.blogg.se/

Postat av: mollymo

Jättebra! Du borde göra sånt här mycket. O.o

2011-01-03 @ 18:22:46
URL: http://panfumollymo.blogg.se/

Postat av: Otard123

Det går ju inte att låna, du har ju typ en sak så man inte kan kopiera eller så..

2011-10-27 @ 21:34:18

Trackback