Layout Girly Style สำหรับแต่ง blog, myspace, ...

[chaiyanun]

ดูตัวอย่าง : http://www.jellymuffin.com/layouts/preview.php?css=Cute/Girlie_Flowers

โค้ด :
  <style type="text/css">


table, tr, td {
   background-color:transparent; border:none; border-width:0;
   }
body {
   background-color:F6F9EE;
   background-image:url("bg.jpg");
   background-attachment: fixed;
   background-position:bottom left;
   background-repeat:no-repeat;
   border-color:000000;
   border-width:3px;
   border-style: none;     
    }
body table {margin-top:50px;}
body td table, body div table {margin-top: 0;}
input {background-color:F6F9EE !important}
br {line-height: 20px;}
table table {
   border: 0px
   }
table table table table {
   border:0px
   }
table table table {
width:100%;
   border-style:solid;
   border-width:3px;
   border-color:000000;
   background-color:F6F9EE;
            }
table table table td {
   background-color:F6F9EE;
   filter:alpha(opacity=95); ..-opacity:95; opacity:100; -khtml-opacity:100; }
table table table table td {
   filter:none;
   }
table, tr, td, li, p, div {
   font-family:arial;
   color:000000;
   font-size:10px;
   text-transform: capitalize; 
   font-weight:normal;     
   }
   .nametext {
   font-family:arial;
   color:6D9524;
   font-size:10px;
   text-transform:;   
   }
img {border: none}
.btext {
   font-family:arial;
   color:6D9524;
   font-size:10px; 
   text-transform:capitalize;
   font-weight:normal;   
   }
.blacktext10 {
   font-family:arial;
   color:6D9524;
   font-size:10px;
   text-transform:capitalize;
   font-weight:normal;   
   }
.blacktext12 {
   font-family:arial;
   color:6D9524;
   font-size:10px;
   text-transform:capitalize;
   font-weight:normal;   
   }
.lightbluetext8 {
   font-family:arial;
   color:6D9524;
   font-size:10px; 
   text-transform:capitalize;
   font-weight:normal;
   }
.orangetext15 {
   font-family:arial;
   color:6D9524;
   font-size:10px;
   text-transform:capitalize;
   font-weight:normal;
   }
.redtext {
   font-family:arial;
   color:6D9524;
   font-size:10px;
   text-transform:capitalize;
   font-weight:normal;
   }
.redbtext {
   font-family:arial;
   color:6D9524;
   font-size:10px;
   text-transform:capitalize;
   font-weight:normal; 
   }
.text {
   font-family:arial;
   color:6D9524;
   font-size:10px;
   font-weight:normal;
   text-transform:capitalize;
   font-weight:bold; 
   }
.whitetext12 {
   font-family:arial;
   color:6D9524;
   font-size:10px;
   font-weight:normal; 
   text-transform:capitalize;
   font-weight:bold;
   }
a:active, a:visited, a:link {
   font-family:arial;
   color:6D9524;
   font-size:10px;   
   text-transform:; 
   }
a:hover {
   font-family:arial;
   color:6D9524;
   font-size:10px;
   font-weight:underline;
   text-transform: none;   
   }
a.navbar:active, a.navbar:visited, a.navbar:link {
   font-family:arial;
   color:6D9524;
   font-size:11px;
   font-weight:bold; 
   text-transform: none;   
   }
a.navbar:hover {
   font-family:arial;
   color:6D9524;
   font-size:11px;     
   }
a.redlink:active, a.redlink:visited, a.redlink:link {
   font-family:arial;
   color:6D9524;
   font-size:10px;
    text-transform: none;   
    }
a.redlink:hover {
   font-family:arial;
   color:6D9524;
   font-size:12px;
   font-weight:normal;
   text-transform: none; 
   }


.contactTable {
   width:300px !important;
   height:150px !important;
   padding:0px !important;
   background-image:url("contact.jpg");
   background-attachment:scroll;
   background-position:center center;
   background-repeat:no-repeat;
   background-color:transparent;
   }
.contactTable table, table.contactTable td {
   padding:0px !important;
   border:0px;
   background-color:transparent;
   background-image:none;
   }.contactTable a img

