☞ Free i.D Dream ☜ แจกไอดีดรีม จากเว็บ Blogskins.com

ลำดับตอนที่ #9 : ••☞ID DRE@M☜•• Yellow Bubbles Land

••☞Yellow Bubbles Land☜••


อยากดูตัวอย่าง คลิก Preview it  ด้านล่างเลยค่ะ










Preview it

ถ้าอยากนำไปใช้ ก๊อปโค้ดด้านล่างไปได้เลยค่ะ

<style type="text/css">.external, #module_right, .modulebg1, .left, .headtable, #header, #footer, #head_module_desc, #module_right .modulebg2, #module_left .modulebg2,#neck, .hr2, #head_module_name, .head2, .hr1  { display: none!important;}
.right {background: none; border: 0px!important; border: none!Important; position: absolute; top: 0px; left: 0px;} .modulebg2 {background: none;} .mainborder {border:none!important;}    </style> <style type="text/css">

body
{
 background: #000000;
 font-family: Trebuchet MS,cursive;
 font-size: 14px;
 color: #FF0063;
 min-width: 1280;
 padding : 0px;
 margin : 0px;
 background-image: url();
 background-repeat: repeat;
 margin-left: 60px;
 margin-top: 40px;
 margin-right: 20px;
 margin-bottom: 60px;
}

