Bloggstyle.se - Gratismall

Gratismall

En mall för er som vill lägga in egen header, bakgrund och göra lite hur ni vill, så det är helt fritt hur ni gör med denna gratismallen.

Kopiera koden nedan och ta bort allt i din stilmall och klistra in denna:

body { background:#ffffff url('DIN LÄNK HÄR'); background-attachment:fixed; margin:0px; text-align:center; padding-left: 0px; padding-bottom: 14px; }  a {color: #999999;text-decoration:none;} a:hover {color: #e6d1d0; background: none; border-bottom:1px dotted #e6d1d0; text-decoration:none;}  #wrapper { margin:0px auto; width: 1020px; position:relative; padding: 0px; vertical-align: top; text-align: left; background-image: url(''); color:#ffffff; }  #wrapper:after { content: url('botten bild');  display: block;  height: 0;  clear: both;  }  p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }  #header { background: url('LÄNK HÄR') no-repeat center top; margin-left: -1px; padding: 0px 0px 0px 0px; height: 270px; border: 0px none; }	  #datum { background: ; color: #000; font-family: tahoma; font-size: 20px; padding-left: 18px; padding-bottom: 5px; padding-top: -22px; padding-right: 5px; margin: -29px 5px 0px 0px; font-weight: normal; text-align:right; letter-spacing: 0px; font-style: none; background: transparent; height:7px; }  #dropdown { background: url('http://jennielenita.blogg.se/myblogdesign/images/2010/menyasf_113125596.png') no-repeat; height: 30px; width: 600px; margin-left: 20px; }  #side { margin-right: 40px; padding: px; float: right; width: 200px; margin-top: -13px; background: #ffffff; border:5px solid; margin-top: 0px; -moz-box-shadow:0px 0px 15px #888; box-shadow: 0px 0px 15px #888; padding: 0px 0px 0px 0px; }  #content { -moz-box-shadow:0px 0px 15px #888; box-shadow: 0px 0px 15px #888; padding: 0px 0px 0px 0px; overflow: hidden; width:714px; float: left; background: url('')top; padding: 40px 5px 5px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; padding-left: 5px; margin-left: 28px; margin-top: 0px; background: #ffffff;  }  #header a { color: #e8e8e8; text-decoration: none;cursor: crosshair;}  h1 { font-family: Trajan Pro, Sylfaen, sans-serif; font-size: 56px; font-weight: normal; color: #cccccc; margin-top:10px; margin-bottom:0px; padding:170px; text-align: center; text-shadow: #666666 1px 2px 2px; }  h2 { font-family: Trajan Pro, Trajan Pro, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; margin-top:0px; margin-bottom:0px; margin-left: 0px; padding:0px; text-align: left; }  /** Entry headers **/ h3 { font-family: Georgia, verdana, sans-serif; font-size: 22px; font-weight: normal; color: #000; background:#eeeeee; padding: 5px 5px 5px 5px; margin: 0px 0px 0px; vertical-align: top; text-align:left; }  .navheader { font-family: tahoma, verdana, sans-serif; font-size: 13px; font-weight: normal; color: #000; text-align:left; padding: 0px; padding-left:10px; background:#eeeeee; text-transform: absolute; margin-left: 0px; }  .nav { font-family: tahoma, arial, sans-serif; font-size: 10px; font-weight: normal; text-align: left; }  .nav ul { padding: 0px 0px 0px; background: none; font-weight: normal; margin-left: 0px; }  .nav li { list-style: none; padding: 0px 0px 0px; background: none; font-weight: normal; margin: 0px; }  .nav a { color: #000;text-decoration:none; } .nav a:hover {color: #e6d1d0;text-decoration:none;padding-left:7px;  cursor: crosshair; }  /** Post's body text **/ .entrybody { background:none; font-family: tahoma, arial, sans-serif; font-size: 12px; font-weight: normal; color: #333; line-height: 140%; text-align:justify; padding:10px; margin: 5px 0px 0px 0px; border: 0px solid #ccc; }  /** 'Posted by' txt **/ .entrymeta { background:none; font-family: tahoma, arial, sans-serif; font-size: 10px; font-weight: normal; color: #000; padding:15px 5px 0px 0px; margin: 0px 0px 0px 0px; text-align:none; border: 0px solid #ccc; }  .entrymeta a { color: #000; text-decoration:none;font-style: italic;} .entrymeta a:hover {color: #e6d1d0;text-decoration:none; cursor: crosshair;}  .commentheader { font-family:  tahoma , arial, helvetica, sans-serif; font-size: 15px; font-weight: normal; background: #eeeeee; url('') center; text-align:left; border: 0px solid #ccc; color: #000; margin: 30px 30px 0px 30px; padding: 0px 0px 0px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }  .commenttext { font-family: tahoma , verdana, arial, sans-serif; font-size: .80em; background:#ffffff; font-weight: normal; color: #000000; padding: 0px 0px 10px 5px; line-height: 130%; margin: 0px 30px 0px 30px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .commentmeta { font-family: tahoma , arial, sans-serif; font-size: .55em; font-weight: normal; color: #000000; height:25px; background:#ffffff; padding: 0px 0px 0px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px 30px 0px 30px; }  #datum2 { background: ; color: #999; font-family: tahoma; font-size: 15px; padding-left: 100px; padding-bottom: 0px; padding-top: -0px; padding-right: 0px; margin: -20px 30px 0px 0px; font-weight: normal; text-align:right; letter-spacing: 0px; font-style: none; background: transparent; height:0px; }  .commentform { background:#f7f5f5; url('') center; font-family: tahoma , arial, sans-serif; font-size: 15px; font-weight: normal; color: #000; margin: 50px 100px 0px 100px; padding: 0px 0px 30px 60px; border: 1px solid #eeeeee; }  .separator { display: none; }  .default { display:none; }  .subside { font-family: "tahoma" 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 tahoma, Arial, Helvetica, Sans-serif; color:#FFF; background:#F60; text-decoration:none; margin:0; }  .image { border: 0px solid #cccccc; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; }  .thumbnail { border: 0px solid #889977; margin: 0px 6px 6px 0px; }  .video{ padding: 0px 0px 30px 30px; }  .fieldName{ font-family: tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px }  select{ font-family: tahoma, 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: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; background: #ffffff; margin: 10px 0px 10px; padding: 5px; }  #profile h4{ font-family: tahoma, verdana, sans-serif; font-size: 15px; font-weight: normal; color: #343434; background: #ffffff; padding: 5px; margin: 10px 0px 0px; }  #profile p{ padding: 0px 5px 5px; background: #ffffff; }  #profile p a{ color: #000000; } .knapp{ border: 1px solid #999;  font-size: 11px;  background:#ffffff url('');  color: #000;  font-weight: normal;  font-family: tahoma;  } .knappen{ border: 1px solid #999;  font-size: 11px;  background:#ffffff url('');  color: #000;  font-weight: normal;  font-family: tahoma;  } .knappe{ border: 1px solid #999;  font-size: 11px;  background:#ffffff url('');  color: #000;  font-weight: normal;  font-family: tahoma; } #profile p a:hover{ color: #000; } .knapp{ border: 1px solid #999; font-size: 11px; background:#ffffff url('')top; color: #000; font-weight: normal;  font-family: tahoma;  } .knappinapp{ border: 1px solid #000; font-size: 12px; background:#ffffff; color: #000; font-weight: normal;  font-family: tahoma;  }  img{ border: 0px; }   .flikar { height:1em;  /*Flytta åt vänster/höger/upp/ner */ margin-left: 60px; margin-right: 0px; margin-top: -35px; margin-bottom: -80px;  padding:0px; }  .flikar li { float:left; list-style: none;   }  .flikar li a {  display:block; margin:0 15px 0 0px; padding:2px 0px 0 10px; width: 98px; height: 16px; background-color: none; /*Ändra färgen på menyflikarna här*/   color: #000000; /*Ändra färgen på texten här*/ text-decoration: none; font-family: Tahoma; /*Ändra typsnittet här*/ font-size: 11px; /*Ändra storleken på texten här*/ text-align: left; }    .flikar li a:hover, .flikar li.selected a{  background: none; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */  /* opacitet for IE */ filter:alpha(opacity=0.6); /* opacity: 0.6; filter: alpha(opacity=0.6); */ /* opacitet CSS3 standard */ opacity: 0.6; /* opacitet for Mozilla */ opacity: 0.6; }  .flikar li ul { display: none;  background-color:none; width:135px; /* opacitet for IE */ filter:alpha(opacity=0.95); /* opacity: 0.95; filter: alpha(opacity=0.95); */ /* opacitet CSS3 standard */ opacity:0.95; /* opacitet for Mozilla */ -moz-opacity:0.95; }   .flikar li:hover ul, .flikar li.hover ul {  display:block ; position: absolute; margin: 0px; padding: 0px; z-index: 1; }  .flikar li:hover li, .flikar li.hover li { border-left: solid 1px #b3b2b3; float: none; background-color: #ffffff; }   .flikar li:hover li a, .flikar li.hover li a { border-right: solid 1px #b3b2b3; width: 125px; /* Ändra bredden på undermenyn här */ background-color: #b2f6f7; /*Ändra färgen på undermenyn*/  color: #333333; /*ändra textfärgen på undermenyn här*/  }   .flikar li li a:hover { background-color: ; } /*Ändra färgen när man håller musen över dropdownmenyn*/

Om det inte skulle funka, återställ kodmallarna helt, kom ihåg att spara viktiga saker innan!

Date: 2011-01-07 Clock: 03:34:06

KOMMENTARER

Postat av: kajsa

Denna blogg är så awesome! :D

2011-01-07 / 15:15:22
URL: http://kkajsajohansson.blogg.se/

Postat av: zainab

HEJ !

när man gör ett inlägg.
nästan alla bloggar har runda hörn .
jag bara undrar hur man gör det ?

tex seldemi.blogg.se
har den

hoppas du förtår
snälla svara mig

2011-01-07 / 21:35:13
URL: http://demilovelovato.blogg.se/

Postat av: linn

hej !
skulle bara fråga ifall du vet vad dessa bloggar har för kod för att göra deras inläggsruta inramad och sen fått skugga runt den ? :) tacksam för svar !