{visibility:hidden; border:0px !important;}.contactTable .text {font-size:1px !important;}.contactTable

.text, .contactTable a, .contactTable img {filter:none !important;}.contactTable .whitetext12

{display:none;}


        table table table td {vertical-align:top ! important;}
        span.blacktext12 {
        visibility:visible !important;
        background-color:transparent;
       

background-image:url("network.jpg");
        background-repeat:no-repeat;
        background-position:center center;
        font-size:0px; letter-spac50g:-0.5px;
        width:435px; height:190px; display:block !important; }
        span.blacktext12 img {display:none;}

        </style><a href="http://www.JellyMuffin.com" target="_blank"><img src="http://www.JellyMuffin.com/adsource/cornertagright.gif" alt="Myspace Layouts & Comments" style="position:absolute; right:0px; top: 0px;" border="0"></a><a href="http://www.JellyMuffin.com/layouts">Myspace Layouts</a> @ JellyMuffin.com
<style type='text/css'>

body{ background-image: url("http://www.jellymuffin.com/layouts/Cute/Girlie_Flowers/bg.jpg")};
.contactTable{width:300px !important;height:150px !important;padding:0px !important;background-image:url("http://www.jellymuffin.com/layouts/Cute/Girlie_Flowers/contact.jpg");background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important;border:0px;background-color:transparent;background-image:none;} .contactTable a img {visibility:hidden;border:0px !important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
table table table td {vertical-align:top;}span.blacktext12 {visibility:visible;background-color:transparent;background-image:url("http://www.jellymuffin.com/layouts/Cute/Girlie_Flowers/network.jpg");background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;display:block; }
</style>

[chaiyanun]

ดูตัวอย่าง : http://www.jellymuffin.com/layouts/preview.php?css=Cute/Funky_Leaves

โค้ด :
 <style type="text/css">
body {
   background-color: ffffff;
   background-position: bottom left;
   background-repeat: no-repeat;
   background-attachment: fixed;
   }
table, tr, td {
   background-color: transparent;
   border: 2px;
   }
table table {
   border: 2px;
   }
table table table table{
   border: 2px;
   }
table table table {
width:100%;
   border-width: 2px;
   border-color: 000000;
   border-style: solid;
   background-color: transparent;
   }
table table table td {
   background-color: FFFFFF;
   filter:alpha(90);
   -moz-opacity:0.;
   opacity: 0.90;
   -khtml-opacity:0.;
   }
table table table table td {
   filter:none;}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
   font-family: microsoft sans serif;
   font-size: 11px;
   color: 131112;
   font-weight: none;
   font-style: normal;
   text-decoration: none;
   }
.nametext {
   padding: 5px;
   font-family: microsoft sans serif;
   font-size: 11px;
   color: 131112;
   font-weight: none;
   font-style: normal;
   text-decoration: none;
   display: block;
   }
.whitetext12, .orangetext15 {
   font-family: microsoft sans serif;
   font-size: 11px;
   color: 131112;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   }
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
   color: 131112;
   font-weight: none;
   font-style: normal;
   text-decoration: none;
   }
a.navbar:hover, a.man:hover, a:hover {
   color: 131112;
   font-weight: none;
   font-style: normal;
   text-decoration: underline;
   }
.badge {
   position: absolute;
   left: 1px;
   top: 1px;
   }
</style><a href="http://www.JellyMuffin.com" target="_blank"><img src="http://www.JellyMuffin.com/adsource/cornertagright.gif" alt="Myspace Layouts & Comments" style="position:absolute; right:0px; top: 0px;" border="0"></a><a href="http://www.JellyMuffin.com/layouts">Myspace Layouts</a> @ JellyMuffin.com
<style type='text/css'>

body{ background-image: url("http://www.jellymuffin.com/layouts/Cute/Funky_Leaves/bg.jpg")};


</style>

[chaiyanun]

ดูตัวอย่าง : http://www.jellymuffin.com/layouts/preview.php?css=Cute/Natural_Flowers

โค้ด :
 <STYLE type='text/css'>

