Bloggstyle.se -

Gratis bloggdesign

5 kommentarer /

Kommentera här!

En enkel och stilren design för er som har blogg.se/webblogg

Designen är centrerad

Bilderna i inlägget kan vara upp till 700px breda

Hoppas ni gillar designen, viktigt man inte tar bort loggan längst ner i menyn, tack! :)

LADDA NER

Det är gratis att bli medlem på sidan och att ladda ner

♥ Till toppen

Category: Gratismallar Date: 2013-01-14 Clock: 08:44:00

Gratis bloggdesign

1 kommentarer /

Kommentera här!

Stilren design för er som har blogg.se/webblogg

Designen är centrerad

Bilderna i inlägget kan vara upp till 700px breda

Hoppas ni gillar designen, viktigt man inte tar bort loggan längst ner i menyn, tack! :)

LADDA NER

Det är gratis att bli medlem på sidan och att ladda ner

♥ Till toppen

Category: Gratismallar Date: 2013-01-13 Clock: 20:23:26

Gratis bloggdesign

1 kommentarer /

Kommentera här!

Stilren design för er som har blogg.se/webblogg

Designen är centrerad

Bilderna i inlägget kan vara upp till 700px breda

Hoppas ni gillar designen, viktigt man inte tar bort loggan längst ner i menyn, tack! :)

LADDA NER

Det är gratis att bli medlem på sidan

♥ Till toppen

Category: Gratismallar Date: 2013-01-12 Clock: 16:32:00

Gratis bloggdesign

0 kommentarer /

Kommentera här!

Gratis design för er som har blogg.se/webblogg

Texten högst upp kommer ändras automatiskt till din egna blogg adress

Vill man inte ha sitt bloggnamn högst upp utan lägga upp en bild (header) kan man göra detta om man vill

Bilderna för inlägget är 700px bred

Var vänlig att inte ta bort våran logga i menyn

LADDA NER

Man måste vara medlem på sidan men detta är gratis!

♥ Till toppen

Category: Gratismallar Date: 2013-01-12 Clock: 14:04:00

Gratismall

16 kommentarer /

Kommentera här!

En gratismall med inramade inlägg i bubblor, man får ändra hur man vill, bakgrund, header och övrigt.

1. Kopiera koden nedan:

