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

ลำดับตอนที่ #15 : (ฺB) ; Twitter - got7

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

TWITTER

( special theme kpop - got7 )

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
© vivapolo id.dream by madampark
plz don't copy and comment
:)

CODE

<html>

<head>

</script>

</script>

<title>ชื่อไอดี/ทวิต | @แอคเค้าท์ทวิตเตอร์!</title>

function changeNavigation(id)

{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}

</script>

</head>

#navbar-iframe { display: none; }

body {

background-color:#fff;

background-position:center bottom;

background-attachment:fixed;

background-repeat:no-repeat;

color: #999;

overflow-x:hidden;

line-height: 13px;

text-align: justify;

-moz-user-select: none;-o-user-select: text;-ms-user-select: none;-webkit-user-select: none;

}

table {

background:transparent;

font: 11px arial;

letter-spacing: 0px;

color: #999;

line-height: 16px;

padding:5px;

width:550px;

}

a{text-decoration:none ;

color:#ABB5AF;

-webkit-transition:All 0.7s ease ;

-moz-transition:All 0.7s ease ;

-o-transition:All 0.7s ease ; }

a:hover{color:transparent;

background:transparent;

background-position:50% 80%;background-size:400px;

}

.archive{

color:#000;

opacity:.8;cursor:pointer;

-webkit-transition:All 0.7s ease ;

-moz-transition:All 0.7s ease ;

-o-transition:All 0.7s ease ; }

.archive:hover{color:#fff;

background:#000;

background-position:50% 80%;background-size:400px;

}

.titleblog{text-decoration:none ;

color:#ABB5AF;cursor:pointer;

-webkit-transition:All 0.7s ease ;

-moz-transition:All 0.7s ease ;

-o-transition:All 0.7s ease ; }

.titleblog:hover{color:#fff;

background:#ABB5AF;

background-position:50% 80%;background-size:400px;

}

i , s, strike {

color: #ABB5AF;

}

li {

color:#ABB5AF;

}

b {

font-family: arial;

font-size:11px;

color:#ABB5AF;

-webkit-transition-duration: 1.5s;

}

a.linkies {

font-size: 9px;

font-family: Trebuchet Ms;

display:inline-block;

text-align:center;

width: 20px;

color: #fff;

background:#D0DBFC;

padding:3px;

margin:2px;

text-decoration: none;

-webkit-transition-duration:1200ms;

}

a.linkies:hover{

display:inline-block;

text-align:center;

width: 20px;

color: #000;

background:#fff;

-webkit-transition-duration:1200ms;

}

h2 {

display: block;

position:center;

text-align: center;

text-align:left;

font:italic 13px calibri ;

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

text-shadow: 1px 1px 40px #000;

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

padding: 5px; }

#fiff:first-letter {

color: #000;

font-size: 47px;

font-style:italic;

font-weight:bold;

font-family: georgia;

padding: 1px;

text-shadow: 1px 0px 1px #fff;

}

#lululink {

font: 19px 'Oswald',san serif;

background-color: transparent;

padding-bottom: 4px;

border:2px solid #fff;

display:inline-block;

padding: 4px;

text-align: center;

margin:3px;

color:#fff;

letter-spacing:4px;

text-transform:none;

}

@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}

.chan{

display:inline-block;

width: 270px;

padding:3px;

margin:5px;

background:#E2ECEA;

font:8.3px pontano sans;

text-align:left;

Text-decoration:none;

color:#b0b0b0;

text-transform:uppercase;

border:0px solid #b1b1b1;

}

