iDDM., Blogskins to iDDream

ลำดับตอนที่ #9 : ● Skin #358380 [Leave Me Alone]

Preview

  

ดูแบบเว็บที่ Blogskins.com

Codes.

สามารถก็อปไปแปะได้เลย (กดแทรกโค้ดก่อนนะครับ)

<style type="text/css"> #apDiv1 { position:absolute; left:0px; top:0px; width:1000px; height:600px; px Arial; color:silver; cursor:crosshair; } a { letter-spacing:1px; color:#e8e8e8; font:9px Arial; text-decoration:none; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 350ms; } a:hover { letter-spacing:3px; color:gold; padding:2px; text-shadow:1px 1px 1px white; text-decoration:none; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 350ms; } blockquote { -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 350ms; color:#FF9900; font:10px Arial; padding:5px; border-left:10px #FF9900 solid; text-align:left; opacity:1; } blockquote:first-letter { font:24px Script MT Bold; color:yellow; } blockquote:hover { text-align:right; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 350ms; color:gold; border-right:10px yellow solid; border-left:0px yellow solid; } h4 { margin-left:20px; text-align:center; width:35%; background:gold; text-transform:uppercase; color:white; font:11px Arial; letter-spacing:5px; padding:5px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; } h3 { margin-top:-8px; float:right; width:180px; padding:2px; color:white; font: 9px Arial; text-transform:lowercase; text-align:center; letter-spacing:1px; background:#FF9900; } h2 { margin-top: 5px; color:white; font:10px Arial; text-align:left; } h1 { padding:3px; color:white; font:12px Arial; letter-spacing:1px; text-transform:uppercase; background:gold; } .navis { -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; background:gold; margin:2px; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; text-transform:uppercase; left:11px; font:9px Arial; color:white; letter-spacing:1px; padding:7px; width:100px; top:89px; px; left:430px; width:570px; padding:7px; } .navis:hover { padding-top:15px; margin-top:-6px; background:#FF9900; color: white; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 350ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 350ms; } .extras { top:130px; left:50px; position:fixed; background:white; width:300px; padding:10px; background:white; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; } .header { height:150px; position:fixed; top:50px; left:50px; font:21px Century Gothic; color:white; text-shadow:0px 0px 3px #f4f4f4; text-align:left; letter-spacing:-1px; } </style> <div id="apDiv1"> <div class="header"><big>From my head to my toes</big> <br /> From the words in the book<br /> <small>I see a vision that would bring me luck...</small></div> <div class="extras"><img width="280" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=75" onmouseover="this.style.opacity=1;this.filters.alpha.opacity='100', this.style.WebkitTransitionTimingFunction='ease-out', this.style.WebkitTransitionDuration='250'" style="padding:3px;margin:5px;border:1px #FFFFFF solid;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;opacity:0.4;filter:alpha(opacity=75)" src="http://img502.imageshack.us/img502/8692/77293328.png" _fcksavedurl="http://img502.imageshack.us/img502/8692/77293328.png" alt="" /> <h4>Tagboard</h4> <div style="border-bottom:2px gold solid;margin-top:-14px;"></div> <br /> Your tagboard goes here. No more than 300 pixels of width, and it would also be great if you keep the height at max. 200 pixels.<br /> <br /> <center><select onChange="location.href=this.options[this.selectedIndex].value;" style="border: 0px none; padding: 3px; background:#ff9900;font-family: Arial;font-size: 10px;color: yellow; width:80%; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;"> <option value="<$BlogArchiveURL$>">rewind me</option> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option> </select></center></div> <div onclick="changeNavigation('profile')" style="position:absolute;left:440px;" class="navis">Profile</div> <div onclick="changeNavigation('fun')" style="position:absolute;left:555px;" class="navis">Other</div> <div class="sidenavis"> <div id="main"> <div style="-moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;background:#FF9900;padding:7px;"> <div style="float:left;"><img width="32" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=75" onmouseover="this.style.opacity=1;this.filters.alpha.opacity='100', this.style.WebkitTransitionTimingFunction='ease-out', this.style.WebkitTransitionDuration='250'" style="-moz-border-radius:5px 0px 5px 0px; -webkit-border-radius:5px 0px 5px 0px;padding:0px;margin:5px;border:5px yellow solid; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms;opacity:0.4;filter:alpha(opacity=75)" src="http://img829.imageshack.us/img829/6304/1720016asyy49mtak.png" alt="" /></div> <center> <h2>Welcome to ururl.bs.com. Navis are on the top. <br /> Enjoy and leave me a tag! :D<br /> </h2> </center></div> </div> <div style="display:none" id="profile"> <div style="-moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;background:#FF9900;padding:7px;"> <div style="float:left;"><img width="32" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=75" onmouseover="this.style.opacity=1;this.filters.alpha.opacity='100', this.style.WebkitTransitionTimingFunction='ease-out', this.style.WebkitTransitionDuration='250'" style="-moz-border-radius:5px 0px 5px 0px; -webkit-border-radius:5px 0px 5px 0px;padding:0px;margin:5px;border:5px yellow solid; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms;opacity:0.4;filter:alpha(opacity=75)" src="http://img829.imageshack.us/img829/6304/1720016asyy49mtak.png" alt="" /></div> <h2><s>Your</s> <b>short</b> <i>profile</i> <u>here.</u><br /> Hello, my name is Jos, I live in Fairyland and I'm so awesome! ;)</h2> </div> </div> <div style="display:none" id="fun"> <div style="-moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;background:#FF9900;padding:7px;"> <div style="float:left;"><img width="32" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=75" onmouseover="this.style.opacity=1;this.filters.alpha.opacity='100', this.style.WebkitTransitionTimingFunction='ease-out', this.style.WebkitTransitionDuration='250'" style="-moz-border-radius:5px 0px 5px 0px; -webkit-border-radius:5px 0px 5px 0px;padding:0px;margin:5px;border:5px yellow solid; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms;opacity:0.4;filter:alpha(opacity=75)" src="http://img829.imageshack.us/img829/6304/1720016asyy49mtak.png" alt="" /></div> <h2>Some <a href="http://" _fcksavedurl="http://">links</a> might do. Even a really small widget. <br /> Blah blah blah..</h2> </div> </div> <div style="margin-top:-8px;background:white;padding:7px;"><blogger> <h1><$BlogItemTitle$></h1> <h3><blogdateheader><$BlogDateHeaderDate$></blogdateheader></h3> <br /> <$BlogItemBody$><br /> <br /> <right><blogitemcommentsenabled> <div style="padding:2px;background:gold;text-align:right;"><a style="color:white;" href="<$BlogItemCommentCreate$>" _fcksavedurl="<$BlogItemCommentCreate$>">Say something? <$BlogItemCommentCount$> comments</a></div> </blogitemcommentsenabled></right></blogger></div> <div style="-moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px ;text-align:center;background:#FF9900;padding:7px;"><font style="color:white;font:10px Arial">This layout is made by <a href="http://www.blogskins.com/me/nemo1" _fcksavedurl="http://www.blogskins.com/me/nemo1">J</a><a href="http://inthenewyorkminutes.blogspot.com" _fcksavedurl="http://inthenewyorkminutes.blogspot.com">o</a><a href="http://the-lonely-messenger.blogspot.com" _fcksavedurl="http://the-lonely-messenger.blogspot.com">s</a> with the image from <a target="blank" href="http://mylife-is-like-a-moonlessnight.blogspot.com/" _fcksavedurl="http://mylife-is-like-a-moonlessnight.blogspot.com/">Moonless-Night</a> and lyrics from <a href="http://www.azlyrics.com/lyrics/neworder/leavemealone.html" _fcksavedurl="http://www.azlyrics.com/lyrics/neworder/leavemealone.html">"Leave Me Alone"</a>. It's best viewed in <a href="http://google.com/chrome" _fcksavedurl="http://google.com/chrome">GC</a>, under resolution of 1024×786. Do not remove or alter the credits!</font></div> </div> </div> <!-- iD Clean Code Ver. 2.3 By Fantasier --><!-- อย่่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า --><style type="text/css">#wrapper { display:none } </style> <div class="theanchor"></div> <script type="text/javascript">$('.theanchor').parent().wrapInner('<div class="thcon"></div>'); $('#wrapper').before($('.thcon').contents());</script>

หมายเหตุ: เเสดงผลได้ดีใน  Firefox,GC  มีปัญหาอะไรเม้นบอกเลยนะคะ