body { background:#ffffff url(http://styleblogg.blogg.se/bloggstylee/images/2011/background_128610022.jpg); background-attachment:fixed; margin:0px; text-align:center; padding-left: 0px; padding-bottom: 14px; } a {color: #999999;text-decoration:none;} a:hover {color: #cccccc; background: none; border-bottom:1px dotted #cccccc; text-decoration:none;} #wrapper { margin:0px auto; width: 1050px; 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:#ffffff url('') no-repeat center top; margin-left: 28px; margin-right: 40px; margin-top:50px; padding-top:10px; padding-bottom:0px; height: 125px; } #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; } #side { margin-right: 40px; padding: px; float: right; width: 230px; margin-top:-5px; background: #ffffff; border-top: 1px dotted #efedee; padding: 5px 5px 5px 15px; } #content { overflow: hidden; width:700px; float: left; background: url('')top; padding: 40px 5px 5px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; padding-left: 25px; margin-left: 28px; margin-top: -5px; background: #ffffff; border-top: 1px dotted #efedee; border-right: 2px solid #efedee; } #header a { color: #cccccc; text-decoration: none;cursor: crosshair;} h1 { font-family: Trajan Pro, Sylfaen, sans-serif; font-size: 56px; font-weight: normal; color: #cccccc; margin-bottom:0px; padding:0px; text-align: center; text-shadow: #cccccc 1px 4px 3px; } 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: arial; font-size: 19px; font-weight: bold; color: #555555; text-transform: none; background: #FFFFFF url(http://styleblogg.blogg.se/eeeeeeeee/images/2011/top_126938240.jpg) no-repeat; padding:24px 10px 0px 32px; margin-top: 0px; margin-bottom: 0px; margin-left: 20px; height: 37px; vertical-align: top; } .navheader { font-family: Georgia, verdana, sans-serif; font-size: 15px; font-weight: normal; color: #8a8a8a; text-align:left; padding: 0px; padding-left:0px; padding-right:5px; background:none; text-transform: absolute; margin-right: 10px; border-bottom:1px solid #cccccc; } .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: #cccccc;text-decoration:none;padding-left:7px; cursor: crosshair; } /** Post's body text **/ .entrybody { font-family: Century Gothic, sans serif; font-size: 13px; font-weight: normal; color: #333; line-height: 140%; text-align:justify; padding-top:20px; padding-left:35px; padding-right:165px; padding-bottom:20px; margin-left: 20px; background: #FFFFFF url(http://styleblogg.blogg.se/eeeeeeeee/images/2011/mid_126939360.jpg) repeat-y; } /** 'Posted by' txt **/ .entrymeta { font-family: arial; font-size: 10px; font-weight: normal; color: #666; background: #FFFFFF url(http://styleblogg.blogg.se/eeeeeeeee/images/2011/bott_126941046.jpg) no-repeat; padding-left:40px; padding-right:0px; padding-top:20px; padding-bottom:20px; text-align:left; margin-left: 20px; margin-right:25px; } .entrymeta a { color: #000; text-decoration:none;font-style: italic;} .entrymeta a:hover {color: #cccccc;text-decoration:none; cursor: crosshair;} .commentheader { font-family: tahoma , arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; background: #f46797; url('') center; text-align:left; border: 0px solid #ccc; color: #ffffff; 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: 14px; 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:12px; font-weight: normal; color: #000000; height:30px; 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:#f46797; url('') center; font-family: tahoma , arial, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; margin: 50px 100px 0px 100px; padding: 0px 0px 30px 60px; border: 1px solid #ffffff; } .default { display:none; } .separator { border-top: 0px solid #cccccc; border-bottom: 0px solid #cccccc; margin: 10px 10px 10px 10px } .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*/

2. Ta bort allt i stilmallen och klistra in koden.

3. Om det inte skulle se bra ut, återställa kodmallarna (alla sidor) spara viktigt material, som egna bilder.

Så ska det se bra ut sedan.

♥ Till toppen

Category: Gratismallar Date: 2011-01-22 Clock: 20:05:46

Rosa gratismall

10 kommentarer /

Kommentera här!

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

body { background:#ffffff url(http://styleblogg.blogg.se/bakgrunder/images/2010/bakgrund_49581998_90196049.jpg); background-attachment:fixed; margin:0px; text-align:center; padding-left: 0px; padding-bottom: 14px; }  a {color: #999999;text-decoration:none;} a:hover {color: #ed5b8c; background: none; border-bottom:1px dotted #ed5b8c; 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:#ffffff url('LÄNK HÄR') no-repeat center top; margin-left: 28px; margin-right: 40px; margin-top:30px; padding: 50px 10px 10px 10px; height: 18px; border: 0px none; -moz-box-shadow:0px 0px 15px #ffffff; box-shadow: 0px 0px 15px #ffffff; }	  #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; }    #side { margin-right: 40px; padding: px; float: right; width: 200px; margin-top:18px; background: #ffffff; border:5px solid; -moz-box-shadow:0px 0px 15px #ffffff; box-shadow: 0px 0px 15px #ffffff; padding: 0px 0px 0px 0px; }  #content { -moz-box-shadow:0px 0px 15px #ffffff; box-shadow: 0px 0px 15px #ffffff; 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: 18px; background: #ffffff;  }  #header a { color: #f46797; text-decoration: none;cursor: crosshair;}  h1 { font-family: Trajan Pro, Sylfaen, sans-serif; font-size: 56px; font-weight: normal; color: #f46797; margin-top:-228px; margin-bottom:0px; padding:180px; text-align: center; text-shadow: #cccccc 1px 4px 3px;  }  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: #f46797; background:#ffffff; padding-right:20px; margin: 0px 9px 0px; vertical-align: top; text-align:left; -moz-box-shadow:0px 0px 15px #cccccc; box-shadow: 0px 0px 15px #cccccc; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:1px; border:#cccccc; }  .navheader { font-family: tahoma, verdana, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff; text-align:left; padding: 0px; padding-left:10px; background:#ed5b8c; 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: #ed5b8c;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: #ed5b8c; 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: 11px; 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: #ed5b8c;text-decoration:none; cursor: crosshair;}  .commentheader { font-family:  tahoma , arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; background: #f46797; url('') center; text-align:left; border: 0px solid #ccc; color: #ffffff; 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: 14px; 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:12px; font-weight: normal; color: #000000; height:30px; 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:#f46797; url('') center; font-family: tahoma , arial, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; margin: 50px 100px 0px 100px; padding: 0px 0px 30px 60px; border: 1px solid #ffffff; }  .separator { border-top: 2px solid #e35786;  border-bottom: 0px solid #e35786;  margin: 10px 10px 10px 10px }  .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!

♥ Till toppen

Category: Gratismallar Date: 2011-01-09 Clock: 01:28:04

Gratismall

15 kommentarer /

Kommentera här!

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!

♥ Till toppen

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

Gratismall

27 kommentarer /

Kommentera här!

Ljus fin design i gråa toner, som jag har gjort själv som ni får låna.
Designen gäller ni som har blogg.se eller webblogg.se

Regler:
- Man får ej kopiera vidare designen i eget syfte, alltså skriva man gjort den.
- Man får inte ändra något på designen, fråga isåfall först.

Kopiera koden i rutan och klistra in i stilmallen och spara!

body { background:#ffffff url('http://styleblogg.blogg.se/gratismall/images/2010/123_121593880.jpg'); 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('http://styleblogg.blogg.se/gratismall/images/2010/header1_121593826.png') 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: 0px 0px 0px 0px; margin: 0px 0px 0px; vertical-align: top; text-align:center; } .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*/

OBS! Om det inte skulle se bra ut så återställ kodmallen på alla sidor.
Skuggan runt menyn och content syns inte alltid i Explorer, men Firefox..

♥ Till toppen

Category: Gratismallar Date: 2010-12-14 Clock: 19:48:46

Gratismall - Sex and the city tema

12 kommentarer /

Kommentera här!

Nu var det på tiden jag gjorde någon gratismall som alla kan låna och ha på sin blogg.
Denna gången blev det sex and the city tema, hela designen har jag gjort själv, hoppas ni gillar den.
Designen gäller ni som har blogg.se eller webblogg.se

Regler:
- Man får ej kopiera vidare designen i eget syfte, alltså skriva man gjort den.
- Man får inte ändra något på designen, fråga isåfall först.

Kopiera koden i rutan och klistra in i stilmallen och spara!

OBS! Om det inte skulle se bra ut så återställ kodmallen på alla sidor.

Designen ses bäst ut i Firefox.


body {
background:#B2C0D8 url('http://styleblogg.blogg.se/sexandthecity/images/2010/nanna_80066295_90200123_121593496.gif') ;
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('båtten bild'); 
display: block; 
height: 0; 
clear: both; 
}

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

#header {
background: url('http://styleblogg.blogg.se/sexandthecity/images/2010/bakgrund-header_121593666.png') no-repeat center top;
margin-left: -1px;
padding: 0px 0px 0px 0px;
height: 255px;
border: 0px none;
}	

#datum {
background: ;
color: #000;
font-family: tahoma;
font-size: 15px;
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: 50px;
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: 10px;
margin-left: 18px;
margin-top: 0px;
background: #ffffff;

}

#header a { color: #ffdfe1; 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:167px;
text-align: left;
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: 20px;
font-weight: normal;
color: #000;
background:#ffdfe1;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px;
vertical-align: top;
text-align:center;
border-bottom: 1px solid #000;
}

.navheader {
font-family: tahoma, verdana, sans-serif;
font-size: 13px;
font-weight: normal;
color: #000;
text-align:left;
padding: 0px;
padding-left:10px;
background:#ffdfe1;
text-transform: absolute;
margin-left: 0px;
border-bottom: 1px solid #000;
}

.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:url('http://jennielenita.blogg.se/myblogdesign/images/2010/aeryrth_112979076.png') 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: .70em;
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: .35em;
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: 3px;
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:url('http://styleblogg.blogg.se/sexandthecity/images/2010/nanna_80066295_90200123_121593496.gif') center;
font-family: tahoma , arial, sans-serif;
font-size: 10px;
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*/

♥ Till toppen

Category: Gratismallar Date: 2010-12-14 Clock: 06:14:43