.chan:hover{

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

@font-face {

font-family:tt !important;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;

}

blockquote {

text-align:left;

color:#999;

background: transparent;

padding:5px;

border:1px solid #eee;

font:11px arial;

-webkit-transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-moz-user-select: text;-o-user-select: text;-ms-user-select: text;-webkit-user-select: text;

}

.post-footer{

color:#fff;

text-align:right;

height:10px;

font-size:10px;

margin:15px 0px 15px;

}

a.teen1{

display:inline-block;

-webkit-transition:All 0.0s ease;

-moz-transition:All 0.0s ease;

-o-transition:All 0.0s ease;

padding:3px;

font:bold 12px 'Oswald',arial;

border:0px solid #000;

height:20px;

text-transform:uppercase;

color: #ABB5AF;

background:transparent;

text-align:center;

}

.heylulu {

background:transparent;

text-align:left;

font: 20px 'blackout midnight';

text-transform:none;

letter-spacing:0px;

border-bottom:0px solid #F0F0F0;

padding:5px 25px 5px 5px;

color:#333;

-webkit-transition:All 0.4s ease;

-moz-transition:All 0.4s ease;

-o-transition:All 0.4s ease;

line-height:11px;

text-decoration:none;

}

.heylulu1 {

background:#D8D8D8;

float:center;

width:230px;

height:8px;

text-align:center;

font: 30px 'blackout midnight';

text-transform:none;

letter-spacing:0px;

border-bottom:0px solid #F0F0F0;

padding:5px 25px 5px 5px;

color:#333;

-webkit-transition:All 0.4s ease;

-moz-transition:All 0.4s ease;

-o-transition:All 0.4s ease;

line-height:11px;

text-decoration:none;

}

.heykai {

background:#D8D8D8;

float:center;

text-align:center;

font: 30px 'blackout midnight';

text-transform:none;

letter-spacing:0px;

border-bottom:0px solid #F0F0F0;

color:#333;

-webkit-transition:All 0.4s ease;

-moz-transition:All 0.4s ease;

-o-transition:All 0.4s ease;

line-height:11px;

text-decoration:none;

}

.heykai:hover {

background:#D8D8D8;

float:center;

text-align:center;

font: 30px 'blackout midnight';

text-transform:none;

letter-spacing:0px;

border-bottom:0px solid #F0F0F0;

color:#fff;

-webkit-transition:All 0.4s ease;

-moz-transition:All 0.4s ease;

-o-transition:All 0.4s ease;

line-height:11px;

text-decoration:none;

}

.sidebar {

background: transparent;

font-family: times new roman;

font-size:20px;

font-style:italic;

letter-spacing: 3px;

text-transform: justify;

letter-spacing: 3px;

text-align:left;

margin:auto;

text-transform: none;

color:#000;

width: 150px;

padding:2px;

margin-bottom:0px;

}

.sidebar:first-letter {

background: transparent;

font-family: times new roman;

font-size:15px;

font-style:italic;

letter-spacing: 3px;

text-transform: justify;

letter-spacing: 3px;

text-align: center;

margin:auto;

text-transform: none;

color:#999;

width: 150px;

padding:2px;

margin-bottom:0px;

}

.xialu {

margin-top:3px;

background:#fff;

border:0px solid #F0F0F0;

font-family:times new roman;

font-style:italic;

color: #000;

font-size: 9px;

padding:2px;

padding-left:20px;

letter-spacing:1px;

text-transform:lowercase;

}

@font-face {

font-family:tt;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');

}

img{

border:0px solid #f8f8f8;

padding:3px;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

}

a.navi{

font-family:arial;

text-transform: uppercase;

display:inline-block;;

background:#000;

color:#fff;

width:100px;

font-size:11px ;

font-weight:bold;

box-shadow: 1px 1px 1px #888888;

padding:2px;

margin:2px;

text-align:center;

letter-spacing:1px;

border-left:0px solid #f8f8f8;

border-right:0px solid #f8f8f8;

border-top:0px solid #f8f8f8;

border-bottom:0px solid #f8f8f8;

text-decoration:none;

}

a.nava{

font-family:arial;

text-transform: uppercase;

display:inline-block;;

background:#fff;

color:#000;

width:100px;

font-size:8px ;

padding:2px;

margin:2px;

text-align:center;

letter-spacing:1px;

border:1px solid #000;

text-decoration:none;

}

@font-face {

font-family:tt !important;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;

}

.hunhan2{

width:150px;height:150px;

-webkit-border-radius:100px 90px 100px 0px;

-moz-border-radius:100px 90px 100px 0px;

border-radius:100px 90px 100px 0px;

border: 0px solid #e6e6e6;-webkit-transition:1s;}

#h1 {

font:bold 9px georgia;

background-color: transparent;

display:inline-block;

text-shadow: 1px 2px 1px #fff;

color:#000;

text-transform:uppercase;

cell-spacing:3px;

}

#h1:hover {

font:bold 9px georgia;

background:#fff;

display:inline-block;

color:#000;

}

