นิยาย ´·.*:.iD.Dream Room.:*.·´ > ลำดับตอนที่ #1 : No.1 : Violet licious : Dek-D.com

ลำดับตอนที่ #1

´·.*:.iD.Dream Room.:*.·´

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

เนื้อหาตอนนี้เปิดให้อ่าน
221

0

22 มิ.ย. 55

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

>จิ้มๆ<

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

#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++;

}

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)

// 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>

#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>

div.b-mobile {display:none;}

</style>

<tbody>

<tr>

<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 />

</center>

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

</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 </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>

</blogger></div>

</td>

</tr>

</tbody>

</table>

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

<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 class="rosemary"><blogdateheader><$BlogDateHeaderDate$></blogdateheader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>">> <$BlogItemCommentCount$> comments</a></div>

<$BlogItemBody$><br />

</blogger><br />

<olderposts><a href="<$OlderPosts$">>Older Post</a></olderposts>

<newerposts> | <a href="<$NewerPosts$">>Newer Post</a></newerposts></center></div>

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

<br />

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

<br />

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