En liten blogg -

Ändrat utseende på akrivet i menyn

Före och efter

Tyckte listan blev så lång så testade ändra den. Var lite jobbigt men det blev bra till sist!

2010-04-01 @ 18:54:28 Permalink Bloggdesign Kommentarer (0) Trackbacks ()

Ny header!

Nu har jag gjorten ny, ljusare header till bloggen. Den är lite slarvigt gjord på vissa delar men jag tycker den duger. De små figurerna gjorde jag i illustrator.

Vad tycker du?

2010-02-24 @ 15:40:43 Permalink Bloggdesign Kommentarer (3) Trackbacks ()

Utlottning av bloggdesign

Jag har en utlottning av bloggdesign på min blogg Radioaktiv Design. Klicka här för att komma till den!

2010-02-06 @ 18:49:44 Permalink Bloggdesign Kommentarer (3) Trackbacks ()

Radioaktiv Design - Bloggdesigner för alla

Tänkte bara påminna alla om min andra blogg: Radioaktiv Design
Vill köpa en bloggdesign så kika där och kontakta mig på [email protected]!

2010-01-18 @ 12:54:00 Permalink Bloggdesign Kommentarer (1) Trackbacks ()

Ny bloggdesign!

Jag har fixat en ny design till bloggen! En rödsvart med en rätt simpel header. Tror jag kommer byta ut den senare..

Vad tycks?

2010-01-13 @ 10:53:29 Permalink Bloggdesign Kommentarer (1) Trackbacks ()

Ny tillfällig header

Eftersom bloggen sett lite knas ut, p.g.a. att vissa bilder försvunnit, så har jag lagt in en ny tillfällig header jag gjorde i dag. Är hos pojkvännen och har originalheadern här så det får duga. Har också lagt upp en länk till min bloggdesignsida.

(Headern. Klicka för att se den i större format.)

2009-11-01 @ 17:02:28 Permalink Bloggdesign Kommentarer (1) Trackbacks ()

Trasig bloggdesign

Min bloggdesign är lite trasig. Fattas ett par bilder (t.ex. headern) så den ser lite knas ut. Men ska fixa det så fort jag får tid. Tillsvidare tycker jag att du kan kika in på Radioaktiv Design. Blink blink.

2009-10-28 @ 12:56:42 Permalink Bloggdesign Kommentarer (0) Trackbacks ()

Försäljningssidan öppen!

Jag har nämnt förut att jag håller på med ett projektarbete där jag ska börja sälja bloggdesigner. Nu är den sidan i princip klar! Besök och länka gärna!

Radioaktiv Design - Bloggdesigner för alla!

2009-10-15 @ 14:42:18 Permalink Bloggdesign Kommentarer (2) Trackbacks ()

Gratis bloggdesign

Ja, nu är den här. En helt gratis bloggdesign gjord av mig!
Den ser ut såhär:

(Klicka för att se den större)

Hur ska du göra för att lägga in den på din blogg då?

1. Spara den här bilden:

2: Ladda hem stilmallen och kodmallarna:

Stilmall:

body {
background: #7e8a93 url();
margin:0;
padding:0px;
text-align:center;
color:#000000;
}

a {color: #333333; text-decoration:underline;}
a:hover {color: #7e8a93;text-decoration:none;}

#wrapper {
text-align: left;
width: 830px; 
position:relative;
margin:0px auto;
padding: 0px 0px 0px; 
vertical-align: top;
background: transparent;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: #7e8a93 url(http://radioaktivanka.blogg.se/testbloggen/images/2009/bloggdesigngratisheader3_49945712.jpg) no-repeat left top;
margin-top: 0px;
padding: 0px 0px 0px 0px;
height: 336px;
text-align: left;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
}	

#side {
background: transparent;
float: right;
width: 210px;
border-left: 0px solid black;
border-right: 0px solid black; 
border-bottom: 0px solid black;
position: right;
}

#content {
overflow: hidden;
width: 608px;
float: left;
background: #FFFFFF;
padding: 0px 0px 0px;
voice-family:"\"}\"";
voice-family:inherit;
text-align: left;
vertical-align: top;
border-top: 0px none;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
margin-top: 0px;
}

.knapp{
border: 1px solid #000000;
font-size: 11px;  
background: #5e6a74 url();
color: #FFFFFF;
font-weight: bold;
font-family: verdana;
padding: 2px 2px 2px 2px;
}