@font-face{

font-family:blackout midnight;

src:url(http://static.tumblr.com/mddqzvd/c1Vmvn5e7/blackout_midnight.ttf);

}

a.nae {

letter-spacing:1px;

width:auto;

display:inline-block;

background:transparent;

color:#000;

font:italic 10px times new roman;

text-transform:none;

text-align:center;

letter-spacing:1px;

text-decoration:none;

}

a.nae:hover{

color:#999;

text-decoration:underline;

}

a.boohaters {

width:65px;

display:inline-block;

background:#fff;

color:#000;

border-left:0px solid #000;

cursor:vertical-text;

font:bold 10px georgia;

padding:5px;

text-transform:uppercase;

text-align:center;

letter-spacing:0px;

text-decoration:none;

}

a.boohaters:hover{

color:#fff;

border-left:0px solid #fff;

background:#000;

}

a.dae {

width:80px;

display:inline-block;

background:#000;

color:#fff;

border:5px solid #fff;

cursor:vertical-text;

font:bold 17px 'Oswald',san serif;

padding:7px;

margin-top:-4px;

text-transform:uppercase;

text-align:center;

letter-spacing:0px;

text-decoration:none;

opacity:0.5;

}

a.dae:hover{

color:#000;

border:5px solid #fff;

background:#fff;

opacity:0.5;

}

a.poplight {

font:bold 9px georgia;

background-color: transparent;

padding-bottom: 5px;

display:inline-block;

padding: 4px;

border-bottom:2px solid transparent;

text-align: center;

margin-bottom:6px;

color:#000;

height:7px;

text-transform:uppercase;

}

.poplight:hover {

font:bold 9px georgia;

background-color: transparent;

padding-bottom: 4px;

display:inline-block;

padding: 4px;

border-bottom:2px solid #000;

text-align: center;

margin-bottom:6px;

color:#000;

height:7px;

}

.navi23{

color:#fff;

background-color: #000;

display:inline-block;

width:67px;

height:10px;

padding: 4px;

border-bottom: 0px solid #444;

text-align:center;

margin-left:9px;

margin-bottom: 0px;

font-family: tt;

font-size:9px;

letter-spacing:2px;

-webkit-transition-duration:0.6s;

-moz-transition-duration:0.6s;

-ms-transition-duration:0.6s;

-o-transition-duration:0.6s;

transition-duration:0.6s;

}

.navi23:hover {

background: transparent;

color: #000;

border-radius: 50%;

-webkit-transition-duration:0.6s;

-moz-transition-duration:0.6s;

-ms-transition-duration:0.6s;

-o-transition-duration:0.5s;

transition-duration:0.6s;

}

.gege{

background:none;

font-family: times new roman;

letter-spacing: -0px;

font-weight:bold;

text-transform: justify;

text-align: left;

width:550px;

font-size:20px;

margin:auto;

border-bottom:1px solid #eee;

text-transform: none;

color:#000;

padding:2px;

margin-bottom:0px;

}

#fade {

display: none;

background: #000;

position: fixed;

left: 0;

top: 0;

width: 100%;

height: 100%;

opacity: .80;

;

}

/* edit this */

.popup_block{

display: none;

background: transparent ;

padding: 30px;

float: left;

position: fixed;

top: 50%;

left: 50%;

;

}

*html #fade {

position: absolute;

}

*html .popup_block{

position: absolute;

}

