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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    ´·.*:.iD.Dream Room.:*.·´

    ลำดับตอนที่ #1 : No.1 : Violet licious

    • อัปเดตล่าสุด 22 มิ.ย. 55


    ตัวอย่างแจ๊ะ

    >จิ้มๆ< 

    จะใช้ก็ก๊อปโค้ดด้านล่างไปเลยน้อ~
    ในนี้มีโค้ดล้างไอดีอยู่แล้วนะคะ~
     

    <style type="text/css">

    #navbar-iframe {

    display: none;

    }

    body {

    background:url(http://i473.photobucket.com/albums/rr100/dirah_96/purplecloudy.png);

    background-attachment:fixed;

    cursor: url(http://cur.cursors-4u.net/games/gam-14/gam1321.cur), progress;

    font-family: verdana;

    font-size: 11px;

    text-align: left;

    }

    .awesome {

    text-align: center;

    margin-top: 200px;

    -webkit-transition:1s;

    }

    .awesome:hover {

    opacity:0.8;

    -webkit-transition:1s;

    padding-left:50px;

    }

        ::-moz-selection {

        background:#FFFFFF;

        color:#3B170B;

        

        }


        ::selection {

        background:#FFFFFF;

        color:#3B170B;

        

        }

    a:link, a:visited {

    color: #FF708F;

    text-decoration: none;

    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;

    }


    a:hover{

    color: #ffffff;

    background:#F781F3;

    text-decoration:none;

    border: #ffffff 2px dashed;

    padding:3px 5px;

    -moz-border-radius:10px;

    }


    img:hover {

    filter:alpha(opacity=80);

    -moz-opacity:0.80;

    opacity:.80;

    }


    a.iloveyou {

    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;

    background: url( http://3.bp.blogspot.com/-WGFz02z1Qkk/Tg6HM8jr8pI/AAAAAAAABFM/qaFKUAcvWZU/s1600/pinkline.png);

    padding: 2px;

    letter-spacing: 2px;

    display: inline-block;

    width: 180px;

    color: #000000;

    -webkit-transition-duration: 0.5s;

    font-family: century gothic;

    font-size: 12px;

    text-align: center;

    text-transform: uppercase;

    }


    a.iloveyou:hover {

    background : #F0C4F0;

    -webkit-transition-duration: 0.5s;

    color: #9bd6c6;

    border-left: 3px solid #EA8DFE;

    border-right: 3px solid #EA8DFE;

    border-top: 3px solid #EA8DFE;

    border-bottom: 3px solid #EA8DFE;

    }


    a.perfectrose {

    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;

    background: #8A0868;

    padding: 2px;

    letter-spacing: 2px;

    display: inline-block;

    width: 180px;

    color: #ffffff;

    -webkit-transition-duration: 0.5s;

    font-family: century gothic;

    font-size: 12px;

    text-align: center;

    text-transform: uppercase;

    }


    a.perfectrose:hover {

    border-left: 5px solid #EA8DFE;

    border-right: 5px solid #EA8DFE;

    border-top: 5px solid #EA8DFE;

    border-bottom: 5px solid #EA8DFE;

    }



    .magical {

        margin: .75em 0;

        font: normal normal 120% Verdana, Geneva, sans-serif;

        color: #000000;

        text-align: center;

    text-shadow: 2px 2px 3px #F781F3;

        background-image:url( URL Background );

        border-top: 1px solid #ECCEF5;

        border-bottom: 1px solid #ECCEF5;

        border-right: 8px solid #ECCEF5;

        border-left: 8px solid #ECCEF5;

        padding: 2px;

        }







    .rosemary {

    font-family: century gothic;

    font-size:12px;

    line-height:20px;

    color: #c0c0c0;

    text-align: center;

    }


    blockquote { 


        background:url(URL GAMBAR ANDA); padding:10px;


        Border:2px solid #F5A9E1;


        border-left :2px solid #F5A9E1;


        border-right :2px solid #F5A9E1;


        border-bottom :2px solid #F5A9E1;


        -webkit-border-radius: 2px;


        colour:#FFFFFF}


        blockquote:hover {


        background: url(URL GAMBAR ANDA) repeat right bottom ;


        border:2px solid #ECCEF5;


        -moz-border-radius-topleft: 10px;


        -moz-border-radius-bottomright: 10px;


        -moz-border-radius-topright: 10px;


        -moz-border-radius-bottomleft: 10px;


        }


    u {

    text-decoration:none;

    border-bottom: 5px double #EA8DFE;

    }


    b {

    text-decoration:none;

    color: #DF01A5;

    }


    big {

    text-decoration:none;

    color: #D358F7;

    font-family: century gothic;

    font-size:20px;

    }



    </style> <script language="javascript" type="text/javascript">

     /* toggle() checks to see if the images has already been faded

        or not and sends the appropriate variables to opacity(); */

     function toggle(el,milli) {

      // Get the opacity style parameter from the image

      var currOpacity = document.getElementById(el).style.opacity;

      if(currOpacity != 0) { // if not faded

       fade(el, milli, 100, 0);

      } else { // else the images is already faded

       fade(el, milli, 0, 100);

      }

     } 

     /* changeOpacity() uses three different opacity settings to

        achieve a cross-browser opacity changing function.  This

        function can also be used to directly change the opacity

        of an element. */

     function changeOpacity(el,opacity) {

      var image = document.getElementById(el);

      // For Mozilla

      image.style.MozOpacity = (opacity / 100);

      // For IE

      image.style.filter = "alpha(opacity=" + opacity + ")";

      // For others

      image.style.opacity = (opacity / 100);

     }

     /* fade() will fade the image in or out based on the starting

        and ending opacity settings.  The speed of the fade is 

        determined by the variable milli (total time of the fade

        in milliseconds)*/

     function fade(el,milli,start,end) {

      var fadeTime = Math.round(milli/100);

      var i = 0;  // Fade Timer

      // Fade in

      if(start < end) {

       for(j = start; j <= end; j++) {

        // define the expression to be called in setTimeout()

        var expr = "changeOpacity('" + el + "'," + j + ")";

        var timeout = i * fadeTime;

        // setTimeout will call 'expr' after 'timeout' milliseconds

        setTimeout(expr,timeout);

        i++;

       }

      }

      // Fade out

      else if(start > end) {

       for(j = start; j >= end; j--) {

        var expr = "changeOpacity('" + el + "'," + j + ")";

        var timeout = i * fadeTime;

        setTimeout(expr,timeout);

        i++;

       }

      }

     } 



        

    <div id="teddy" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">

    <div id="bear" style="display : none;">

    <body oncontextmenu='return false;'><script type="text/javascript">

        function setAttributeOnload(object, attribute, val) {

          if(window.addEventListener) {

            window.addEventListener("load",

              function(){ object[attribute] = val; }, false);

          } else {

            window.attachEvent('onload', function(){ object[attribute] = val; });

          }

        }

      </script>     <script type="text/javascript">

    //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)

    // Copyright 1996 - Tomer and Yehuda Shiran

    // This example will appear in our forthcoming book on JavaScript.

    // Feel free to "steal" this code provided that you leave this notice as is.

    // Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/

    // For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com>

    function tb9_makeArray(n){

     this.length = n;

     return this.length;

    }


    tb9_messages = new tb9_makeArray(1);

    tb9_messages[0] = "Purple-licious";

    tb9_rptType = 'purple';

    tb9_rptNbr = 5;

    tb9_speed = 100;

    tb9_delay = 2000;

    var tb9_counter=1;

    var tb9_currMsg=0;

    var tb9_timerID = null

    var tb9_bannerRunning = false

    var tb9_state = ""

    tb9_clearState()

    function tb9_stopBanner() { 

     if (tb9_bannerRunning)  

     clearTimeout(tb9_timerID) 

     tb9_timerRunning = false

    }

    function tb9_startBanner() { 

     tb9_stopBanner() 

     tb9_showBanner()

    }

    function tb9_clearState() { 

     tb9_state = "" 

     for (var i = 0; i < tb9_messages[tb9_currMsg].length; ++i) {  

      tb9_state += "0" 

     }

    }

    function tb9_showBanner() { 

    if (tb9_getString()) {  

     tb9_currMsg++  

     if (tb9_messages.length <= tb9_currMsg) {  

      if ((tb9_rptType == 'finite') && (tb9_counter==tb9_rptNbr)){

       tb9_stopBanner();

       return;

      }

      tb9_counter++;

      tb9_currMsg=0;

     }

     tb9_clearState()  

     tb9_timerID = setTimeout("tb9_showBanner()", tb9_delay) 

    else {  

     var tb9_str = ""  

    for (var j = 0; j < tb9_state.length; ++j) {   

     tb9_str += (tb9_state.charAt(j) == "1") ? tb9_messages[tb9_currMsg].charAt(j) : "____"  

    }  

    document.title = tb9_str  

    tb9_timerID = setTimeout("tb9_showBanner()", tb9_speed) 

    }

    }

    function tb9_getString() { 

     var full = true 

     for (var j = 0; j < tb9_state.length; ++j) {  

      if (tb9_state.charAt(j) == 0)   

       full = false 

      } 

     if (full) return true 

     while (1) {  

      var num = tb9_getRandom(tb9_messages[tb9_currMsg].length)  

      if (tb9_state.charAt(num) == "0")   

       break 

     } 

     tb9_state = tb9_state.substring(0, num) + "1" + tb9_state.substring(num + 1, tb9_state.length) 

     return false

    }

    function tb9_getRandom(max) { 

     var now = new Date()  

     var num = now.getTime() * now.getSeconds() * Math.random() 

     return num % max

    }

    tb9_startBanner()

    </script>   <center><img border="0" src="http://i1119.photobucket.com/albums/k636/ashumaira/freebiesheader1.png" alt="" /></center>

    <title></title>

    <link rel="shortcut icon" href="http://1.bp.blogspot.com/-kyR1Exclke0/TqHNeGm2oAI/AAAAAAAACO8/Is59oMf5jRY/s23/camera-smilehappyy-stop.gif" />    <style type="text/css">

    #navbar-iframe {

    display: none;

    }

    body {

    background:url(http://i473.photobucket.com/albums/rr100/dirah_96/purplecloudy.png);

    background-attachment:fixed;

    cursor: url(http://cur.cursors-4u.net/games/gam-14/gam1321.cur), progress;

    font-family: verdana;

    font-size: 11px;

    text-align: left;

    }

    .awesome {

    text-align: center;

    margin-top: 200px;

    -webkit-transition:1s;

    }

    .awesome:hover {

    opacity:0.8;

    -webkit-transition:1s;

    padding-left:50px;

    }

        ::-moz-selection {

        background:#FFFFFF;

        color:#3B170B;

        

        }


        ::selection {

        background:#FFFFFF;

        color:#3B170B;

        

        }

    a:link, a:visited {

    color: #FF708F;

    text-decoration: none;

    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;

    }


    a:hover{

    color: #ffffff;

    background:#F781F3;

    text-decoration:none;

    border: #ffffff 2px dashed;

    padding:3px 5px;

    -moz-border-radius:10px;

    }


    img:hover {

    filter:alpha(opacity=80);

    -moz-opacity:0.80;

    opacity:.80;

    }


    a.iloveyou {

    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;

    background: url( http://3.bp.blogspot.com/-WGFz02z1Qkk/Tg6HM8jr8pI/AAAAAAAABFM/qaFKUAcvWZU/s1600/pinkline.png);

    padding: 2px;

    letter-spacing: 2px;

    display: inline-block;

    width: 180px;

    color: #000000;

    -webkit-transition-duration: 0.5s;

    font-family: century gothic;

    font-size: 12px;

    text-align: center;

    text-transform: uppercase;

    }


    a.iloveyou:hover {

    background : #F0C4F0;

    -webkit-transition-duration: 0.5s;

    color: #9bd6c6;

    border-left: 3px solid #EA8DFE;

    border-right: 3px solid #EA8DFE;

    border-top: 3px solid #EA8DFE;

    border-bottom: 3px solid #EA8DFE;

    }


    a.perfectrose {

    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;

    background: #8A0868;

    padding: 2px;

    letter-spacing: 2px;

    display: inline-block;

    width: 180px;

    color: #ffffff;

    -webkit-transition-duration: 0.5s;

    font-family: century gothic;

    font-size: 12px;

    text-align: center;

    text-transform: uppercase;

    }


    a.perfectrose:hover {

    border-left: 5px solid #EA8DFE;

    border-right: 5px solid #EA8DFE;

    border-top: 5px solid #EA8DFE;

    border-bottom: 5px solid #EA8DFE;

    }



    .magical {

        margin: .75em 0;

        font: normal normal 120% Verdana, Geneva, sans-serif;

        color: #000000;

        text-align: center;

    text-shadow: 2px 2px 3px #F781F3;

        background-image:url( URL Background );

        border-top: 1px solid #ECCEF5;

        border-bottom: 1px solid #ECCEF5;

        border-right: 8px solid #ECCEF5;

        border-left: 8px solid #ECCEF5;

        padding: 2px;

        }







    .rosemary {

    font-family: century gothic;

    font-size:12px;

    line-height:20px;

    color: #c0c0c0;

    text-align: center;

    }


    blockquote { 


        background:url(URL GAMBAR ANDA); padding:10px;


        Border:2px solid #F5A9E1;


        border-left :2px solid #F5A9E1;


        border-right :2px solid #F5A9E1;


        border-bottom :2px solid #F5A9E1;


        -webkit-border-radius: 2px;


        colour:#FFFFFF}


        blockquote:hover {


        background: url(URL GAMBAR ANDA) repeat right bottom ;


        border:2px solid #ECCEF5;


        -moz-border-radius-topleft: 10px;


        -moz-border-radius-bottomright: 10px;


        -moz-border-radius-topright: 10px;


        -moz-border-radius-bottomleft: 10px;


        }


    u {

    text-decoration:none;

    border-bottom: 5px double #EA8DFE;

    }


    b {

    text-decoration:none;

    color: #DF01A5;

    }


    big {

    text-decoration:none;

    color: #D358F7;

    font-family: century gothic;

    font-size:20px;

    }



    </style>   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type='text/javascript' language='Javascript'>

    var scrolltotop={

    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control

    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).

    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},

    controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src=" http://3.bp.blogspot.com/-eJ2rW1iVuL8/ToQxEn3pl7I/AAAAAAAABrw/8UTc_J-putk/s1600/purplesimpletop.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"

    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner

    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){

    if (!this.cssfixedsupport) //if control is positioned using JavaScript

    this.$control.css({opacity:0}) //hide control immediately after clicking it

    var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)

    if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists

    dest=jQuery('#'+dest).offset().top

    else

    dest=0

    this.$body.animate({scrollTop: dest}, this.setting.scrollduration);

    },

    keepfixed:function(){

    var $window=jQuery(window)

    var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx

    var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety

    this.$control.css({left:controlx+'px', top:controly+'px'})

    },

    togglecontrol:function(){

    var scrolltop=jQuery(window).scrollTop()

    if (!this.cssfixedsupport)

    this.keepfixed()

    this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false

    if (this.state.shouldvisible && !this.state.isvisible){

    this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])

    this.state.isvisible=true

    }

    else if (this.state.shouldvisible==false && this.state.isvisible){

    this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])

    this.state.isvisible=false

    }

    },

    init:function(){

    jQuery(document).ready(function($){

    var mainobj=scrolltotop

    var iebrws=document.all

    mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode

    mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')

    mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')

    .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})

    .attr({title:'Up Up and Awayyy~'})

    .click(function(){mainobj.scrollup(); return false})

    .appendTo('body')

    if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text

    mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text

    mainobj.togglecontrol()

    $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){

    mainobj.scrollup()

    return false

    })

    $(window).bind('scroll resize', function(e){

    mainobj.togglecontrol()

    })

    })

    }

    }

    scrolltotop.init()

    </script>

    <link rel="openid.server" href="http://www.blogger.com/openid-server.g" /> <!-- --><style type="text/css"> url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);

    div.b-mobile {display:none;}

    </style>

    <table style="font-size: 11px; color: #848484; line-height: 17px; background:white; -moz-border-radius: 25px;border-radius: 25px;-moz-box-shadow: 0 0 20px 15px #FFFFFF; width=" align="center" border="0" cellspacing="10">

        <tbody>

            <tr>

                <td valign="top" style="width: 220px; padding-right: 10px; ">

                <div class="magical" style="line-height: 15px; ">My profile !</div>

                <br />

                <center style="line-height: 15px; "><img src="http://i1119.photobucket.com/albums/k636/ashumaira/tumblr_l0relyxQKh1qaobbko1_500_large.jpg" width="200" height="150" alt="" /></center>  <center><span style="line-height: 15px;">Hi ! I am this skin maker. This is my second skin ;) </span><br />

                <span style="line-height: 15px;">             *replace this with your text * </span><br />

                <div class="magical" style="line-height: 15px; ">Menu iD</div>

                <center style="line-height: 15px; "><br />

                </center>

                <div class="magical" style="line-height: 15px; ">Best friends</div>

                <center style="text-align: -webkit-center;"><br />

                </center><br />

                <div class="magical" style="line-height: 15px; ">Credits</div>

                <span style="line-height: 15px; ">             PLEASE DO NOT REMOVE THE CREDITS </span><br />

                <span style="line-height: 15px; ">             Skin by </span><a href="http://acqeen.blogspot.com/" style="line-height: 15px; ">Cikin </a> <br />

                <span style="line-height: 15px; ">             Cute header by&#160;</span><a href="http://aqupunyekesahbukankau.blogspot.com/" style="line-height: 15px; ">Kemetot Chomel</a> <br />

                <span style="line-height: 13px; ">Change by <a href="http://my.dek-d.com/napassorn56/">D_Lady</a></span></center></td>

                <td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">

                <div id="entry"><blogger>

                <div class="magical">Talk with me !</div>

                <div class="rosemary"></div>

                </blogger></div>

                </td>

            </tr>

        </tbody>

    </table>

    <div id="about" style="display: none;">

    <div class="magical">de Princeszin</div>

    <br />

    <center><img src="http://i1119.photobucket.com/albums/k636/ashumaira/tumblr_luzg14Ee4d1r3wf4jo1_500.jpg" border="0" alt="" /></center><br />

    <center><u>Annyeong chigu !!!</u></center><br />

    <br />

    Hello and annyeong chigu. I'm Cikin and I am this skin maker. I know its pretty ugly as  I'm still learning how to make beautiful and awesome skins. If this skin looks like yours, please tell me, okay? Ohh, you can put your biodata or something like that here.</div>

    <div id="fairies" style="display: none;"><blogger>

    <div class="magical"><blogitemtitle>&lt;$BlogItemTitle$&gt;</blogitemtitle></div>

    <div class="rosemary"><blogdateheader>&lt;$BlogDateHeaderDate$&gt;</blogdateheader> | &lt;$BlogItemDateTime$&gt; | <a href="&lt;$BlogItemCommentCreate$&gt;">&gt; &lt;$BlogItemCommentCount$&gt; comments</a></div>

    &lt;$BlogItemBody$&gt;<br />

    </blogger><br />

    <center>

    <olderposts><a href="&lt;$OlderPosts$">&gt;Older Post</a></olderposts>

    <newerposts> | <a href="&lt;$NewerPosts$">&gt;Newer Post</a></newerposts></center></div>

    <div id="link" style="display: none;">

    <div class="magical">Links and tagboard</div>

    <br />

    <br />

    <br />

    Friend - Friend - Friend - Friend - Friend - Friend -  <br />

    <br />

    <center>Your shoutbox codes here</center></div>

    <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;}

     

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

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

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

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

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

    ความคิดเห็น

    ×