♠ theme id stock ♠

ลำดับตอนที่ #22 : ♦ theme no.21 :Bigbang (black&white)

Bigbang ที่ร้ากกกกกก

<title></title>
<style type="text/css">
#navbar-iframe {display: none;}
body {background:#fff; color: #444; font-family:trebuchet ms; font-size: 11px; letter-spacing:1px; line-height: 15px; }

@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}

a:link, a:visited, a:active {font-family:tinytots; font-style:normal; font-size:8px; letter-spacing:1px; color: #8F7FA8; opacity:0.9; text-decoration: none;text-transform: uppercase;cursor: url(http://i.imgur.com/MF1ji.png),progress; }

a:hover {color: #fff;-webkit-transition-duration: 0.5s;}

i {font:italic 11px georgia; color: #A3CBDA;}
strike {color: #222; font-family: arial; font-size:11px;}

b {font-family: trebuchet ms; font-size: 11px; letter-spacing:1px; line-height: 17px;color: #eebcb7;}

u {color: #333;padding: 1px;margin: 1px; border-bottom:2px solid #AC91BA; text-decoration:none;}

small, sub, sup {font-family: small fonts;font-size: 7px;line-height: 7px;letter-spacing: 2px;text-transform: uppercase;}

blockquote {border: 1px solid #f3f3f3; padding: 5px; margin: 10px;text-align: left; font:11px arial; color: #000; opacity:0.9; line-height:15px;-webkit-transition-duration: 3s;}

li{margin-left: -5px; font-size: 11px; font-style: bold; }

a.sidelink {display:inline-block; border: 1px solid #fff; text-align:center;
padding:2px;margin:1px; font-family:tinytots; font-style:normal; font-size:8px; text-transform: uppercase; color: #333; background: #faf8f8;}

a.sidelink:hover {text-shadow: 1px 1px 2px #000;box-shadow: inset 100px 0 0px 0 #eebcb7; color: #fff; -webkit-transition-duration: 0.5s; }
 
.box{position:fixed; ; width:594px; height: 30px; right:40px; top:-5px;padding:10px; width: 650px;
background: url(http://1.bp.blogspot.com/-UKZx7yyXSxA/ULwvJ5RXVhI/AAAAAAAADKU/yy3EE_tIbW8/s1600/new1.png);-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;}

.box2{position:fixed; ; width:594px; height: 30px; right:40px; bottom:-5px;padding:10px; width: 650px; -webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;
background: url(http://1.bp.blogspot.com/-UKZx7yyXSxA/ULwvJ5RXVhI/AAAAAAAADKU/yy3EE_tIbW8/s1600/new1.png);}

.post{font-family:trebuchet ms; right:69px; top:47px;font-size: 11px; letter-spacing:1px; background:#fff; color:#000000; padding:15px; width:594px; height:400px; overflow:auto; text-align : justify;position:fixed;}

.title {padding-left:100px; color: #fff;font:italic 10px georgia; text-align: left;background: #000;letter-spacing:2px;opacity: 0.9; text-transform: lowercase;}

.date{padding-left:10px; margin-top:2px; color: #000;  font-family:tinytots; font-style:normal; font-size:8px; text-transform: uppercase; background: #f3f3f3; letter-spacing:1px; opacity: 0.9;-webkit-transition-duration: 0.5s;}

.sidebar{width:200px;padding:2px;letter-spacing:1px; padding:10px;
background:#000; font-family:tinytots; font-style:normal; font-size:8px; text-transform: uppercase; height: 100%; opacity: 0.9;color:#fff; display:block;}

::-webkit-scrollbar {height:12px;width: 10px;background: #D9D9D9;}
::-webkit-scrollbar-thumb {background-color: #000;}
::-moz-selection {background:#E6D3D5;color:#000;}
::selection {background:#E6D3D5;color:#000;}

.blogger-labels {text-align:right;border-top: 1px solid #f3f3f3; }

/*------ IMAGE ANIMATION------*/
img {margin: 1px; padding:1px;
filter: alpha(opacity=100);moz-opacity:1.0;opacity:1.0;-webkit-transition-duration: .25s;}
img:hover { cursor: crosshair;
-webkit-filter: grayscale(0.8);}

.raejun{font-family:tinytots; font-style:normal; font-size:8px; text-transform: uppercase; display: block; border: 1px solid #fff; text-align:center;padding:1px;margin:1px; width:216px; color: #333; background: #faf8f8;}

.raejun:hover {text-shadow: 1px 1px 2px #000;box-shadow: inset 300px 0 0px 0 #eebcb7; color: #fff; -webkit-transition-duration: 0.5s; }


::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #A7A7A7;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #000;
border: 1px solid #fff;}

a.header{font-family:tinytots;
font-style:normal;
font-size:8px;
text-transform: uppercase;
border: 1px solid #fff;
text-align:center;
padding:-10px; margin:1px;
width: 65px;
color: #333; display:inline-table;
background: #f3f3f3;
opacity: 0.9;}</style>
<br />
<div style="width: 220px; position:fixed;left:50px; top:100px;  ">
    <div style="clear: right; float: right; margin-bottom: -10px; margin-left: -5px; padding:5px; border:1px solid #f3f3f3; background:#fff;">
        <img alt="Tumblr_mefc8wbft71rukapao1_400_large" height="63" src="http://data.whicdn.com/images/45047166/tumblr_mefc8wBFT71rukapao1_400_large.png" width="50" /></div>
    <br />
    <a class="header" href="http://my.dek-d.com/beer-naka/friend/request_friend.php" target="_blank">add me</a> <a class="header" href="http://writer.dek-d.com/beer-naka/friend/" target="_blank">friends</a> <a class="header" href="http://writer.dek-d.com/beer-naka/writer/" target="_blank">writer</a> <a class="header" href="http://my.dek-d.com/beer-naka/myboard/" target="_blank">boad</a> <a class="header" href="http://my.dek-d.com/beer-naka/gallery/" target="_blank">gallery</a> <a class="header" href="http://my.dek-d.com/beer-naka/qmsg/" target="_blank">qmsg.</a><br />
    <br />
    <div class="sidebar">
        <div style="clear: left; float: left; margin-bottom: -1px; margin-right: 1em;">
            <img height="60" src="http://data.whicdn.com/images/41233213/tumblr_mcjaudn9hQ1qjoqpzo1_500_large.png" width="50" /></div>
        Jaera {16} next year. i love making blogskins, even sometime my blogskin didn&#39;t become sotd or not get any responded u_u. but i hate when people always judging at my skins</div>
    <br />
    <div class="sidebar">
        {put your cbox here}. width: 15px; height: free;</div>
    <br />
    <div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; padding:5px; border:1px solid #f3f3f3; background:#fff;">
        <img alt="Tumblr_medtczmeia1r37r7mo1_500_large" height="80" src="http://data.whicdn.com/images/44993916/tumblr_medtczMeIa1r37r7mo1_500_large.jpg" width="60" /></div>
    <span class="raejun" onclick="document.getElementById('main').innerHTML=document.getElementById('author').innerHTML">biography</span> <span class="raejun" onclick="document.getElementById('main').innerHTML=document.getElementById('bias').innerHTML">list bias</span> <span class="raejun" onclick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML">any stuffies</span> <span class="raejun" onclick="document.getElementById('main').innerHTML=document.getElementById('etc').innerHTML">freepage</span> <span class="raejun" onclick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">flashback entries</span></div>
<br />
<br />
<div class="box">
    <div class="box2">
        <center>
            <!--------------main---------->
            <div class="post">
                <div id="main">
                    <br />
                    <mtentries lastn="7">
                    <div class="title">
                        <blogitemtitle>title name<!--$blogitemtitle$--></blogitemtitle></div>
                    <span style="color:#696969;">...<br />
                    ...<br />
                    ...<br />
                    ...<br />
                    ...<br />
                    ...<br />
                    ...<br />
                    ...<br />
                    ...<br />
                    ...<br />
                    ...<br />
                    ...<br />
                    ...<br />
                    <br />
                    ฝากแบนเนอร์</span><br />
                    <!--$mtentrybody$--><!--$mtentrydate--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$blogitemtitle$--><a href="http://my.dek-d.com/dek-d/writer/view.php?id=1045894"><img src="http://image.dek-d.com/27/0261/1558/114131249" /></a></mtentries><br />
                    &nbsp;</div>
            </div>
        </center>
    </div>
</div>
<div id="entries" style="display: none;">
    <div id="main">
        <br />
        <div class="post">
            <mtentries lastn="7">&lt;$blogitemtitle$&gt;&lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$mtentrybody$&gt;
            <div class="title">
                <blogitemtitle>&lt;$blogitemtitle$&gt;<!--$blogitemtitle$--></blogitemtitle></div>
            &lt;$blogitemtitle$&gt;
            <div class="date">
                <mtdateheader>&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;<!--$mtentrydate--></mtdateheader> | &lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt; | <a href="&lt;$BlogItemCommentCreate$&gt;">&gt;&lt;$blogitemcommentcount$&gt;comments<!--$blogitemcommentcount$--></a><!--$mtentrydate--><!--$mtentrydate--></div>
            &lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$mtentrybody$&gt;<!--$mtentrybody$--><!--$mtentrydate--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$blogitemtitle$--><!--$mtentrybody$--><!--$mtentrydate--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$blogitemtitle$--></mtentries></div>
    </div>
</div>
<div id="author" style="display: none;">
    <div id="main">
        <br />
        <div class="post">
            <div class="title">
                profile {biography}</div>
            <div class="date">
                introductions here</div>
            <br />
            <div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
                <img alt="Tumblr_me1b5ph9k21qbefszo1_500_large" height="185" src="http://data.whicdn.com/images/44630905/tumblr_me1b5pH9k21qbefszo1_500_large.png" width="320" /></div>
            Name :<br />
            Nickname :<br />
            Korean Name :<br />
            Japan Name :<br />
            <br />
            Born in the date of :<br />
            Place of birth :<br />
            Stay :<br />
            Hometown :<br />
            <br />
            Hobby : Ambition :<br />
            Love / Favorites:<br />
            Hate / Antis :<br />
            <br />
            <div class="title">
                another facts</div>
            <div class="date">
                fact about you</div>
            <br />
            <blockquote class="tr_bq">
                delete MINE v okay?</blockquote>
            <br />
            <br />
            <br />
            <table align="center" border="0" cellspacing="10" style="font-size: 11px; line-height: 16px;">
                <tbody>
                    <tr>
                        <td valign="top" width="450">
                            - Great result in any exam<br />
                            - Meet my bias<br />
                            - Go to korea<br />
                            - Don&#39;t have any enemies<br />
                            - Arab French Korean Japan language</td>
                        <td valign="top" width="450">
                            - My weight decreased sharply<br />
                            - Have a white and smooth skin<br />
                            - Namjachingu blood type A<br />
                            - Namjachingu was youger than me<br />
                            - &quot;if i talk about it. i&#39;m really mean of it&quot;</td>
                    </tr>
                </tbody>
            </table>
            <br />
            <div class="title">
                another f.a.q</div>
            <div class="date">
                Frequently Asked Questions ~</div>
            <br />
            <blockquote class="tr_bq">
                delete MINE v okay?</blockquote>
            <br />
            1. Are you following back?<br />
            <b>&nbsp;- Yeah , if the blog design was awesome :p&nbsp;</b><br />
            2. Your love site?<br />
            <b>&nbsp;- Too many&nbsp;</b><br />
            3. Do you love blogskins?<br />
            <b>&nbsp;- I do love it always :3&nbsp;</b><br />
            4. Love HTML Code or not?<br />
            <b>&nbsp;- Yea! Everyday i&#39;m playing with it&nbsp;</b><br />
            5. &quot;Design&quot; or &quot;Template&quot;?<br />
            <b>- I love both of it </b></div>
    </div>
</div>
<div id="bias" style="display: none;">
    <div id="main">
        <br />
        <div class="post">
            <div class="title">
                Korean Idols</div>
            <div class="date">
                the most you love {bias}</div>
            <br />
            <div style="text-align:center;">
                <img alt="Tumblr_me5f6k2ooa1ro7p51o7_500_large" src="http://data.whicdn.com/images/45123679/tumblr_me5f6k2OOa1ro7p51o7_500_large.gif" /><br />
                <img alt="Tumblr_me5f6k2ooa1ro7p51o3_500_large" src="http://data.whicdn.com/images/45123587/tumblr_me5f6k2OOa1ro7p51o3_500_large.gif" /></div>
        </div>
    </div>
</div>
<div id="stuff" style="display: none;">
    <div id="main">
        <br />
        <div class="post">
            <div class="title">
                Something you need to share?</div>
            <div class="date">
                {tutorial} {freebies} {others}</div>
            <br />
            <div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
                <img alt="Tumblr_mcchbttmv21rynd0q_large" src="http://data.whicdn.com/images/45170275/tumblr_mcchbttmv21rynd0q_large.gif" /></div>
            <br />
            <table align="center" border="0" cellspacing="10" style="font-size: 11px; line-height: 16px;">
                <tbody>
                    <tr>
                        <td valign="top" width="450">
                            <ul>
                                <li>
                                    Tutorial</li>
                            </ul>
                            Coming soon~</td>
                        <td valign="top" width="450">
                            <ul>
                                <li>
                                    Freebies</li>
                            </ul>
                            Coming soon~</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div id="etc" style="display: none;">
    <div id="main">
        <br />
        <div class="post">
            <div class="title">
                archive</div>
            <div class="date">
                older post things {your memories}</div>
            <br />
            <select onchange="location.href=this.options[this.selectedIndex].value;" style="color:#222; font:10px tahoma; text-transform: uppercase; background:#fff;  border: 1px dashed #000;  padding: 2px; width: 320px;"><option value="">Comeback our memories</option>&lt;$blogitemtitle$&gt;&lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$mtentrybody$&gt;&lt;$blogitemtitle$&gt;&lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$mtentrybody$&gt;<option value="&lt;$BlogArchiveURL$&gt;">&lt;$mtarchivetitle$&gt;<!--$mtarchivetitle$--></option><!--$mtentrybody$--><!--$mtentrydate--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$blogitemtitle$--><!--$mtentrybody$--><!--$mtentrydate--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$blogitemtitle$--></select><br />
            <br />
            <div class="title">
                another friends</div>
            <div class="date">
                exchange link {chingu}</div>
            <br />
            <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a> <a class="sidelink" href="" target="_blank">chingu(s)</a><br />
            <br />
            <br />
            <br />
            <div class="title">
                credits</div>
            <div class="date">
                please don&#39;t throw it =,=</div>
            <br />
            Full Edit by : <a href="http://zaranerd.blogspot.com/">Jaaeraaaa</a><br />
            Background: <a href="http://hafizzulkafly.blogspot.com/">hafiz</a><br />
            @basecode : own, get my permission first</div>
    </div>
</div>
<!-- iD Clean Code Ver. 2.4.1 By Fantasier --><!-- อย่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า -->
<style type="text/css">
#wrapper,.thcon { display:none }</style>
<div class="theanchor">
    &nbsp;</div>
<script type="text/javascript">$('.theanchor').parent().wrapInner('<div class="thcon"></div>'); $('#wrapper').before($('.thcon').contents()); $('.thcon') ();</script><!--$mtentrybody$--><!--$mtentrydate--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$blogitemtitle$--><!--$mtentrybody$--><!--$mtentrydate--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$blogitemtitle$--><!--$mtarchivetitle$-->

:-Daisy ✿