.topp{
background: #5e6a74;
font-family: century gothic, arial, verdana;
font-size: 15px;
font-weight: bold;
color: #fff;
padding: 2px 0px 2px 10px;
height: 20px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
}
.mitten{
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #000000;
padding: 7px;
margin: 0px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
background: #FFFFFF;
}
.botten{
background: #5e6a74 url() no-repeat;
height: 4px;
margin: 0px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}


.datum {
padding-left: 20px;
padding-top: 7px;
color: #555555;
font-size: 10px;
font-family: verdana, arial;
}


.datum a { color: #333333; text-decoration:none;}
.datum a:hover { color: #333333; text-decoration:none; background-color: #ccd6dd;} 


#header a { color: #FFFFFF; text-decoration: none; }

h1 {
font-family: century gothic, arial, verdana, sans-serif;
font-size: 60px;
font-weight: normal;
color: #FFF;
margin-top: 0px;
margin-left:0px;
margin-bottom:0px;
padding-top: 80px;
padding-left: 80px;
}

h2 {
font-family: verdana, arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FFF;
padding-top:0px;
padding-bottom:0px;
padding-left: 70px;
padding-right: 320px;

}

/** Entry headers **/
h3 {
font-family: arial, verdana, sans-serif;
font-size: 16px;
font-weight: medium;
color: #ffffff;
padding: 7px 8px 10px 35px;
margin: 0px 0px 0px 0px;
height: 14px;
background: #5e6a74 ;
vertical-align: top;
}

.navheader {
font-family: arial, verdana, sans-serif;
font-size: 15px;
color: #000000;
margin-bottom: 0px;
font-weight: normal;
}

.nav {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

.nav ul {
padding: 0px 0px 0px;
font-weight: normal;
margin: 0px;
}

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

.nav a { color: #333333;text-decoration:none;}
.nav a:hover { color: #333333;text-decoration:none; background-color: #ccd6dd;}

/** Post's body text **/
.entrybody {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
line-height: 140%;
text-align:justify;
padding: 15px;
margin: 0px 0px 0px 0px;
}

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

.entrymeta a { color: #333333; text-decoration: none;}
.entrymeta a:hover { color: #7e8a93; text-decoration: none; }

.commentheader {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
line-height: 140%;
padding: 0px 15px 2px 15px;
border-top: 1px solid #FFF;
background: #FFFFFF url(http://radioaktivanka.blogg.se/testbloggen/images/2009/rubrikkommentar_49884433.jpg) no-repeat;
}

.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
line-height: 140%;
margin-right:20px;
margin-left:10px;
padding-left:10px;
padding-top: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: #333333; text-decoration:none;}
.commentmeta a:hover { color: #333333;text-decoration:none; background:#ffd3ea; }

.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;
}

Kodmall - Front page

<!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" type="text/css" />
 <link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />
  <script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
  <script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
 </head>
<!-- START Susnet BESÖKSREGISTRERINGSKOD -->
<script type="text/javascript" src="http://susnet.se/susnetstat.js">
</script>
<script type="text/javascript">
susnet_counter_id = 92793;
susnet_security_code = 'b53c8';
susnet_node=0;
register();
</script>
<!-- SLUT Susnet BESÖKSREGISTRERINGSKOD -->

<body>

<div id="wrapper">

 <div id="header">
  <h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
  <h2>${BlogDescription}</h2>

</div>
 <div id="content">


  <tag:entrylist limit="15">
   <a name="a${EntryNum}"></a>
   <h3>${EntryTitle}</h3> 
      <div class="datum"><B>Skrivet:</B> ${EntryDate} <B>Klockan:</B> ${EntryTime}</div>

   <div class="entrybody">${EntryBody}</div>
   <div class="entrymeta">
    <FONT size="2"><a href="${EntryPermaLink}#comment">Klicka här för att kommentera!</a></FONT></br> 
    <font face="verdana" size="1" color="#555555"><B>Publicerat i:</B> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> | <a href="${EntryPermaLink}">Länka inlägget</a> | 
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} st kommentarer</a> </FONT>
    	<br /><br />
	<tag:taglist title="Nyckelord: ">
		<a href="${TagURL}" rel="tag">${TagName}</a>
	</tag:taglist>
   </div>
   <hr class="separator" />
  </tag:entrylist>
 </div>

 <div id="side">

  <div id="profile">
	<tag:profile>
			</tag:profile>
  </div>

  <div class="nav">

	<div class="topp">
Välkommen!
</div>
<div class="mitten">Valfri text </br></br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
</div>
<div class="botten">
</div>
</br>

<div class="topp">
Sök i bloggen
</div>
<div class="mitten">
	<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" class="knapp"/>
	</form>
</div>
<div class="botten">
</div>
</br>

</br>

	<div class="topp">
Senaste inläggen
</div>
<div class="mitten">
<ul>
       <tag:recentlist limit="20">
     <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
       </tag:recentlist>
   </ul> 
</div>
<div class="botten">
</div>
</br>

	<div class="topp">Kategorier
</div>
<div class="mitten">

   <ul>
     <tag:categorylist>
        <li><a href="${CategoryLink}">${CategoryName}</a></li>
       </tag:categorylist>
   </ul>
 
</div>
<div class="botten">
</div>
</br>

	<div class="topp">Arkiv
</div>
<div class="mitten">
   <ul>
    <tag:archivelist>
     <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
    </tag:archivelist>
   </ul>   <ul>
    <tag:archivelist>
     <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
    </tag:archivelist>
   </ul>

</div>
<div class="botten">
</div>
</br>

	<div class="topp">Länkar
</div>
<div class="mitten">

<tag:if test="${hasLinks == 'true'}">

   <ul>
    <tag:linklist>
     <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
    </tag:linklist>
   </ul>
   </tag:if>

</div>
<div class="botten">
</div>
</br>

  
	<div class="topp">Design och layout
</div>
<div class="mitten">
Bloggdesignen är gjord av <a href="http://radioaktivanka.blogg.se" rel="nofollow" target="_blank">radioaktivanka.blogg.se</a> </br></br>

</div>
<div class="botten">
</div>
</br> 



   <tag:if test="${hasBooks == 'true'}">
   <div class="navheader">Böcker</div>
   <ul>
    <tag:booklist>
     <li><a href="${BookUrl}"><img class="thumbnail" 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 class="navheader">Musik</div>
   <ul>
    <tag:musiclist>
     <li><a href="${MusicUrl}"><img class="thumbnail" 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 class="navheader">Filmer</div>
   <ul>
    <tag:movielist>
     <li><a href="${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}">${MovieTitle}</a></li>
    </tag:movielist>
   </ul>
   </tag:if>
  </div>
  <div class="subside">
   <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>

<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />

</body>



</html>

Kodmall - Entry page
Eftersom hela denna kod inte funkar i en ruta så delar jag upp den

Första delen:

<!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} - ${PageTitle}</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" type="text/css" />
 <script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
 <script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
 <script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script>
</head>

<body>

<div id="wrapper">

 <div id="header">
  <h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
  <h2>${BlogDescription}</h2>
 </div>

 <div id="content">

  <tag:entry>
   <a name="a${EntryNum}"></a>
   <h3>${EntryTitle}</h3>
      <div class="datum"><B>Skrivet:</B> ${EntryDate} <B>Klockan:</B> ${EntryTime}</div>

<div class="entrybody">${EntryBody}</div>
   <div class="entrymeta">
<FONT size="2"><a href="${EntryPermaLink}#comment">Klicka här för att kommentera!</a></FONT></br> 
    <font face="verdana" size="1" color="#555555"><B>Publicerat i:</B> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> | <a href="${EntryPermaLink}">Länka inlägget</a> | 
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} st kommentarer</a> </FONT>
	 <br /><br />
	 <tag:taglist title="Nyckelord: ">
	  <a href="${TagURL}" rel="tag">${TagName}</a>
	 </tag:taglist>
   </div>
  </tag:entry>

  <!-- Display comments and form if this entry allows comments -->
  <tag:if test="${Comments == 1}">

   <hr class="separator" />

   <a name="comment"></a>

   <div class="default">Kommentarer</div> 

   <tag:commentlist>
    <div class="commentheader">
     Skrivet av: ${CommentAuthor}</div>
<div class="datum"><B>Skrivet:</B> ${CommentDate} <B>Klockan:</B> ${CommentTime} | <B>URL:</B> <a href="${CommentAuthorURL}">${CommentAuthorURL}</a></div><tag:if test="${CommentAuthorEmail != ''}">
       <br />E-postadress: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a>
     </tag:if>
<p class="commenttext">${CommentText}</p>
    <div class="commentmeta">
 
        </div>
   </tag:commentlist>
</br></br></br>

          

   <form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">
    <input type="hidden" name="commentid" value="${CommentID}" />
    <br />
    <strong>Kommentera inlägget här:</strong> <br /> <br />
    Namn: <br />
    <input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
    <input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Kom ihåg mig?<br />
    <br />
    E-postadress: (publiceras ej)<br />
    <input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
    <br />
    Bloggadress/hemsida: <br />
    <input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
    <br />
    Kommentar: <br />

Mitten delen:
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
Klistra in denna mellan de andra delarna!

Sista delen:
<br /> <input class="knapp" type="submit" name="submit" value="Skicka kommentar" /> </form> </tag:if> <a name="trackback"></a> <div class="default">Trackback</div> <tag:if test="${Trackbacks == 1}"> <div class="entrybody"> Trackback-URL för detta inlägg: <br /> ${TrackbackEntryURL} </div> </tag:if> <tag:trackbacklist> <div class="commentheader"> ${TrackbackTitle} </div> <p class="commenttext">${TrackbackExcerpt}...</p> <div class="commentmeta"> <a href="${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a> <br /> ${TrackbackDate} @ ${TrackbackTime} </div> </tag:trackbacklist> </div> <div id="side"> <div class="nav"> <div id="profile"> <tag:profile> </tag:profile> </div> <div class="topp">Startsidan </div> <div class="mitten"> <center><a href="index.html" title="Gå till startsidan">Klicka här för att komma till bloggens startsida</a></center> </div> <div class="botten"> </div> </br> <div class="topp"> Senaste inläggen </div> <div class="mitten"> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> </div> <div class="botten"> </div> </br> <div class="topp">Kategorier </div> <div class="mitten"> <ul> <tag:categorylist> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> </div> <div class="botten"> </div> </br> <div class="topp">Arkiv </div> <div class="mitten"> <ul> <tag:archivelist> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <ul> <tag:archivelist> <li><a href="${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> </div> <div class="botten"> </div> </br> <div class="topp">Länkar </div> <div class="mitten"> <tag:if test="${hasLinks == 'true'}"> <ul> <tag:linklist> <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> </div> <div class="botten"> </div> <div class="topp">Design och layout </div> <div class="mitten"> Bloggdesignen är gjord av <a href="http://radioaktivanka.blogg.se" rel="nofollow" target="_blank">radioaktivanka.blogg.se</a> </br></br> </div> <div class="botten"> </div> </br> <tag:if test="${hasBooks == 'true'}"> <div class="navheader">Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}"><img class="thumbnail" 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 class="navheader">Musik</div> <ul> <tag:musiclist> <li><a href="${MusicUrl}"><img class="thumbnail" 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 class="navheader">Filmer</div> <ul> <tag:movielist> <li><a href="${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <div class="subside"> <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> <img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /> </body> </html>

Kodmall - Category page och Archive page

<!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} - ${PageTitle}</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" type="text/css" />
 <link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS 2.0" />
 <script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
 <script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
</head>

<body>

<div id="wrapper">

 <div id="header">
  <h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
  <h2>${BlogDescription}</h2>
  </div>

 <div id="content">
  <tag:entrylist limit="300">
   <a name="a${EntryNum}"></a>
   <h3>${EntryTitle}</h3>
    <div class="datum"><B>Skrivet:</B> ${EntryDate} <B>Klockan:</B> ${EntryTime}</div>
   <div class="entrybody">${EntryBody}</div>
   <div class="entrymeta">
<FONT size="2"><a href="${EntryPermaLink}#comment">Klicka här för att kommentera!</a></FONT></br> 
    <font face="verdana" size="1" color="#555555"><B>Publicerat i:</B> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> | <a href="${EntryPermaLink}">Länka inlägget</a> | 
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} st kommentarer</a> </FONT>	<br /><br />
	<tag:taglist title="Nyckelord: ">
		<a href="${TagURL}" rel="tag">${TagName}</a>
	</tag:taglist>
   </div>
   <hr class="separator" />
  </tag:entrylist>
 </div>

 <div id="side">  <div class="nav">

  <div id="profile">
	<tag:profile>
			</tag:profile>
  </div>
<div class="topp">Startsidan
</div>
<div class="mitten">
<center><a href="index.html" title="Gå till startsidan">Klicka här för att komma till bloggens startsida</a></center>

</div>
<div class="botten">
</div>

</br>
 

	<div class="topp">
Senaste inläggen
</div>
<div class="mitten">
<ul>
       <tag:recentlist limit="20">
     <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
       </tag:recentlist>
   </ul> 
</div>
<div class="botten">
</div>
</br>

	<div class="topp">Kategorier
</div>
<div class="mitten">

   <ul>
     <tag:categorylist>
        <li><a href="${CategoryLink}">${CategoryName}</a></li>
       </tag:categorylist>
   </ul>
 
</div>
<div class="botten">
</div>
</br>

	<div class="topp">Arkiv
</div>
<div class="mitten">
   <ul>
    <tag:archivelist>
     <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
    </tag:archivelist>
   </ul>   <ul>
    <tag:archivelist>
     <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
    </tag:archivelist>
   </ul>

</div>
<div class="botten">
</div>
</br>

	<div class="topp">Länkar
</div>
<div class="mitten">

<tag:if test="${hasLinks == 'true'}">

   <ul>
    <tag:linklist>
     <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
    </tag:linklist>
   </ul>
   </tag:if>

</div>
<div class="botten">
</div>


  
	<div class="topp">Design och layout
</div>
<div class="mitten">
Bloggdesignen är gjord av <a href="http://radioaktivanka.blogg.se" rel="nofollow" target="_blank">radioaktivanka.blogg.se</a> </br></br>

</div>
<div class="botten">
</div>
</br> 

   
   <tag:if test="${hasBooks == 'true'}">
   <div class="navheader">Böcker</div>
   <ul>
    <tag:booklist>
     <li><a href="${BookUrl}"><img class="thumbnail" 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 class="navheader">Musik</div>
   <ul>
    <tag:musiclist>
     <li><a href="${MusicUrl}"><img class="thumbnail" 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 class="navheader">Filmer</div>
   <ul>
    <tag:movielist>
     <li><a href="${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}">${MovieTitle}</a></li>
    </tag:movielist>
   </ul>
   </tag:if>
  </div>
  <div class="subside">
   <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>

<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />

</body>


</html>

3. Lägg in stilmallen och kodmallen där de ska vara. Stillmallen ska såklart in under Design > Stilmall.

Kodmallarna finns på Design > Kodmall. Den första sidan du får upp är Front page så där klistrar du in koden du kopierade här ifrån. Sen bläddrar du dig vidare till Entry, Category och Archive och klistrar in de kodmallar som ska vara där. Glöm inte att spara innan du bläddrar vidare till näsa kodmall!

Uppe till höger bläddrar du mellan de olika kodmallarna:

4. Ladda upp header på din blogg.
Gå in på Skapa > Bild.
När du skapat bilden klickar du på den, så att du får upp en ny sida med endast bilden på, och kopierar URL-koden (http://www.nånting.se..o.s.v)

Den ska klistras in i stilmallen där det står såhär:

#header {
background: #7e8a93 url(Addressen till headern) no-repeat left top;
margin-top: 0px;
padding: 0px 0px 0px 0px;
height: 336px;
text-align: left;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
}

LYCKA TILL!

2009-09-02 @ 18:48:22 Permalink Bloggdesign Kommentarer (2) Trackbacks ()

Lite förändringar i bloggdesignen

Nu är ändringarna klara.

Före:

Efter:

Behöver dock ändras och fixas lite till, men det kommer så småningom!

2009-09-01 @ 14:09:06 Permalink Bloggdesign Kommentarer (1) Trackbacks ()

Ännu mer bloggdesignande

Håller förresten på med ännu en ny bloggdesign.. Kan inte låta bli. Det kommer inte bli så stor skillnad mot för den jag har. Rutorna kommer se lite annorlunda ut också kommer jag byta header men den kommer fortfarande vara grå och rosa!

2009-08-30 @ 19:39:40 Permalink Bloggdesign Kommentarer (4) Trackbacks ()

Jag tröttnar alldeles för fort på designerna

Trots att det inte var så längesen jag bytte bloggdesign vill jag göra om den igen. Det är inte så att jag inte blir nöjd med dem, för om jag inte vore det skulle jag inte lägga upp dem, men jag tröttnar så fort! Så.. ska jag göra en ny?

2009-08-26 @ 19:02:44 Permalink Bloggdesign Kommentarer (0) Trackbacks ()

Lite uppdateringar om utrustningar

Nu har jag fixat en till sak i menyn. Länkar till information om de utrustningar och program jag använder. Så om det nu är någon som undrar så står det där.

2009-08-22 @ 22:19:56 Permalink Bloggdesign Kommentarer (0) Trackbacks ()

En viss kod sökes!

Jag har sökt överallt men hittar den inte så nu skrickar jag ut ett rop på hjälp här på bloggen.
Det är så att jag söker en kod som gör att det blir en liten "ruta med scroll" i inlägget. Det ser ut såhär:

Är i akut behov av den eftersom jag fixat en gratis bloggdesign jag tänkt lägga upp, men blir så mycket svårare utan den koden.

2009-08-20 @ 16:59:46 Permalink Bloggdesign Kommentarer (0) Trackbacks ()

Bloggdesign

Jag gör alla designer i Photoshop Elements 4.0 och fått alla koder från Designa din blogg.

Gör inga designer gratis på beställning men kan komma någon gratis design som läggs ut här på bloggen.

För tillfället säljer jag inga designer på beställning heller p.g.a tidsbrist. Ibland kan det komma utlottningar, gratisdesigner och någon färdig design till salu. Håll utkik!

Designer jag gjort:

Gratis designer:

Design nr 1
En blå/grå stilren design med blommor.

Klicka på bilden för att se designen i ett större format.

Är det något du undrar över så fråga!

2009-08-19 @ 10:50:23 Permalink Bloggdesign Kommentarer (1) Trackbacks ()

Nu är den nya bloggdesignen klar!

Den nya bloggdesignen är inlagd på bloggen. Dock behöver din finslipas lite.

Den förra

Den nya

2009-08-19 @ 10:22:23 Permalink Bloggdesign Kommentarer (0) Trackbacks ()

Ännu en ny bloggdesign på G

Jag kan inte låta bli att göra nya designer. Trots att jag är välidigt nöjd med den jag har jobbar jag på en ny. Den är jag också otroligt nöjd med! Blir en hel del förändringar men tror verkligen att de kommer bli bra.

Kommer inte att visa hela designen förrän den är klar, men ni kan få tjuvkika lite.

Den blir grå och rosa men en ganska färgglad header.

2009-08-18 @ 21:46:13 Permalink Bloggdesign Kommentarer (0) Trackbacks ()

Exampel på vad man inte ska göra

Ett bra exampel på vad man inte får göra är vad DENNA person har gjort, alltså att kopiera någon annans header utan lov. Detsamma gäller bilder bakgrunder m.m.
Så: ajja bajja!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EDIT: Nu är den bort tagen :) Tack för det!

2009-07-30 @ 21:39:52 Permalink Bloggdesign Kommentarer (8) Trackbacks ()

Färgglad bloggdesign till salu

Gillar du färger? Jag gjorde en bloggdesign för ett bra tag sen men ville inte använda den själv så därför säljer jag den nu. Klicka på bilden för att komma till bloggen där desigen är just nu. Egen bild får du ordna själv. Ramen får du bestämma om du vill ha den i gult, blått eller rosa. Bloggnamnet ändrar jag till den text du vill med förustättningen att den ryms på raden.

Den kostar endast 30 kr vilket betalas via sms-betalning. Är du intresserad så skriv en kommentar på det här inlägget. Först till kvar gäller. MSN/mail är ett krav. När du sagt att du är intresserad fixar jag först designen som du vill ha den och lägger upp den på bloggen där den nuvarande designen ligger. Sen när du godkänt den skickar du två sms a'la 15 kr. Mer information om vad/var du ska skicka får du då. När jag sett att betlaningen skett som den ska skickar jag över headern och bakgrunden som bilder, och kodmallen och stilmallen som textdokument. Vet du inte hur du ska lägga in bakgrundsbilden och headern hjälper jag dig såklart.

2009-07-17 @ 14:03:37 Permalink Bloggdesign Kommentarer (4) Trackbacks ()

Nu har jag varit snäll

Igårkväll fixade jag en bloggdesign till Emma. Brukar inte göra bloggdesigner såfort någon ber om en men hade ändå inget speciellt för mig så..
Hon ville ha med texten, nån figur som håller ett hjärta i famnen och att den skulle vara ljust rosa.

Såhär blev den:

(Klicka på bilden för att komma till hennes blogg, Är inte säkert hon lagt in den nya designen)

2009-06-23 @ 11:24:07 Permalink Bloggdesign Kommentarer (1) Trackbacks ()

Tidigare inlägg

En liten blogg

En blogg om allt och inget!