#s-m-t-tooltip {

background: #ABB5AF;/* change the background color */

font-size: 9px;/* change the font size */

line-height: 11px;

font-family: times new roman;/* change the font */

letter-spacing: 2px;

text-transform: lowercase;/* can be lowercase, uppercase, none */

color: #fff;/* change the text color */

text-align: center;

padding: 5px;

display: block;

width:auto;

border-radius: 5px;

margin: 24px;

-webkit-box-shadow: 1px 1px 1px #fff;

-moz-box-shadow: 1px 1px 1px #fff;

box-shadow: 1px 1px 1px #fff;

}

#comments {

margin:5;

border-width:0 1px 1px;

padding:20px 0 15px 0;

}

.comment-icon blogger-comment-icon{display:none}

#comments-block {

margin:2px ;

}

.comment-data {

background:url("http://media.tumblr.com/7287af4dd727e0f519bcd16083cdbe53/tumblr_inline_mueoakoCJs1qdlkyg.gif") no-repeat 2px .3em;

margin-top:5px !important;background-size:15px;

padding:0 0 0 20px;

color:#666;

}

span.comment-icon{display:none}

.comment-poster {

font-weight:bold;

}

.comment-body {

margin:0px;

}

.comment-body p {

background:#FFFFFF;

border:1px solid #000;

margin:0em;

padding:5px;

color:#999;

-webkit-transition:All 0.4s ease ;

-moz-transition:All 0.4s ease ;

-o-transition:All 0.4s ease ;

}

.comment-body:hover p {

background:#FFFFFF;

border:1px solid #000;

margin:0em;

padding:5px;

color:#000;

-webkit-transition:All 0.4s ease ;

-moz-transition:All 0.4s ease ;

-o-transition:All 0.4s ease ;

}

#ommalulu {

height:99px;

width:150px;

overflow:hidden;

border: 0px solid #000;

}

#appalulu {

height:820px;

width:190px;

position:fixed;

top:-10px;

left:5px;

overflow:hidden;

border-left: 0px solid #000;

background:#fff;

}

#lulushi { background:#000;margin-left:-30px;font-size:9px;width:160px;height:802px;

opacity:100; border-radius: 0px 0px 0px 0px;

border: 0px solid #e6e6e6; -webkit-transition:0.8s;}

#picturebye {

width: 380px;

height: 271px;

overflow:hidden;

border-top:8px solid #fff;

border-left:8px solid #fff;

border-right:8px solid #fff;

border-bottom:29px solid #fff;

box-shadow: 1px 1px 5px #888888;

}

#luhanbye { background:#fff;width:380px;height:271px;

opacity:0.0; border-radius: 0px 0px 0px 0px;

border: 0px solid #e6e6e6;-webkit-transition:0.8s;}

#luhanbye:hover {opacity:0.6;border-radius: 0px 0px 0px 0px;-webkit-transition:0.8s;}

#picture {

width: 500px;

height: 268px;

overflow:hidden;

border: 0px solid #000;

}

#luhan { background:transparent;font-size:9px;width:500px;height:268px;

opacity:0.0; border-radius: 0px 0px 0px 0px;

border: 0px solid #e6e6e6; -webkit-transition:0.8s;}

#luhan:hover {opacity:100;border-radius: 0px 0px 0px 0px;-webkit-transition:0.8s;}

#picture1 {

width: 500px;

height: 268px;

overflow:hidden;

border: 0px solid #000;

}

#luhan1 { background:transparent;font-size:9px;width:500px;height:268px;

opacity:0.0; border-radius: 0px 0px 0px 0px;

border: 0px solid #e6e6e6; -webkit-transition:0.8s;}

#luhan1:hover {opacity:100;border-radius: 0px 0px 0px 0px;-webkit-transition:0.8s;}

#picture3 {

width: 500px;

height: 350px;

overflow:hidden;

border: 0px solid #000;

}

#luhan3 { background:#000;font-size:9px;width:500px;height:350px;