#body-inner2
{
 background: url(http://img14.imageshack.us/img14/4387/bottomflora.png) no-repeat 100% 100% scroll;
}

a
{
 color: #7000FF;
 text-decoration: none;
 font-family: "Lucida Handwriting";
 font-size: 14px;
 font-weight: bold;
}

a:visited
{
 color: #7000FF;
 text-decoration: none;
}

a:hover
{
 color: #ACA9E4;
 text-decoration: none;
}

a img
{
border-width: 0px;
}

h1,h2,h3
{
 margin:0px;
 padding:0px;
}

/* Outer Wrapper */

#outer-wrapper
{
 background: #000000;
 font-family: Trebuchet MS;
 font-size: 14px;
 text-align: Justify;
 width: 1280px;
 margin : 0px auto 0px auto;
}

/* Header Wrapper */

#header-wrapper
{
 background: url(http://img145.imageshack.us/img145/8628/kttun.jpg) no-repeat 0% 0% scroll;
 font-family: Verdana;
 font-size: 14px;
 color: #FF2D7F;
 width: 1280px;
 height: 400px;
}

/* Content Wrapper */

#content-wrapper
{
 font-family: Trebuchet MS;
 font-size: 14px;
 width: 1280px;
}

/* Crosscol Wrapper */

#crosscol-wrapper
{
 font-family: Trebuchet MS;
 font-size: 14px;
 text-align: Center;
 width: 1280px;
}

#crosscol-wrapper h2
{
 line-height: 40px;
}

.crosscol .widget
{
 background: #000000;
 font-family: Trebuchet MS;
 font-size: 14px;
 margin : 0px 0px 20px 0px;
}

/* Main Posts */

#main-wrapper
{
 background: #000000;
 font-family: Trebuchet MS,cursive;
 font-size: 14px;
 color: #FF0083;
 text-align: Left;
 width: 600px;
 padding : 0px 5px 0px 10px;
 float: left;
}

.main .single-post
{
 background: #E6E533;
 text-align: Left;
 width: 600px;
}

.main .singlepost-outer1
{
 background: url(http://img33.imageshack.us/img33/3635/main3.png) no-repeat 50% 100% scroll;
}

.main .singlepost-outer2
{
 background: url(http://img40.imageshack.us/img40/9581/main2.png) repeat-y 50% 0px scroll;
}

.main .date-header
{
 font-family: Arial;
 font-size: 14px;
 font-weight: bold;
 font-style: normal;
 text-align: Left;
 width: 600px;
}

.main h3
{
 font-family: Comic Sans MS;
 font-weight: normal;
 text-align: Center;
 width: 600px;
 padding : 5px 0px 5px 0px;
}

.main .post-content
{
 text-align: Left;
 width: 600px;
}

.main .post-footer
{
 font-family: Courier New;
 text-align: Center;
 width: 600px;
 padding : 10px 5px 10px 0px;
}

.main .post-footer a
{
 color: #FFFFFF;
}

.main .post-footer a:visited
{
 color: #FFFFFF;
}

.post-footer a, .post-footer a:visited
{
 font-family: Courier New;
 text-align: Center;
 width: 600px;
 padding : 10px 5px 10px 0px;
}

.post-footer a:hover
{
 font-family: Courier New;
 text-align: Center;
 width: 600px;
 padding : 10px 5px 10px 0px;
}

.post-content blockquote
{
 text-align: Center;
}

/* Sidebar Wrapper */

#sidebar-wrapper1
{
 background: #E6E533;
 font-family: Trebuchet MS;
 font-size: 14px;
 color: #F50A66;
 width: 330px;
 border : double 1px #000000;
 border-radius: 12px;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 float: left;
}

#sidebar-wrapper2
{
 background: #E6E533;
 font-family: Trebuchet MS;
 font-size: 14px;
 color: #F50A66;
 width: 330px;
 border : double 1px #000000;
 border-radius: 12px;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 float: right;
}

.singlesidebar
{
 background: #E6E533;
 color: #F50A66;
 text-align: Left;
}

.sidebar .widget
{
 background: #E6E533;
 text-align: Center;
}

#sidebar-wrapper1 h2, #sidebar-wrapper2 h2
{
 font-size: 13px;
 text-align: Center;
 border-radius: 12px;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
}

.sidebar .widget-content
{
 background: #E6E533;
 font-size: 12px;
 color: #F50A66;
 text-align: Center;
 padding : 10px 10px 30px 10px;
}

.sidebar ul
{
 list-style:none;
 margin:0 0 0;
 padding:0 0 0;
}

.sidebar li
{
 margin:0;
 padding:0px 0px .25em 15px;
 text-indent:-15px;
 line-height:1.5em;
}

/* Footer Wrapper */

#footer-wrapper
{
 background: #000000;
 color: #F50A66;
 text-align: Center;
 margin : 0px 0px 0px 50px;
}

.footer .widget
{
 margin : 20px 0px 0px 0px;
}

h1,h2,h3,h4,h5,h6 {
 font-family: "Lucida Handwriting";
 font-style: italic;
}
h1 {
 font-size: xx-large;
 color: #F03;
}
h2 {
 font-size: x-large;
 color: #F03;
}
h3 {
 font-size: large;
 color: #F03;
}
h4 {
 font-size: medium;
 color: #F03;
}
h5 {
 font-size: small;
 color: #F03;
}
h6 {
 font-size: x-small;
 color: #F03;
}
body,td,th {
 font-family: "MS Serif", "New York", serif;
 font-size: 14px;
}
a:link {
 text-decoration: none;
}
a:active {
 text-decoration: none;
}
</style>
<div id="body-inner2">
<div id="outer-wrapper"><!-- skip links for text browsers -->     <span style="display: none;" id="skiplinks">       <a href="#main">skip to main</a> |       <a href="#sidebar">skip to sidebar</a>     </span>
<div id="header-wrapper"></div>
<div style="clear: both;"></div>
<div id="content-wrapper">
<div class="crosscol" id="crosscol-wrapper">
<div class="widget">
<h2>Widget Title</h2>
<div class="widget-content">WidgetContent</div>
</div>
</div>
<div class="sidebar" id="sidebar-wrapper1">
<div class="singlesidebar">
<div class="widget">
<h2>About Me!</h2>
<div style="text-align: center;"><br />
เกี่ยวกับตัวเรา</div>
</div>
</div>
</div>
<div class="main" id="main-wrapper">
<div class="singlepost-outer2">
<div class="singlepost-outer1">
<div class="single-post">
<h2 style="text-align: center;" class="date-header"><span style="font-size: 24px;">Say Hi!</span></h2>
<br />
<span style="font-weight: bold;">อยากกล่าวอะไรพิมพ์ไป</span></div>
</div>
</div>
<b>      </b></div>
<b>      </b>
<div class="sidebar" id="sidebar-wrapper2"><b>        </b>
<div class="singlesidebar"><b>          </b>
<div class="widget"><b>            </b>
<h2><b>Menu i.D<br />
</b></h2>
<b>            </b>
<div class="widget-content"><b>บลาาาาาาาๆๆๆๆๆๆๆ</b></div>
<b>          </b></div>
<b>        </b></div>
<b>      </b></div>
<b>      <!-- spacer for skins that want sidebar and main to be the same height-->       </b>
<div style="clear: both;"></div>
<b>    </b></div>
<b> <!-- end content-wrapper -->      </b>
<div style="clear: both;"></div>
<b>    </b>
<div class="footer" id="footer-wrapper"><b>        </b>
<div class="widget"><span style="font-weight: bold;"><br />
<br />
</span></div>
<div style="text-align: left;" class="widget"><br />
<br />
<span style="color: rgb(153, 153, 153);">* Credits *<br />
<br />
Layout by :<br />
<br />
Code Clean id by :<br />
<br />
Edits by : Ferfeiteria</span></div>
<b>    </b></div>
<b>    </b>
<div id="pagefooter"></div>
<b>        </b></div>
<b> <!-- end outer-wrapper -->    </b></div>

แน่นอนว่าใส่โค้ดล้างไอดีไปให้แล้วค่ะ ^^
ใครที่ไม่เข้าใจอะไร สามารถไปถามฟิวส์ได้ที่ไอดีนะคะ








LI VI