http://shiteden.nu
http://sarahtjulander.blogg.se/

2011-01-07 / 22:29:29
URL: http://llinnaandersson.blogg.se/

Postat av:

det enda som är synd är att allt kläms ihop ;/

2011-01-08 / 15:49:29
URL: http://kittyscloset.blogg.se/

Postat av: Linn

kan man fixa på något sätt så inte allt sitter ihop som en stor klump?

2011-01-11 / 22:12:33

Postat av: Emma V

Hej! När jag sätter in den så fungerar nästan allt. Allt sitter sätt. Problemet är att skuggan runt om syns inte på min blogg! Jag återställt allt och gjort om flera gånger, men det fungerar ändå inte :( Kan du hjälpa mig?

2011-04-22 / 20:23:35
URL: http://coches.blogg.se/

Postat av: julia

hej! skit fin design! :) men jag undrar bara hur man gör om man vill ha bort rubriken?
SVARA SNÄLLA! :)

2011-07-11 / 21:30:04
URL: http://jonulia.blogg.se/

Postat av: Bloggstyle.se - Blogghjälp

sv: Om du menar texten i headern som blir din egna blogg adress, tar man bort den på detta sättet, se detta inlägget:

http://bloggstyle.se/category/ta-bort-texten-i-headern.html

2011-07-11 / 21:32:24
URL: http://bloggstyle.se

