Radioaktiv Design -

Gratis bloggdesign nr 2

Detta är en mörg design med färgstarka detaljer. Vill du se hur den ser ut mer detaljerat kan du klicka på bilden.

1. Gå till Design > Redigera stilmall.

2. Ersätt de koder som finns där med dessa:

body {
background: #000000 url(http://radioaktivdesign.blogg.se/gratisbloggdesigntva/images/2009/bakgrund2_59415754.jpg) no-repeat;
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}

a {color: #000000;text-decoration:underline;}
a:hover {color: #333;text-decoration:none;}

#wrapper {
text-align: left;
width: 820px;
margin: 50px auto;
padding: 30px;
vertical-align: top;
background-color: #FFFFFF;
border: 3px solid #000000;
}

#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://radioaktivdesign.blogg.se/gratisbloggdesigntva/images/2009/header-kopiera_59436266.jpg) no-repeat;
margin: 0px;
padding: 0px 0px 0px 30px;
height: 220px;
text-align: left;
width: 800px;
}	

#side {
margin-top: 00px;
padding: 10px 10px 10px;
background: #FFFFFF;
width: 170px;
margin-left: 620px;
}

#content {
overflow: hidden;
width: 550px;
float: left;
background: #FFFFFF;
padding: 0px 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
margin-top: 0px;
text-align: left;
vertical-align: top;
margin-right: 30px;
font-family: arial, "Times New Roman", Times, serif;
}

#header a {
color: #2c3c83;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: capitalize;
text-decoration: underline #000000 1px dotted;
}

h1 {
font-family: arial, verdana, sans-serif;
font-size: 36px;
font-weight: bold;
color: #333333;
margin-top: 0px;
margin-bottom:0px;
padding-top:30px;
width: 550px;
}

h2 {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #000000;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding-top:10px;
width: 550px;
}

/** Entry headers **/
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
background:#FFFFFF;
padding:14px 10px 10px 15px;
margin: 0px 0px 10px;
height: 22px;
vertical-align: top;
text-align: left;
color: #298615;
}

.navheader {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #b12121;
margin-bottom: 5px;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
}

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

.nav ul {
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
color: #000000;
}

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

.nav a {
color: #000000;
text-decoration:none;
font-family: arial, "Times New Roman", Times, serif;
font-size: 12px;
}
.nav a:hover { color: #b12121;text-decoration:none;font-weight: bold;}

/** Post's body text **/
.entrybody {
font-family: arial, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 140%;
text-align:justify;
padding:0px;
margin: 10px 0px 0px 0px;
}

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

.entrymeta a { color: #298615; text-decoration:none;}
.entrymeta a:hover { color: #298615;text-decoration:none; font-weight: bold;}

.commentheader {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 140%;
padding: 10px 3px 3px 18px;
border-top: 1px solid #FFF;
}

.commenttext {
font-family: arial, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
color: #333;
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;
}

.commentmeta a { color: #000000; text-decoration:underline;}
.commentmeta a:hover { color: #333;text-decoration:underline; }

.commentform {
font-family: arial, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
color: #000000;
margin: 0px 0px 20px 0px;
padding:0px;

}

.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;
border-bottom: 1px solid #000000;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #000000;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 0.7em;
border-bottom: 1px solid #000000;
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 #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;
}

#profile {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
margin-bottom: 10px;
}

#profile h4{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #b12121;
margin-bottom: 5px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}

#profile p{

}

3. Spara!

Sen går du in på din blogg och väljer Design > Redigera Stilmall och byter ut all kod som finns där mot den du just kopierad. Klart!

Vill du spara bakgrunden och headern finns de att hämta här:
Bakgrunden
Headern

Lycka till!

2009-11-02 @ 19:06:22 Permalink Gratis designer Kommentarer (3) Trackbacks ()

Gratis bloggdesign nr 1

OBS: Designen är gjord för de bloggar som heter t.ex minblogg.blogg.se eller minblogg.webblogg.se.

Detta är gratis bloggdesign nummer 1. Vill du se hela designen klicka här eller på bilden.
För att ta hem designen gör du såhär:

1. Gå till Design > Redigera stilmall.

2. Ersätt de koder som finns där med dessa:

body { 
background: #eb89ba url(http://radioaktivdesign.blogg.se/gratisbloggdesignett/images/2009/bakgrund2_57048787.gif);
}

a {color: #d06399;text-decoration:none;}
a:hover {color: #d06399;text-decoration:underline;}


#wrapper {
clear:none; 
margin: 0px; 
padding: 0px;
width: 830px;
background-color: #FFFFFF;
position: absolute;
left: 180px;
}

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

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

#header {
background: #eb89ba url(http://radioaktivdesign.blogg.se/gratisbloggdesignett/images/2009/header_57034314.gif) no-repeat;
padding-left: 30px;
padding-bottom:15px;
padding-top: px;
margin: 0px 0px 0px;
width: 800px;
height: 285px;
}

#side {
float: left;
width: 180px;
margin: 0px;
padding: 10px 18px 0px 12px;
left: 0px;
}

#content {
position:relative;
overflow: hidden;
width: 538px;
left:0px;
padding: 00px 20px 20px 20px;
voice-family:"\"}\"";
voice-family:inherit;
width:538px;
float: right;
margin: 0px 0px 0px 0px;
}

#header a {
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
}

h1 {
font-family: Century gothic, arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
margin: 0px;
padding-top: 120px;
padding-left: 30px;
height: 30px;
}

h2 {
font-family: Century Gothic, arial, verdana, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
margin: 0px;
padding: 10px 30px;
width: 350px;
}

/** Entry headers **/
h3 {
background: #FFFFFF;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
padding:10px 10px 10px 0px;
color: #d06399;
margin: 0px 0px 0px;
text-transform: none;
}

.navheader {
font-family:  Century Gothic, Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
padding:0px 5px 0px;
margin-bottom:0px;
background-color:#FFFFFF;
text-transform: none;
}

.nav {
font-family: 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: #d06399;text-decoration:none; }
.nav a:hover {color: #000000;text-decoration:none;}


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

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

.entrymeta a { color: #d06399; }
.entrymeta a:hover { color: #d06399; }

.commentheader {
font-family:  Century Gothic, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-color:#eb89ba ;
padding:5px;
color: #FFFFFF;
}

.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
line-height: 130%;
}

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

.commentmeta a { color: #d06399; }
.commentmeta a:hover { color: #d06399; }

.commentform {
font-family: 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: 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: 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 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{
}

3. Spara!

Vill du ha bakgrundsbilden eller headern går de att hämta här:
Header
Bakgrundsbilden

Kom ihåg att du inte får ändra på varesig headern eller bakgrundsbilden utan min tillåtelse. Du får inte heller ta bort texten "En gratis bloggdesign från www.radioaktivdesign.blogg.se".

Lycka till!

2009-10-14 @ 22:27:55 Permalink Gratis designer Kommentarer (6) Trackbacks ()

Radioaktiv Design

Bloggdesigner för alla!

Gratis bloggdesign nr 2

Gratis bloggdesign nr 1