Bloggstyle.se - Gratismall - Sex and the city tema

Gratismall - Sex and the city tema

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*/

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

KOMMENTARER

Postat av: 已知 Mohammed☆ Al-debis™

nice. <3
men när ska du skriva om gilla hjärta knapp?.
<3

2010-12-14 / 09:35:11
URL: http://mohammedialdebis.blogg.se/

Postat av: 已知 Mohammed☆ Al-debis™

har en sak till att veta. hihi
Du vet hos tsukii.se så längst ner i HENNES meny så står det
en knapp där :

Visa Feedjit & knappar

(Såg också hos en annan tjejs blogg )

-Om du vet hur man gör, kan du kanske skriva det i din hemsida - bloggstyle.se

Tack<3 Hehe, älskar att veta saker som jag tycker om osv. Älskar sidan bloggstyle.se / hann ej göra reklam än. Ska göra det imorgon elr någon dag jag kan.

Jag har 2 prov idag som jag måste plugga till imorgon.
får se om jag hinner vara inne vid datorn...

2010-12-14 / 09:52:41
URL: http://mohammedialdebis.blogg.se/

Postat av: Alexandra - Uppsalas största blogg

superkul att du är med i dagens blogg snygging :D

2010-12-14 / 12:16:56
URL: http://vadfanskajagheta.se

Postat av: Alexandra - Uppsalas största blogg

superkul att du är med i dagens blogg snygging :D

2010-12-14 / 12:25:53
URL: http://vadfanskajagheta.se

Postat av: Melina

hejsan!:)
visst får man ändra header? :)

2010-12-17 / 15:40:24
URL: http://ponnysmurfen.blogg.se/

Postat av: Hanna

Hejhej.. jag tar den hära =D den var jätte fin. men går det bra om jag ändrar bakgrund?

2010-12-20 / 17:15:40

Postat av: Kicki

Lånade designen :) Jättefin!

2011-01-04 / 21:17:13
URL: http://kikzon.blogg.se/

Postat av: rosastrumpoor

Hej! Jag och min kompis har en blogg tillsammans och vi har lånat den här designen, dock har vi bytt headern & nu undrar jag om det går bra? :) Har gjort en länk till din blogg under "länkar" där vi har skrivit att designen kommer härifrån :)

Nu undrar jag om det går bra att vi ändrade header? :) Om det inte är okej så ber jag om ursäkt och då är det bara att säga till så byter vi design så fort som möjligt! :)

/www.rosastrumpoor.blogg.se

2011-01-21 / 20:20:37
URL: http://rosastrumpoor.blogg.se/

Postat av: sofia ohlsson

Hej hur gör man skugga bakom menyn och inläggen, sådär som det är på den här mallen? :) tack på förhand!

2011-05-22 / 14:40:50
URL: http://sofiaohhlsson.blogg.se/

Postat av: Victoria

Hej, jag har lånat din design, jag bara undrar om jag får byta bilderna i headern till egna..? Går det över huvudtaget?

Tacksam för svar!
Kram

2011-10-24 / 23:57:15
URL: http://doolii.blogg.se/

Postat av: Anonymt.

Hej! Det är så att jag vill låna denna design. Men jag vill byta header, och göra min egen.
Skulle det gå bra?

2011-12-22 / 14:32:37
URL: http://laatina.webblogg.se/

Postat av: Alice

jag lånar denna, jättefin :) är det ok om jag byter ut headern och bakgrunden? kram!

2012-05-20 / 20:09:08
URL: http://omgalice.blogg.se/