panfusiik

jag har gort en design som vem som helst kan få! det var inte lätt, man kan byta header om man vill! det är typ vatten tema. så här ser headern ut: rätt snygg va?! så här ser bakrunden ut: det blir lite ojämt, men det är svårt att få rätt! och jag ska snart på photoshop! pappa ska bara hitta en svänsk värseion! ( vet inte hur det stavas ) men här är koden!



body {
background: #0000FF url(http://siikpanfu.blogg.se/images/2010/blogg-design-1_122491110.png);
margin:0;
padding:0px 0 14px;
text-align:center;
color:#333;
}

a {color: #CC00FF;}
a:hover {color: #000000;}

#wrapper {
clear:none;
margin: 30px auto;
padding: 150px 0px 20px;
width: 800px;
background-color: #FF9900;
background-image:  url(https://cdn2.cdnme.se/cdn/8-1/2160248/images/2010/kom-igen_122179699.png);
background-repeat: no-repeat;
background-position: left top;
}

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

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

#header {
padding-left: 30px;
padding-bottom:0px;
padding-top:0px;
margin: 0px 0px 20px;
width: 770px;
height: opx;
background-color: #FFFFFF;
}

#side {
float: left;
width: 150px;
margin: 0px 0px 0px 10px;
padding: 24px 18px 0px 12px;
left:-30px;
}

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

#header a {
color: #000000;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
font-weight: normal;
text-transform: none;
margin: 0px;
padding: 0px;
}

h1 {
font-family: arial, verdana, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000;
text-transform:uppercase;
margin: 0px;
padding: 0px;
height: 50px;
width: 760px;
}

h2 {
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #336600;
margin: 0px;
padding: 0px;
}

/** Entry headers **/
h3 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
padding:10px 10px 10px 20px;
color: #CC00FF;
margin: 0px;
text-transform: uppercase;
text-align: left;
}

.navheader {
font-family:  "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #336600;
padding:5px 5px 0px;
margin-bottom:0px;
text-transform: uppercase;
}

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

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

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

.nav a { color: #336600; }
.nav a:hover { color: #336600; }

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

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

.entrymeta a { color: #CC00FF; }
.entrymeta a:hover { color: #000000; }

.commentheader {
font-family:  arial, helvetica, sans-serif;
font-size: .70em;
font-weight: bold;
background-color:#CC00FF;
padding:5px;
color: #fff;
}

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

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

.commentmeta a { color: #CC00FF; }
.commentmeta a:hover { color: #000000; }

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

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

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

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: .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: 2px solid #CC00FF;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 2px solid #CC00FF;
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                                                                     *
*****************************************************************************/

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

#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;
margin: 0px 0px 10px;
}

#profile {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 0.7em;
font-weight: normal;
color: #000000;
margin: 0px;
margin-left: 16px;
}

#profile h4{
font-family:  "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #000000;
padding:5px 5px 0px;
margin-bottom:0px;
text-transform: uppercase;
}

#profile p{
}


ta bort hela mallen och sätt in den nya,


hoppas ni gillar den!  den är på den svåraste mallen med! egen mall! eller det finns lika svåra med:

Anchor+Author,   oj vad kjoch täxt jag fick! (vet ej hur det stavas)

nu är det borta! läskikt! men måste dra!