table, tr, td {border-style:none; background-color:transparent;}

table table, table table tr, table table td {background-color:transparent;} body {background-color:rgb(144,95,62); background-repeat:no-repeat; background-attachment:fixed; background-position:left bottom;}

table table table {width:100%; border:1px solid; border-color:rgb(133,84,51); padding:1px;}

table table table td {background-color:transparent;}

table table table table, div table table table, A IMG {border-style:none; border-width:1px;}

body table, body td, body li, body p, body div, body table table table td, .text, .blacktext10 {font-family:arial; font-weight:normal; text-decoration:none; font-style:normal; color:rgb(0,0,0); font-size:11px;} a, a:link, a:active, a:visited, a.text:link, a.text:active, a.text:visited, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.redlink:link, a.redlink:active, a.redlink:visited {font-family:verdana; font-weight:bold; text-decoration:underline; font-style:normal; color:rgb(132,83,51); font-size:11px;} a:hover, a.text:hover, a.searchlinksmall:hover, a.redlink:hover {font-family:verdana; font-weight:bold; text-decoration:underline; font-style:normal; color:rgb(0,0,0); font-size:11px;} .nametext {font-family:arial; font-weight:bold; text-decoration:none; font-style:normal; color:rgb(10,10,10); font-size:15px;} .btext, a.redlink:link, a.redlink:active, a.redlink:visited {color:rgb(0,0,0);} .lightbluetext8 {font-family:arial; font-weight:bold; text-decoration:none; font-style:normal; color:rgb(0,0,0);} .orangetext15, .whitetext12 {font-family:arial; font-weight:bold; text-decoration:none; font-style:normal; color:rgb(0,0,0); font-size:13px;} .navbar, .navbar:link, .navbar:visited, .navbar:active {font-family:verdana!important; font-weight:normal!important; text-decoration:none!important; font-style:normal!important; color:rgb(0,0,0)!important; font-size:11px!important;} .navbar:hover {font-family:verdana!important; font-weight:normal!important; text-decoration:none!important; font-style:normal!important; color:rgb(0,0,0)!important; font-size:11px!important;} .contacttable { width:300px!important; height:150px!important; padding:0px!important;} .contacttable table, table.contacttable td {padding:0px !important; border:0px none; background-color:transparent; background-image:url('none');} .contacttable a img {visibility:hidden; border:0px!important;} .contacttable a {display:block; height:28px; width:115px;} .contacttable .text {font-size:1px!important;} .contacttable .text, .contacttable a, .contacttable img {filter:none!important;} body table td.text span.blacktext12 {display:block; font-size:1px; letter-spacing:-0.5pt; margin-top:-5px; font-weight:normal; width:435px; height:75px;  background-position:top left; width:435px; height:151px;} body {border:3px solid rgb(132,83,51); scrollbar-arrow-color:rgb(153,105,67); scrollbar-track-color:rgb(153,105,67); scrollbar-highlight-color:rgb(182,140,100); scrollbar-shadow-color:rgb(182,140,100); scrollbar-face-color:rgb(182,140,100); scrollbar-dark-shadow-color:rgb(182,140,100); scrollbar-3dlight-color:rgb(182,140,100);} </STYLE>
<a href="http://www.JellyMuffin.com" target="_blank"><img src="http://www.JellyMuffin.com/adsource/cornertagright.gif" alt="Myspace Layouts & Comments" style="position:absolute; right:0px; top: 0px;" border="0"></a><a href="http://www.JellyMuffin.com/layouts">Myspace Layouts</a> @ JellyMuffin.com
<style type='text/css'>

