นิยาย this lock > ลำดับตอนที่ #4 : KOUFUKU RIRON : Dek-D.com

ลำดับตอนที่ #4 : KOUFUKU RIRON

อัปเดตล่าสุด 7 ม.ค. 58

$(document).ready(function() {

// Tooltip only Text

$('.masterTooltip').hover(function(){

// Hover over code

var title = $(this).attr('title');

$(this).data('tipText', title) Attr('title');

$('<p class="tooltip"></p>')

.text(title)

.appendTo('body')

.fadeIn('fast');

}, function() {

// Hover out code

$(this).attr('title', $(this).data('tipText'));

$('.tooltip') ();

}).mousemove(function(e) {

var mousex = e.pageX + 5; //Get X coordinates

var mousey = e.pageY + 6; //Get Y coordinates

$('.tooltip')

.css({ top: mousey, left: mousex })

});

</script>

.tooltip {

display:none;

position:absolute;

background-color: rgb(50,50,50);

padding:2px;

color: rgb(220,220,220);

font: 10px calibri;

text-transform: uppercase;

}

::-webkit-scrollbar {

width: 6px;

background-color: rgb(230,230,230);

}

::-webkit-scrollbar-thumb {

background-color: rgb(70,70,70);

background-repeat: repeat;

-webkit-border-radius: 0px;

min-height: 2px;

}

body{

background: rgb(248,248,248) url('http://3.bp.blogspot.com/-Q5QnPc1fyiE/UiwHS2p_4-I/AAAAAAAACDw/RIKrpsIyhh8/s320/dust.png');

font: 12px calibri;

color: rgb(110,110,110);

line-height: 150%;

text-align: justify;

padding: 10px;

}

b { font-weight:bold;}

i { font-style:italic;}

a:link, a:visited, a:active{

font: 12px calibri;

color: rgb(5,5,5);

text-decoration:none;

-webkit-transition-duration: 0.3s;

}

a:hover{

font-weight: bold;

letter-spacing: 2px;

}

.e {

position: absolute;

top: 100px;

left: 450px;

width: 530px;

}

.h1 {

font: 21px 'Source Sans Pro' ;

text-transform:uppercase;

margin-right:5px;

color: rgb(50,50,50);

padding:3px;

}

.h2 {

font: 21px 'Source Sans Pro' ;

text-transform:uppercase;

color: rgb(50,50,50);

padding:3px;

}

blockquote {

display: block;

position:center;

text-align: center;

font: 12px calibri ;

font-color: rgb(50,50,50);

background-color: rgba(240,240,240,0.7);

padding: 5px;

}

blockquote:before {

position:relative;

top:-12px;

content: "\275D";

float:left;

color: rgb(70,70,70);

font-size: 25px;

}

blockquote:after {

position: relative;

bottom:10px;

content: "\275E";

float:right;

color: rgb(70,70,70);

font-size: 25px;

}

.b {

position: relative;

width: 550px;

height: auto;

padding: 10px;

background: rgb(254,254,254);

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

}

.b:after {

content: '';

position: absolute;

border-style: solid;

border-width: 17px 21px 17px 0;

border-color: transparent rgb(254,254,254);

display: block;

width: 0;

z-index: 1;

left: -21px;

top: 25px;

}

.icon {

position: fixed;

top: 100px;

left: 300px;

}

.dis {

position: fixed;

top: 100px;

left: 40px;

width: 242px;

height: 101px;

padding:5px;

background-color: rgb(252,251,252);

}

.diss {

position: fixed;

top: 100px;

left: 40px;

width: 242px;

height: 101px;

padding:5px;

background-color: rgb(252,251,252);

-webkit-transition:0.5s;

opacity:0.001;

}

.diss:hover {

opacity:1;

}

.banner {

position: fixed;

top: 220px;

left: 40px;

}

.c {

position: fixed;

background-color: rgba(255,255,255,0.8);

left: 46px;

top: 225px;

height: 240px;

width: 240px;

opacity:0.0001;

-webkit-transition:0.4s;

}

.c:hover {

opacity:1;

}

a.f {

display: inline-block;

font: 12px calibri ;

font-weight: bold;

color: rgb(100,100,100);

background-color: rgb(240,240,240);

text-transform: uppercase;

padding: 2px;

width: 67px;

line-height: 105%;

text-align: center;

}

a.f:hover {

letter-spacing: 0px;

background-color: rgb(150,150,150);

color: rgb(240,240,240);

font-weight: normal;

}

.tu {

position: fixed;

text-align:right;

width: 100px;

top: 480px;

left: 305px;

}

a.tt {

text-align: right;

font: 12px calibri ;

color: rgb(100,100,100);

text-transform: uppercase;

}

a.tt:hover{

letter-spacing:0px;

}

.m {

position: fixed;

top:485px;

left: 50px;

}

a.nn {

text-align: right;

font: 12px calibri ;

color: rgb(110,110,110);

text-transform: uppercase;

}

a.nn:hover{

letter-spacing:0px;

}

.navi { }

.navi1 {

position: fixed;

display: inline-block;

top: 220px;

left: 300px;

height:30px;

width: 111px;

font: 12px calibri ;

text-transform: uppercase;

background-color: rgb(252,251,252);

text-align:center;

line-height: 30px;

cursor: crosshair;

-webkit-transition: 0.4s;

}

.navi1:hover {

cursor: crosshair;

}

.navi2 {

position: fixed;

top:257px;

left: 300px;

height:30px;

width: 111px;

display:inline-block;

font: 12px calibri ;

text-transform: uppercase;

background-color: rgb(252,251,252);

text-align:center;

line-height: 30px;

cursor: crosshair;

-webkit-transition: 0.4s;

}

.navi2:hover {

cursor: crosshair;

}

.navi3 {

position: fixed;

top: 294px;

left: 300px;

height:30px;

width: 111px;

display:inline-block;

font: 12px calibri ;

text-transform: uppercase;

background-color: rgb(252,251,252);

text-align:center;

line-height: 30px;

cursor: crosshair;

-webkit-transition: 0.4s;

}

.navi3:hover {

cursor: crosshair;

}

a.button1 {

position: fixed;

top: 331px;

left: 300px;

height:30px;

width: 111px;

display:inline-block;

font: 12px calibri ;

text-transform: uppercase;

background-color: rgb(252,251,252);

color: rgb(110,110,110);

text-align:center;

line-height: 30px;

cursor: crosshair;

-webkit-transition: 0.4s;

}

a.button1:hover {

letter-spacing: 0px;

cursor: crosshair;

letter-spacing:0px;

font-weight:none;

}

a.button2 {

position: fixed;

top: 368px;

left: 300px;

height:30px;

width: 111px;

display:inline-block;

font: 12px calibri ;

text-transform: uppercase;

background-color: rgb(252,251,252);

color: rgb(110,110,110);

text-align:center;

line-height: 30px;

cursor: crosshair;

-webkit-transition: 0.4s;

}

a.button2:hover {

letter-spacing: 0px;

cursor: crosshair;

}

a.button3 {

position: fixed;

top: 405px;

left: 300px;

height:30px;

width: 111px;

display:inline-block;

font: 12px calibri ;

text-align:center;

line-height: 30px;

text-transform: uppercase;

background-color: rgb(252,251,252);

color: rgb(110,110,110);

cursor: crosshair;

-webkit-transition: 0.4s;

}

a.button3:hover {

letter-spacing: 0px;

cursor: crosshair;

}

a.button4 {

position: fixed;

top: 442px;

left: 300px;

height:30px;

width: 111px;

display:inline-block;

font: 12px calibri ;

text-align:center;

line-height: 30px;

text-transform: uppercase;

background-color: rgb(252,251,252);

color: rgb(110,110,110);

cursor: crosshair;

-webkit-transition: 0.4s;

}

a.button4:hover {

letter-spacing: 0px;

cursor: crosshair;

}

.quota {

position:fixed;

top: 140px;

left:306px;

width:90px;

padding:5px;

line-height:150%;

font: 14px MS Gothic;

color: rgb(50,50,50);

background-color: rgba(255,255,255,0.7);

text-align:center;

opacity:1;

-webkit-transition:0.3s;

}

.quota:hover {

opacity:0.01;

}

img:hover {cursor: help;}</style>

 </div>

<a class="button2" div="" href="/" target="_blank">writer</a></div>

<font color="#323232" face="Source Sans Pro"><span style="font-size: 21px; line-height: normal; text-transform: uppercase;">ทักทายแอนด์สวัสดีครั่บบบ</span></font></div>

จะเขียนอะไรลงไปก็เขียนไปปปป<br />

.<br />

<br />

อย่าลืมเปลี่ยนสีตัวอักษรด้วยน้าาาา</div>

</blogger><br />

<br />

 </div>

<br />

<$BlogItemBody$></div>

</blogger><br />

<br />

 </div>

About the Author</div>

<br />

<img src="http://2.bp.blogspot.com/-KdjStVorLWU/UiwfEjhac5I/AAAAAAAACEs/w2kOVfpXcZs/s1600/Kagerou.Project.600.1506281.9999.jpg" style=" width: 100px; height:100px padding: 4px; float:left; margin-right:4px;" /> Proin eget lobortis libero. In rhoncus accumsan sem. Curabitur porta non dolor eget tincidunt. Praesent rhoncus tincidunt odio, ut laoreet arcu imperdiet ut. Sed accumsan eros a velit fermentum pellentesque. Maecenas lobortis nunc a elit aliquet dictum. Pellentesque ut accumsan risus.<br />

» Blog started since: DD/MM/YYY<br />

» Blog best viewed in Google Chrome; 1600x900 or above<br />

 </div>

Miscellaneous</div>

<br />

<a class="f" href="http://x-jiie.blogspot.com/" target="_blank">Sed</a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">aliquam</a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">turpis</a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">et vehicula</a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">Mauris</a><br />

<a class="f" href="http://x-jiie.blogspot.com/" target="_blank">venenatis nec </a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">Donec convallis</a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">Cras vitae</a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">nteger</a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">Nulla</a><br />

<a class="f" href="http://x-jiie.blogspot.com/" target="_blank">massa</a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">varius</a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">Vivamus</a> <a class="f" href="http://x-jiie.blogspot.com/" target="_blank">Sed eu</a></center>

<br />

<select onchange="location.href=this.options[this.selectedIndex].value;" style="color:rgb(110,110,110); font: 12px calibri; letter-spacing:2px; background-color:rgb(240,240,240); border: 1px solid rgb(250,250,250); padding: 2px; width: 250px;"><option value="">BLOGGER ARCHIVES</option><option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option></select></center>

<br />

Layout by: <a href="http://x-jiie.blogspot.com/" target="_blank">X-</a><a href="http://www.blogskins.com/me/x-jiie" target="_blank">Jiie</a><br />

Images from: <a href="http://zerochan.net/1483419" target="_blank"> zerochan.net </a><br />

Icon from: <a href="http://www.zerochan.net/1506281" target="_blank">zerochan.net</a><br />

Tooltip with jQuery from: <a href="http://www.alessioatzeni.com/blog/simple-tooltip-with-jquery-only-text/">www.alessioatzeni.com</a><br />

Background image from:<a href="http://subtlepatterns.com/" target="_blank">subtlepatterns.com</a><br />

Music:<a href="http://www.youtube.com/watch?v=HcGD1-OvVHs" target="_blank"> IA - ทักทายกันได้นะตัวว</a></div>

</div>

<br />

<span style="color:rgb(255,68,68);">hello!!</span>everybody<br />

Nice to meet You</center>

</div>

<br />

<font color="#ff4444">สวัสดีค่าาา </font>เรามาลองคุยกันมั๊ยย *0*</center>

</div>

 </center>

</div>

edit : <a href="http://my.dek-d.com/seo-yuri/" target="_blank">- naxquiz ◇</a></olderposts></span></div>

มาคุยกันมั๊ยยย<br />

<span style="color:rgb(255,68,68);">รักนะ</span>จิบิจิบิ</div>

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

ติดตามเรื่องนี้

เก็บเข้าคอลเล็กชัน

ลำดับตอนที่ #4 : KOUFUKU RIRON

โซดาครีม / Sodacream

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

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

ความคิดเห็น

คืนค่าการตั้งค่าทั้งหมด

ลำดับตอนที่ #4 : KOUFUKU RIRON

โซดาครีม / Sodacream

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

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

ความคิดเห็น