Radioaktiv Design -

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 Gratis designer Permalink

Kommentarer

Postat av: ELLINORAK

okej, jaa åh:/ du vet inte hur man fixar det då? (a)

2009-11-01 @ 14:16:26
URL: http://ellinorak.blogg.se/

Postat av: Z A N D R A :)

sv: hehe, okej :)

Sjukt snygg design du har! :p

2009-11-02 @ 14:50:46
URL: http://decevven.blogg.se/

Postat av: ELLINORAK

såhär:p :

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{

width: 100%;

overflow: hidden;

border-bottom: 0px solid black; /bottom horizontal line that runs beneath tabs/

}

.mattblacktabs ul{

margin: 0;

padding: 0;

padding-left: 95px; /offset of tabs relative to browser left edge/

font: normal 12px Verdana;

list-style-type: none;

}

.mattblacktabs li{

display: inline;

margin: 0;

}

.mattblacktabs li a{

float: left; /Ändra till right om du vill ha flikarna till höger/

display: block;

text-decoration: none;

margin: 0;

padding: 5px 45px; /padding inside each tab/

border-right: 0px solid white; /right divider between tabs/

color: white;

background: #000000; /*background of tabs (default state)*/

}

.mattblacktabs li a:visited{

color: white;

}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{

background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

2009-11-02 @ 16:06:08
URL: http://ellinorak.blogg.se/

Postat av: ELLINORAK

har testat det,:/ vad tror du mer på då?^^ då blir den såhär:

http://ellinorak.blogg.se/test/

2009-11-02 @ 16:37:39
URL: http://ellinorak.blogg.se/

Postat av: ELLINORAK

de är ganska långt upp, vill du att jag kopierar ifrån kodmallen? det jag skickade innan va stilmallen:p

2009-11-02 @ 16:43:00
URL: http://ellinorak.blogg.se/

Postat av: ESHO -

har den på min blogg nu :)

2009-11-20 @ 22:17:23
URL: http://esho.blogg.se/

Trackback

Radioaktiv Design

Bloggdesigner för alla!

Gratis bloggdesign nr 1