body{ background-image: url("http://www.jellymuffin.com/layouts/Cute/Natural_Flowers/bg.jpg")};
.contactTable{width:300px !important;height:150px !important;padding:0px !important;background-image:url("http://www.jellymuffin.com/layouts/Cute/Natural_Flowers/contact.jpg");background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important;border:0px;background-color:transparent;background-image:none;} .contactTable a img {visibility:hidden;border:0px !important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
table table table td {vertical-align:top;}span.blacktext12 {visibility:visible;background-color:transparent;background-image:url("http://www.jellymuffin.com/layouts/Cute/Natural_Flowers/network.jpg");background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;display:block; }
</style>

[chaiyanun]

ดูตัวอย่าง : http://www.jellymuffin.com/layouts/preview.php?css=Cute/Flower_Power

โค้ด :
 <style type="text/css">
body {
   background-color: rgb(255, 237, 163);
   background-position: bottom left;
   background-repeat: no-repeat;
   background-attachment: fixed;
   }
table, tr, td {
   background-color: transparent;
   border: 4px;
   }
table table {
   border: 4px;
   }
table table table table{
   border: 4px;
   }
table table table {
   border-width: 4px;
   border-color: rgb(0, 0, 0);
   border-style: solid;
   background-color: transparent;
   }
table table table td {
   background-color: #FFFFFF;
   filter:alpha(80);
   -moz-opacity:0.;
   opacity: 0.80;
   -khtml-opacity:0.;
   }
table table table table td {
   filter:none;}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
   font-family: microsoft sans serif;
   font-size: 11px;
   color: #131112;
   font-weight: none;
   font-style: normal;
   text-decoration: none;
   }
.nametext {
   padding: 5px;
   font-family: microsoft sans serif;
   font-size: 11px;
   color: #131112;
   font-weight: none;
   font-style: normal;
   text-decoration: none;
   display: block;
   }
.whitetext12, .orangetext15 {
   font-family: microsoft sans serif;
   font-size: 11px;
   color: #131112;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   }
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
   color: #131112;
   font-weight: none;
   font-style: normal;
   text-decoration: none;
   }
a.navbar:hover, a.man:hover, a:hover {
   color: #131112;
   font-weight: none;
   font-style: normal;
   text-decoration: underline;
   }
.badge {
   position: absolute;
   left: 1px;
   top: 1px;
   }
</style><a href="http://www.JellyMuffin.com" target="_blank"><img src="http://www.JellyMuffin.com/adsource/cornertagright.gif" alt="Myspace Layouts & Comments" style="position:absolute; right:0px; top: 0px;" border="0"></a><a href="http://www.JellyMuffin.com/layouts">Myspace Layouts</a> @ JellyMuffin.com
<style type='text/css'>

body{ background-image: url("http://www.jellymuffin.com/layouts/Cute/Flower_Power/bg.jpg")};


</style>

[chaiyanun]

ดูตัวอย่าง : http://www.jellymuffin.com/layouts/preview.php?css=Cute/Two_Hearts

โค้ด :
  <style type="text/css">


table, tr, td {
   background-color:transparent; border:none; border-width:0;
   }
body {
   background-color:000002;
   background-image:url("bg.jpg");
   background-attachment: fixed;
   background-position:top left;
   background-repeat:no-repeat;
   border-color:C8352B;
   border-width:3px;
   border-style: none;     
    }
body table {margin-top:50px;}
body td table, body div table {margin-top: 0;}
input {background-color:FFFFFF !important}
br {line-height: 20px;}
table table {
   border: 0px
   }
table table table table {
   border:0px
   }
table table table {
   border-style:solid;
   border-width:3px;
   border-color:C8352B;
   background-color:000002;
            }
table table table td {
   background-color:000002;
   filter:alpha(opacity=95); ..-opacity:95; opacity:100; -khtml-opacity:100; }
table table table table td {
   filter:none;
   }
table, tr, td, li, p, div {
   font-family:arial;
   color:FFFFFF;
   font-size:10px;
   text-transform: capitalize; 
   font-weight:normal;     
   }
   .nametext {
   font-family:arial;
   color:C8352B;
   font-size:10px;
   text-transform:;   
   }
img {border: none}
.btext {
   font-family:arial;
   color:C8352B;
   font-size:10px; 
   text-transform:capitalize;
   font-weight:normal;   
   }
.blacktext10 {
   font-family:arial;
   color:C8352B;
   font-size:10px;
   text-transform:capitalize;
   font-weight:normal;   
   }
.blacktext12 {
   font-family:arial;
   color:C8352B;
   font-size:10px;
   text-transform:capitalize;
   font-weight:normal;   
   }