opacity:0.8; border-radius: 0px 0px 0px 0px;

border: 0px solid #e6e6e6; -webkit-transition:0.8s;}

#luhan3:hover {opacity:0.8;border-radius: 0px 0px 0px 0px;-webkit-transition:0.8s;}

#picture4 {

width: 500px;

height: 281px;

overflow:hidden;

border: 0px solid #000;

}

#luhan4 { background:transparent;font-size:9px;width:500px;height:281px;

opacity:0.0; border-radius: 0px 0px 0px 0px;

border: 0px solid #e6e6e6; -webkit-transition:0.8s;}

#luhan4:hover {opacity:100;border-radius: 0px 0px 0px 0px;-webkit-transition:0.8s;}

#picture5 {

width: 500px;

height: 268px;

overflow:hidden;

float:center;

border: 7px solid #000;

}

#luhan5 { background:#fff;font-size:9px;width:500px;height:268px;

opacity:0.0; border-radius: 0px 0px 0px 0px;

border: 0px solid #e6e6e6; -webkit-transition:0.8s;}

#luhan5:hover {opacity:100;border-radius: 0px 0px 0px 0px;-webkit-transition:0.8s;}

#picture6 {

width: 900px;

height:350px;

overflow:hidden;

border: 0px solid #000;

}

#luhan6 { background:transparent;font-size:9px;width:900px;height:80px;

opacity:100; border-radius: 0px 0px 0px 0px;

border: 0px solid #e6e6e6; -webkit-transition:0.8s;}

#luhan6:hover {opacity:100;width:900px;height:80px;border-radius: 0px 0px 0px 0px;-webkit-transition:0.8s;}

#picture7 {

width: 100px;

height: 100px;

position:absolute;

top:180px;

left:640px;

background:transparent;

-webkit-transform: rotate(-5deg);

-moz-transform: rotate(-5deg);

-o-transform: rotate(-5deg);

-ms-transform: rotate(-5deg);

transform: rotate(-5deg);

}

#luhan7 { background:transparent;font-size:9px;width:100px;height:100px;

opacity:100; border-radius: 0px 0px 0px 0px; -webkit-transition:0.8s;}

#luhan7:hover {opacity:100;border-radius: 0px 0px 0px 0px;-webkit-transition:0.8s;}

#picture8 {

width: 500px;

height: 268px;

overflow:hidden;

border: 0px solid #000;

}

#luhan8 { background:#000;font-size:9px;width:500px;height:268px;

opacity:0.0; border-radius: 0px 0px 0px 0px;

border: 0px solid #e6e6e6; -webkit-transition:0.8s;}

#luhan8:hover {opacity:0.5;border-radius: 0px 0px 0px 0px;-webkit-transition:0.8s;}

.ken98{

display:inline-block;

width:60px;

padding:3px;

margin:4px;

background:#fff;

font:8px tt;

text-align:center;

Text-decoration:none;

color:#888888;

text-transform:uppercase;

border: 1px solid #b1b1b1;

}

