ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Free' ID Dream {closed}''

    ลำดับตอนที่ #2 : ID Dream ' sweet pink

    • อัปเดตล่าสุด 22 ก.ย. 54



    S
    WEET PINK

    Skin thumbnail


                   โค้ด html
      

        

    <html>

    <head>

    <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Reenie+Beanie|Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>

    <title>Sweet Pink </title>

    <style type="text/css">

    a:link, a:visited, a:active {
    color: #fe9b9b;
    cursor: default;
    text-decoration: none;
    font-family: arial;
    font-size: 10px;
    text-transform: lowercase;
    }

    a:hover {
     color: #555555;
    }

    body {
     background-image: url('http://img705.imageshack.us/img705/58/borderm.jpg');
     background-color: #fffbfc;
     background-repeat:repeat;
     background-position: left;
     background-attachment: fixed;
     font-family: arial;
     color: #383838;
     font-size: 10px;
     text-align: left;
     letter-spacing: 1pt;
    }


    .h1 {

     font-family: reenie beanie;
     font-size: 18px;
     color: transparent;
     text-align: center;
     text-transform: lowercase;
     padding: 5px;
     line-height: 10px;
     letter-spacing: 2pt;
     height: 20px;
     width: 20px;
     background-color: #ffc3c3;
     border: solid 3px #ffc3c3;
     -webkit-border-top-left-radius:30px;
     -webkit-border-top-right-radius:30px;
     -webkit-border-bottom-right-radius:30px;
     -webkit-border-bottom-left-radius:30px;
     -moz-border-radius:30px 30px 30px 30px;
    }

    .h1:hover {

     color: #272727;
     background-color: #ff9898;
     border: solid 3px #ff9898;
    }

    .h2{

     background

    }

     .h4 {

     font-family: gloria hallelujah;
     font-size: 28px;
     color: #836136;
     text-align: left;
     letter-spacing: 0pt;
     line-height:30px;
     text-transform: lowercase;
    }

     .h5 {

     font-family: reenie beanie;
     font-size: 18px;
     letter-spacing: 0pt;
     color: #595958;
     text-align: left;
     line-height: 20x;
     text-transform :lowercase;
    }

    .h6 {

     font-family: gloria hallelujah;
     font-size: 18px;
     color: #6a4f28;
     letter-spacing: 2pt;
     text-align: right;
     line-height: 20px;
     padding-top: 8px;
     padding-right: 5px;
     text-transform: lowercase;

    }

    .h7 {

     font-family: gloria hallelujah;
     font-size: 12px;
     color: #696969;
     letter-spacing: 1pt;
     text-align: left;
    }

    .h8 {

     font-family: arial;
     font-size: 11px;
     color: #d1ceda;
     text-align: center;
     line-height: 26px;
     padding-left: 5px;
     text-transform: uppercase;
     letter-spacing: 2pt;
    }

    .h9 {

     font-family: gloria hallelujah;
     color: #826842;
     font-size: 26px;
     letter-spacing: 2pt;
     text-align: left;
     line-height: 24px;
     padding-left: 5px;
     margin-top: -15px;
     text-transform: lowercase;
     background-image: url('http://img705.imageshack.us/img705/58/borderm.jpg');
     background-repeat: repeat-x;
    }

    .h10 {

     font-family: reenie beanie;
     color: #6f6f6f;
     font-size: 30px;
     letter-spacing: 0pt;
     text-align: right;
     line-height: 20px;
     padding: 5px;
     margin-bottom:-6px;
     text-transform: lowercase;
    }

    blockquote {
     color: #515151;
     font-size: 11px;
     letter-spacing: 1pt;
     padding: 10px;
     border: dashed 1px #727272;
    }

    i{

    color: #6f4b25;

    }

    b{

    color: #fda49a;
    font-weight: bold;
    text-transform: uppercase;

    }

    u{

    color: #c69562;

    }

    s{

    background-color: #ffb4b4;

    }


    img{

     filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -webkit-transition-duration: .30s;
     
    }

    img:hover{

     filter:alpha(opacity=90);
     -moz-opacity: 2;
     opacity: 2;

    }


    .nav {
    }

    #navbar-iframe {

     display: none;

    }

    ::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background-color: #ffe4e4;
    }

    ::-webkit-scrollbar-thumb {
    background: #ffc3c3;
    -webkit-border-radius: 5px;
    height: 50px;
    }

    ::-webkit-scrollbar-track {
    background-color: inherit;
    }

    </style>

    <link rel="shortcut icon" type="image/x-icon" href="http://img829.imageshack.us/img829/7213/tabicon.png">
    </head>

    <body>

    <div id="whole" style="position: relative; margin: auto; width: 1100px; background-color: #fffbfc;">
    <center><table cellspacing="25" style="font-size:10px;">
    <tr>

    <td valign="top" width="350px">
    <center><img src="
    http://img202.imageshack.us/img202/9471/bannermzh.jpg"></center>

    <div style="font-family: dawning of a new day; font-size: 14px; text-align: center;">
    layout by <a href="
    http://bnortemplates.blogspot.com" style="font-family: dawning of a new day; font-size: 14px; text-transform: lowercase">bahiyahnor</a><br></div>
    <center>resources at
    <a href="
    http://weheartit.com">weheartit</a></center>
    </div>
    </td>

    <td valign="top" width="600px">
    <div id="navi" style="text-align: center; padding: 2px;">
    <center><table cellspacing="15"><tr>
    <td valign="center">
    <div class="h1">
    <span style="cursor: default;" onClick="document.getElementById ('post').innerHTML=document.getElementById ('about me').innerHTML">
    about me
    </span>  </div>
    </td>
    <td valign="center">
    <div class="h1">
    <span style="cursor: default;" onClick="document.getElementById ('post').innerHTML=document.getElementById ('tagboard').innerHTML">
    tagboard
    </span>  </div>
    </td>
    <td valign="center">
    <div class="h1">
    <span style="cursor: default;" onClick="document.getElementById ('post').innerHTML=document.getElementById ('links').innerHTML">
    exits
    </span>  </div>
    </td>
    <td valign="center">
    <div class="h1">
    <span style="cursor: default;" onClick="document.getElementById ('post').innerHTML=document.getElementById ('misc1').innerHTML">
    misc1
    </span> </div>
    </td>
    <td valign="center">
    <div class="h1">
    <span style="cursor: default;" onClick="document.getElementById ('post').innerHTML=document.getElementById ('misc2').innerHTML">
    misc2
    </span> </div>
    </td>
    </tr></table></center></div>
    <div id="post">
    <Blogger>
          <div class="h10"><blogdateheader><$BlogDateHeaderDate$></blogdateheader></div>
          <div style="background-image: url('http://img705.imageshack.us/img705/58/borderm.jpg'); background-repeat: repeat-x;"><br>
          <table><tr><td width="30px" style="font-size: 36px; color: #ffd0c8; font-weight: bold; padding: 5px;">
          <img src="
    http://img192.imageshack.us/img192/5893/heartkd.png"></td>
          <td><BlogItemTitle>
          <div class ="h4"> <$BlogItemTitle$></a></div>
          </BlogItemTitle></td>
          </tr></table> 
          <div class="h7"><$BlogItemBody$></div>
          <div class="h5">blogged @ <$BlogItemDateTime$> with
          <BlogItemCommentsEnabled>
          <$BlogItemCommentCount$> notes ||
          <a href="<$BlogItemCommentCreate$>" style="font-family: reenie beanie; font-size:18px; color: #595958"
          <$BlogItemCommentFormOnClick$> >leave a note?
          </a>
          </BlogItemCommentsEnabled></div>
          </div><br>
          </Blogger>
    <table border="0" cellpadding="0" cellspacing="6">
    <tr>
    <td valign="center" width="275px" style="font-size:10px; text-align: left">
    <a href="<$OlderPosts$>" style="padding: 5px; font-family: arial; font-weight: bold; font-size: 30px; color: #e998a0;">
    <<
    </a>
    </td>
    <td valign="center" width="275px" style="font-size:10px; text-align: right"> 
    <a href="<$NewerPosts$>" style="padding: 5px; font-family: arial; font-weight: bold; font-size: 30px;; color: #e998a0;">
    >>
    </a>
    </td>
    </tr>
    </table>
    <br><br>
    </div>
    </td>

    <td valign="top">
    <div id="home/follow">
    <center><a href="">
    <img src="
    http://img819.imageshack.us/img819/1774/homeicon2.jpg"></a><br>
    <a href="
    http://www.blogger.com/follow-blog.g?blogID=[yourBLOGIDhere]" target="_blank">
    <img src="
    http://img695.imageshack.us/img695/7799/follow2.jpg"></a>
    </center>
    </div>
    </td>

    </tr></table></center>
    </div>

    <div id="about me" style="display: none; ">
    <div class="h9">All About Me</div><br>
    <div style="padding: 10px;">
    write all about yourself here
    <br><br>
    </div></div>

    <div id="links" style="display: none;">
    <div style="padding: 10px;">
    <div class="h9">Exits</div>
    <br>
    list all your links here

    <a href="">friend</a><br>
    <a href="">friend</a><br>
    <a href="">friend</a><br>
    <a href="">friend</a><br>
    <a href="">friend</a><br>
    <a href="">friend</a><br>
    <a href="">friend</a><br>
    <a href="">friend</a><br>
    <a href="">friend</a><br>
    <br>
    </div></div>

    <div id="tagboard" style="display: none;">
    <div style="padding: 10px;">
    <div class="h9">Tag Me!</div>
    <br>
    tagboard codes here
    </div></div>


    <div id="misc1" style="display: none;">
    <div style="padding: 10px;">
    <div class="h9">misc1</div><br>
    replace this with what ever you want here
    <br><br>

    </div></div>


    <div id="misc2" style="display: none;">
    <div style="padding: 10px;">
    <div class="h9">misc2</div><br>
    replace this with whatever you want.

    </div></div>

    </body>
    </html>






    Cry .Q


      
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×