.lightbluetext8 {
   font-family:arial;
   color:C8352B;
   font-size:10px; 
   text-transform:capitalize;
   font-weight:normal;
   }
.orangetext15 {
   font-family:arial;
   color:C8352B;
   font-size:10px;
   text-transform:capitalize;
   font-weight:normal;
   }
.redtext {
   font-family:arial;
   color:C8352B;
   font-size:10px;
   text-transform:capitalize;
   font-weight:normal;
   }
.redbtext {
   font-family:arial;
   color:C8352B;
   font-size:10px;
   text-transform:capitalize;
   font-weight:normal; 
   }
.text {
   font-family:arial;
   color:C8352B;
   font-size:10px;
   font-weight:normal;
   text-transform:capitalize;
   font-weight:bold; 
   }
.whitetext12 {
   font-family:arial;
   color:C8352B;
   font-size:10px;
   font-weight:normal; 
   text-transform:capitalize;
   font-weight:bold;
   }
a:active, a:visited, a:link {
   font-family:arial;
   color:C8352B;
   font-size:10px;   
   text-transform:; 
   }
a:hover {
   font-family:arial;
   color:C8352B;
   font-size:10px;
   font-weight:underline;
   text-transform: none;   
   }
a.navbar:active, a.navbar:visited, a.navbar:link {
   font-family:arial;
   color:C8352B;
   font-size:11px;
   font-weight:bold; 
   text-transform: none;   
   }
a.navbar:hover {
   font-family:arial;
   color:C8352B;
   font-size:11px;     
   }
a.redlink:active, a.redlink:visited, a.redlink:link {
   font-family:arial;
   color:C8352B;
   font-size:10px;
    text-transform: none;   
    }
a.redlink:hover {
   font-family:arial;
   color:C8352B;
   font-size:12px;
   font-weight:normal;
   text-transform: none; 
   }


.contactTable {
   width:300px !important;
   height:150px !important;
   padding:0px !important;
   background-image:url("contact.jpg");
   background-attachment:scroll;
   background-position:center center;
   background-repeat:no-repeat;
   background-color:transparent;
   }
.contactTable table, table.contactTable td {
   padding:0px !important;
   border:0px;
   background-color:transparent;
   background-image:none;
   }.contactTable a img

{visibility:hidden; border:0px !important;}.contactTable .text {font-size:1px !important;}.contactTable

.text, .contactTable a, .contactTable img {filter:none !important;}.contactTable .whitetext12

{display:none;}


        table table table td {vertical-align:top ! important;}
        span.blacktext12 {
        visibility:visible !important;
        background-color:transparent;
       

background-image:url("network.jpg");
        background-repeat:no-repeat;
        background-position:center center;
        font-size:0px; letter-spac50g:-0.5px;
        width:435px; height:300px; display:block !important; }
        span.blacktext12 img {display:none;}
.contactTable{width:300px !important;height:150px !important;padding:0px !important;background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important;border:0px;background-color:transparent;background-image:none;} .contactTable a img {visibility:hidden;border:0px !important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;}


        </style>
<a href="http://www.JellyMuffin.com" target="_blank"><img src="http://www.JellyMuffin.com/adsource/cornertagright.gif" alt="Myspace Layouts & Comments" style="position:absolute; right:0px; top: 0px;" border="0"></a><a href="http://www.JellyMuffin.com/layouts">Myspace Layouts</a> @ JellyMuffin.com
<style type='text/css'>

body{ background-image: url("http://www.jellymuffin.com/layouts/Cute/Two_Hearts/bg.jpg")};
.contactTable{width:300px !important;height:150px !important;padding:0px !important;background-image:url("http://www.jellymuffin.com/layouts/Cute/Two_Hearts/contact.jpg");background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important;border:0px;background-color:transparent;background-image:none;} .contactTable a img {visibility:hidden;border:0px !important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
table table table td {vertical-align:top;}span.blacktext12 {visibility:visible;background-color:transparent;background-image:url("http://www.jellymuffin.com/layouts/Cute/Two_Hearts/network.jpg");background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;display:block; }
</style>