Postat av: Max

Hejhej! Testade denna men vet inte hur man lägger in EGEN header. Uppskattar svar:)

2011-07-27 / 20:19:36
URL: http://braxaan.blogg.se/

Postat av: Alma

Hej! när jag ska byta bakrund så funkar det inte det blir bara vit

2011-08-19 / 12:42:34
URL: http://sweetalmizz.blogg.se/

Postat av: Elin

Jag lånar denna :)

2011-08-22 / 12:03:05
URL: http://klaraochjag.blogg.se/

Postat av: Felicias mode

Finns det någon speciell kodmall till denna mall? Den funkar inte alls. Skulle behöva en kodmall! :)

2011-12-22 / 23:48:34
URL: http://feliciahblogg.webblogg.se/

Postat av: Jjohanna

Hej!
Jag har en av dina gratis mallar på min blogg och jag har skrivit en text om mej själv på höger sida ovanför sök i bloggen applikationen men den texten har nu blivit vit så den syns inte.. hur ändrar jag färg på den texten? Tacksam för svar!

http://jjohannaostlund.blogg.se

2012-01-16 / 13:52:57
URL: http://jjohannaostlund.blogg.se/

Postat av: Malin

Hej! Jag har lånat en av dina gratis designer men hur lägger man in egen header? Tacksam för snabbt svar :D

2012-03-14 / 20:27:37
URL: http://minnaochmalin.blogg.se/