.ken98:hover{

-webkit-transition-duration: 0.5s; box-shadow: inset 8px 0 10px 0 #000; color: #000;}

@font-face {

font-family:tt !important;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;

}

.likeken{

color:#000;

background-color: #CEF6F5;

display:inline-block;

width:67px;

height:10px;

padding:4px;

border-radius: 13%;

text-align:center;

margin-left:9px;

margin-bottom: 10px;

font-family: 'Cutive Mono', serif;

font-size:9px;

letter-spacing:2px;

text-shadow:15px 0px transparent, -15px 0px transparent;

-webkit-transition-duration:0.5s;

-moz-transition-duration:0.5s;

-ms-transition-duration:0.5s;

-o-transition-duration:0.5s;

transition-duration:0.5s;

}

.likeken:hover {

background-color: #CEF6F5;

color: #999;

text-shadow:0px 10px #000, -0px 10px #000;

border-bottom: 0px solid transparent;

-webkit-transition-duration:0.5s;

-moz-transition-duration:0.5s;

-ms-transition-duration:0.5s;

-o-transition-duration:0.5s;

transition-duration:0.5s;

}

.qt {

position:absolute;

display:inline;

margin-top:255px;

margin-left:18px;

width:180px;

text-align:justify;

line-height:6px;

font-family: courier new;

font-size: 8px;

text-transform:uppercase;

letter-spacing:1px;

background-color:{color:quote bg};

color:{color:quote color};

padding:2px;

}

a.linki {

border: 1px solid #eee;

margin-left: 2px;

margin-bottom: 4px;

text-align: center;

width: 62px;

background: #fff;

display: inline-block;

color:#555;

font: 7px 'consolas';

text-transform: uppercase;

letter-spacing: 2px;

padding:9px;

filter: alpha(opacity = 80);

opacity:.8;

-moz-transition-duration: 1s;-

webkit-transition-duration: 1s;

}

a.linki:hover {

border: 1px solid #bdbdbd;

margin-left: 2px;

margin-bottom: 4px;

text-align: center;

width: 62px;

background: #fff;

display: inline-block;

color:#555;

font: 7px 'consolas';

text-transform: uppercase;

letter-spacing: 2px;

padding:9px;

filter: alpha(opacity = 80);

opacity:.8;

-moz-transition-duration: 1s;-

webkit-transition-duration: 1s;

}

a.linki1 {

border: 1px solid #eee;

margin-left: 2px;

margin-bottom: 4px;

text-align: center;

width: 105px;

background: #000;

display: inline-block;

color:#555;

font:italic 12px 'times new roman';

text-transform: lowercase;

letter-spacing: 2px;

padding:9px;

filter: alpha(opacity = 80);

opacity:.8;

-moz-transition-duration: 1s;-

webkit-transition-duration: 1s;

}

a.linki1:hover {

letter-spacing: 0px;

background:url(http://data1.whicdn.com/images/94693244/large.gif);

background-position:50% 80%;background-size:400px;

-moz-transition-duration: 1s;-

webkit-transition-duration: 1s;

}

a.link{

color:#fff;

display:inline-block;

letter-spacing:0px;

font:bold 12px 'Oswald',arial;

width:78px;

text-transform:uppercase;

background:#ABB5AF;

padding:5px;

margin-top:10px;

border:2px solid transparent;

-webkit-transition:All 0.7s ease ;

-moz-transition:All 0.7s ease ;

-o-transition:All 0.7s ease ;

}

a.link:hover{

color: #ABB5AF;

background:#fff;

border:2px solid #ABB5AF;

-webkit-transition-duration:0.5s;

-moz-transition-duration:0.5s;

-ms-transition-duration:0.5s;

-o-transition-duration:0.5s;

transition-duration:0.5s;

}

#creditnav{

display: inline-block;

border:1px solid #bdbdbd;

background-color:#bdbdbd;

width: 5px;

height: 5px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius:5px;

float: center;

-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

#creditnav:hover{

display: inline-block;

border:1px solid #bdbdbd;

background-color:#fff;

width: 5px;

height: 5px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

float: center;

-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

.tea{background:#000; width:250px;margin-top: 300px; ; margin-left: 199px;}

.coffee {position:fixed;top:390px;display:inline-block;background:#000; text-transform: none; font-size: 9px; font-family: consolas;filter: alpha(opacity = 80); color:#fff; letter-spacing: 0px; padding:1px; width:68px;margin-left:100px; text-align:center;}

.coffee:hover {color:#fff;}

.coffee:hover .latte a:moo{ margin-top:10px; }

.coffee:hover .latte{

opacity:3;

-webkit-transition-duration:.7s;

overflow:hidden;

background-color:transparent;

;

height:auto; }

.latte {

position:absolute;

overflow:hidden;opacity:1.0;

height:0px; width:70px;

margin-top: 1px; margin-left:-1px;

transition: all 0.5s ease;

-o-transition-transition: all 0.5s ease;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;}

.latte a{

color:#ffffff ;opacity:.8;background-color:#000;

text-align:center; display:block;

padding:1px;

text-transform:lowercase; line-height: 17px;

font-size: 10px; font-family: 'calibri', sans-serif;

letter-spacing: 2px;

-webkit-transition: opacity 1s ease-in-out;

-moz-transition: opacity 1s ease-in-out;

-o-transition: opacity 1s ease-in-out;

-ms-transition: opacity 1s ease-in-out;

transition: opacity 1s ease-in-out;}

.latte a:hover{

text-align: right;

opacity:1.0;

-webkit-transition: opacity 1s ease-in-out;

-moz-transition: opacity 1s ease-in-out;

-o-transition: opacity 1s ease-in-out;

-ms-transition: opacity 1s ease-in-out;

transition: opacity 1s ease-in-out;}

.navigation1,.navigation2,.navigation3,.navigation4,.navigation5,.navigation6{

text-align: left;

display:inline-block;

color:transparent;

font:italic 9px 'times new roman';

width:50px;

height:9px;

padding:4px;

filter: alpha(opacity = 80);

opacity:.8;

text-transform: none;

}

.navigation1:hover,.navigation2:hover,.navigation3:hover,.navigation4:hover,.navigation5:hover,.navigation6:hover {

text-align: left;

background: #999;

color:transparent;

text-transform: none;

}

.navigation1{background:#1C1C1C;}

.navigation2{background:#2E2E2E;}

.navigation3{background:#424242;}

.navigation4{background:#585858;}

.navigation5{background:#6E6E6E;}

.navigation6{background:#848484;}

#linki1{

text-align: left;

border-left:4px solid #000;

background: transparent;

display:inline-block;

color:#000;

font:italic 9px 'times new roman';

width:50px;

padding:4px;

filter: alpha(opacity = 80);

opacity:.8;

text-transform: none;

}

#linki1:hover {

text-align: left;

letter-spacing:2px;

border-left:4px solid #999;

background: transparent;

color:#999;

text-transform: none;

}

a1{text-decoration:none ;

color:#fff;cursor:pointer;

-webkit-transition:All 0.7s ease ;

-moz-transition:All 0.7s ease ;

-o-transition:All 0.7s ease ; }

a1:hover{color:#fff;

background:#000;

background-position:50% 80%;background-size:400px;

}

#pictureside {

width: 100px;

height: 100px;

overflow:hidden;

border: 0px solid #000;

}

#luhanside {font-size:9px;width:100px;height:100px;

opacity:0.0; border-radius: 0px 0px 0px 0px;

border: 0px solid #e6e6e6; -webkit-transition:0.0s;}

#luhanside:hover {opacity:100;border-radius: 0px 0px 0px 0px;-webkit-transition:0.0s;}

#navig {

position:absolute;

top:49px;

left:570px;

}

#title {

font-family: arial;

font-size:80px;

font-weight:bold;

text-transform:lowercase;

color:#242424;

letter-spacing:-17px;

position:fixed;

width:70%;

top:470px;

left:470px;

}

.overlap {

font-family: arial;

font-size:80px;

font-weight:bold;

text-transform:lowercase;

color:black;

width:600px;

background:#fff;

letter-spacing:-8px;

-webkit-transition:All 0.7s ease ;

-moz-transition:All 0.7s ease ;

-o-transition:All 0.7s ease ;

}

#promote {

width:200px;

height:160px;

font: bold 40px times new roman;

letter-spacing:-7px;

color:#000;

line-height:30px;

background:transparent;

-webkit-transition:All 0.7s ease ;

-moz-transition:All 0.7s ease ;

-o-transition:All 0.7s ease ;

}

#header{

background:transparent;

width:260px;

height:100%;

}

#id:hover {

color:#ABB5AF;

text-decoration:underline;

}

</style>

<div style="background:#fff;

width:100%;border-radius: 0px 0px 0px 0px;

padding:0px;margin-top:350px;position:absolute;left:0px;">

</style>

</head>

</center>

</center>

<tr>

<div id="header"><br><div style="margin-top:-170px;"><a style="font-size:14px;color:#000;font-style:italic;" href="/"><img style="background:#fff;border-radius:10px;border:2px solid #fff;" src="http://i.imgur.com/sS0PjbM.jpg" width="200"></a></div><div style="background:#fff;width:200px;padding:3px;text-align:justify;font:10px times new roman;"><span style="font:bold 21px arial;color:#ABB5AF;">ชื่อทวิต/ไอดี</span><br><span style="font:bold 15px arial;color:#ABB5AF;"><a id="id" href="ลิงค์ทวิตของคุณ" target="_blank">@แอคทวิตของคุณ</a></span><br><br><span style="font: 12px arial;color:#ABB5AF;">เขียนเพิ่มเติมเล็กน้อยเหมือนทวิต</span></div><br><a class="link" href="http://writer.dek-d.com/ชื่อไอดี/friend/request_friend.php" target="_blank">addme</a>

<a class="link" href=http://my.dek-d.com/ชื่อไอดี/sendsecret.php" target="_blank">secret</a><br>

<a class="link" href="http://my.dek-d.com/ชื่อไอดี/writer/" target="_blank">writer</a><br><br>

<span style="text-align:left;font:13px arial;color:#ABB5AF;">เพื่อนสนิท</span></div>

<br><br><center><div style="text-align:left;margin-left:35px;"><span style="text-align:left;font:13px arial;color:#ABB5AF;">© inspired by <span style="font-weight:bold;">twitter</span></span></div></center>

</div>EDIT BY VIVAPỢLØ✿ID.Dream!

</div>

</div><br>

</div>

<div class="gege"><a class="titleblog" href="<$BlogItemPermalinkURL$>">พูดโม้บลาๆๆ</a><br></div><br>เขียนโม้อะไรเพิ่มเติมยืดๆยาวๆไปเลย!</div><br>

</Blogger>

</td>

<a style="font-family:arial;float:left;" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>

</Blogger>

<div style="float:right"><a title="newer" class="teen1" href=<$NewerPosts$>></a><div style="float:left"><a class="teen1" href=<$OlderPosts$> title="older"></a></div></div>

</td>

</table>

<!--//Disable right mouse click Script

//By Dynamicdrive (renigade@nsimail.com)

//For full source code, visit http://www.dynamicdrive.com

var message="";

///////////////////////////////////

function clickIE4(){

if (event.button==2){return false;}}

function clickNS4(e){

if (document.layers||document.getElementById&&!document.all){

if (e.which==2||e.which==3){return false;}}}

if (document.layers){document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=clickNS4;}

else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}

document.oncontextmenu=new Function("return false")// -->

</script>

</body>

</script>

</object>

</div>

$(document).ready(function() {

//

//When you click on a link with class of poplight and the href starts with a #

$('a.poplight[href^=#]').click(function() {

var popID = $(this).attr('rel'); //Get Popup Name

var popURL = $(this).attr('href'); //Get Popup href to define size

//Pull Query & Variables from href URL

var query= popURL.split('?');

var dim= query[1].split('&');

var popWidth = dim[0].split('=')[1]; //Gets the first query string value

//Fade in the Popup and add close button

$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');

//Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css

var popMargTop = ($('#' + popID).height() + 80) / 2;

var popMargLeft = ($('#' + popID).width() + 80) / 2;

//Apply Margin to Popup

$('#' + popID).css({

'margin-top' : -popMargTop,

'margin-left' : -popMargLeft

});

//Fade in Background

$('body').append('<div id="fade"></div>');

$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies

return false;

});

O W E N TM.

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

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

ลำดับตอนที่ #15 : (ฺB) ; Twitter - got7

TWITTER

CODE

MADAMPARK_

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

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

ความคิดเห็น

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

ลำดับตอนที่ #15 : (ฺB) ; Twitter - got7

TWITTER

CODE

MADAMPARK_

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

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

ความคิดเห็น