iDDM., Blogskins to iDDream

ลำดับตอนที่ #10 : ● Skin #337106 [Satellite]

Preview

  

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

Codes.

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

<!--Code Editing By iDDM.,--><style type="text/css"> #navbar-iframe{display: none;height: 0;} a:link,a:active,a:visited { color: #7c7c7c;text-decoration: none; } a:hover { color: #4e4e4e; } a.nav, a:link.nav, a:visited.nav, a:active.nav {font-size: 10px;letter-spacing: 1px;line-height: 150%;color: #aaa; padding-left:18px; text-decoration: none;border-bottom: 1pt solid #202020; color: #c2c2c2;background:#242424; display: block;text-transform: ;} a:hover.nav {letter-spacing: 2px;background: #2a2a2a; color: #aaa;} body{background: #161616; font: bold 11px arial;color: #444;line-height: 150%;} .navigations { font: italic 15px georgia; color: #999; padding: 0px;text-transform: lowercase; letter-spacing: 0px;} .icon {border: 30px solid #111; width:100px; height:100px;} .h1 { font: 32px arial; color: #333; letter-spacing: -2px; line-height:18px;text-transform:lowercase; } .h2 { font: 23px arial; color: #39A8A6; letter-spacing: -1px; line-height:18px;text-transform:lowercase; } .h3 { font: 10px arial; color: #72ABAA; text-transform: lowercase; letter-spacing: 1px; width: px; padding: 8px; } .heart {font: 62px arial; color: #202020; padding:12px; letter-spacing:-3px; line-height:90%; text-align:center;text-transform:uppercase; text-shadow: #435152 2px 2px 2px; text-align:center} .you {font: 23px georgia; color: #0D9C9E;filter: alpha(opacity=70); opacity: .7;background:#202020; letter-spacing: -1px;text-transform:lowercase; padding: 2px} .sky {filter: alpha(opacity=80); opacity: .8;} b { color: #72D6CC; cursor: help;font-weight:bold;font-family: trebuchet ms} i { color: #; } em {font-family: georgia} u { color: #72D6CC; border-bottom: 2px #E1F2F1 solid; text-decoration: none; cursor: help; } s { color: #DDD; cursor: help; } blockquote{ color: #999; background: #eee;padding: 15px;text-transform: uppercase; letter-spacing: 0px;line-height:180% } </style> <span style="position: absolute; top: 160px; left: 40px; height: auto; padding: 10px;"> <font class="heart">satellite</font> </span> <div style="position: absolute; top: 20px; left: 400px; width: 540px; height: auto; background-color: #f6f6f6;color: #777; text-align: ; -webkit-border-radius: 16px 16px 16px 16px; padding: 15px; font: bold 11px arial;"><center> <div class="sky"><img alt="" src="http://i913.photobucket.com/albums/ac338/starshine-x/champagne/satellit-e.jpg" _fcksavedurl="http://i913.photobucket.com/albums/ac338/starshine-x/champagne/satellit-e.jpg" /></div> </center><br /> <span style="position: absolute; top: 356px; left: 220px; width: 330px; height: auto; text-align: ; "> <center> <font class="navigations"> <span style="background: #202020; -webkit-border-radius: 0px 0px 6px 6px; text-decoration: blur; padding: 6px;padding-top:8px ;" onMouseOver="this.style.cursor='pointer'; this.style.color='#eee'; this.style.background='#242424'" onMouseOut="this.style.color='#999'; this.style.background='#202020'" onclick="changeNavigation('bio')">profile</span> <span style="background: #202020; -webkit-border-radius: 0px 0px 6px 6px; text-decoration: blur; padding: 6px;padding-top:8px ;" onMouseOver="this.style.cursor='pointer'; this.style.color='#eee'; this.style.background='#242424'" onMouseOut="this.style.color='#999'; this.style.background='#202020'" onclick="changeNavigation('tag')">comments</span> <span style="background: #202020; -webkit-border-radius: 0px 0px 6px 6px; text-decoration: blur; padding: 6px;padding-top:8px ;" onMouseOver="this.style.cursor='pointer'; this.style.color='#eee'; this.style.background='#242424'" onMouseOut="this.style.color='#999'; this.style.background='#202020'" onclick="changeNavigation('links')">affiliates</span> <span style="background: #202020; -webkit-border-radius: 0px 0px 6px 6px; text-decoration: blur; padding: 6px;padding-top:8px ;" onMouseOver="this.style.cursor='pointer'; this.style.color='#eee'; this.style.background='#242424'" onMouseOut="this.style.color='#999'; this.style.background='#202020'" onclick="changeNavigation('etc')">random</span> </font></center><font class="navigations"> </font></span> <br /> <br /> <blogger> <span class="h2"><$BlogItemTitle$></span> <span class="h3"><blogdateheader><$BlogDateHeaderDate$></blogdateheader> / <$BlogItemDateTime$></span><br /> <$BlogItemBody$><br /> </blogger></div> <br /> <br /> <div id="box"> <div style="position: absolute; top: 300px; left: 425px;width: 500px; height: auto; padding: 10px; text-align:center"> <div class="you">Love you, know I’ll fight for you<br /> I left the porch light on for you</div> </div> <div style="position: absolute; top: 220px; left: 60px; width: 280px; height: auto; background-color: #202020; text-align: ; padding: 15px; -webkit-border-radius: 10px 10px 10px 10px; "><span style="font: bold 11px arial;color: #444;">Layout is best viewed in <b>Google chrome</b>. Sucks big time in Internet Explorer. Please do not use any part of this layout and credit as your own, thank you. Blog is owned by ______ aka the Nerd Mama. :D</span></div> </div> <br /> <br /> <div id="bio" style="display:none"> <div style="position: absolute; top: 300px; left: 425px;width: 500px; height: auto; padding: 10px; text-align:center"> <div class="you">Love you, know I’ll fight for you<br /> I left the on porch light for you</div> </div> <div style="position: absolute; top: 220px; left: 60px; width: 280px; height: auto; background-color: #202020; text-align: ; padding: 15px; -webkit-border-radius: 10px 10px 10px 10px; "> <div class="h1">biography</div> <br /> <br /> <span style="font: bold 11px arial;color: #444;">Oh, <span class="h2">HI!</span> My parents are Hoochie Mama and Nerdy Papa, hence my name is Nerdy Mama. Maybe it's because I wear a pair of thick-framed black glasses, which people complain are so nineteen-fifty. Or it's that I'm seen with a book wherever I go. I'm a science geek who wants to get into triple science class. My friends mock me for that, but of course the typical me don't give a damn. <br /> -That's me</span> <div id="tag" style="display:none"> <div style="position: absolute; top: 300px; left: 425px;width: 500px; height: auto; padding: 10px; text-align:center"> <div class="you">Whether you are sweet or cruel<br /> I’m gonna love you either way</div> </div> <div style="position: absolute; top: 220px; left: 60px; width: 280px; height: auto; background-color: #202020; text-align: ; padding: 15px; -webkit-border-radius: 10px 10px 10px 10px; "> <div class="h1">comments</div> <br /> <br /> <span style="font: bold 11px arial;color: #444;"> cbox </span> <br /> <div id="links" style="display:none"> <div style="position: absolute; top: 300px; left: 425px;width: 500px; height: auto; padding: 10px; text-align:center"> <div class="you">Love, my aim is straight and true<br /> Cupid’s arrow is just for you</div> </div> <div style="position: absolute; top: 220px; left: 60px; width: 280px; height: auto; background-color: #202020; text-align: ; padding: 15px; -webkit-border-radius: 10px 10px 10px 10px; "> <div class="h1">affiliates</div> <br /> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Adrienne</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Brigid</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Cherrie</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Danielle</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Elena</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Frances</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Gloria</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Hanna</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Isla</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Janessa</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Katie</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Liesel</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Maria</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Noelle</a> <a href="http://.blogspot.com/" _fcksavedurl="http://.blogspot.com/" class="nav" target="_blank">Oceané</a> <br /> <div id="etc" style="display:none"> <div style="position: absolute; top: 300px; left: 425px;width: 500px; height: auto; padding: 10px; text-align:center"> <div class="you">I even painted my toe nails for you<br /> I did it just the other day</div> </div> <div style="position: absolute; top: 220px; left: 60px; width: 280px; height: auto; background-color: #202020; text-align: ; padding: 15px; -webkit-border-radius: 10px 10px 10px 10px; "> <div class="h1">random</div> <br /> <br /> <center> <select style="color:#777; font: 10px arial; letter-spacing: px; background-color:#242424; border:2px solid #252525; padding: 2px;letter-spacing: 1px; width: 220px;" onChange="location.href=this.options[this.selectedIndex].value;"> <option value="">archives ▼ </option> <option value="<$BlogArchiveURL$>">►►► <$BlogArchiveName$></option> </select><br /> </center> <br /> <br /> <span style="font: bold 11px arial;color: #444;"> <a href="http://www.blogskins.com/me/hasta_maana" _fcksavedurl="http://www.blogskins.com/me/hasta_maana" class="nav">hasta mañana</a>▲layout<br /> <a href="http://www.colorpicker.com/" _fcksavedurl="http://www.colorpicker.com/" class="nav">colour picker</a>▲colour codes<br /> <a href="http://weheartit.com/entry/1547178" _fcksavedurl="http://weheartit.com/entry/1547178" class="nav">we heart it</a>▲banner<br /> <a href="http://www.blogskins.com/apply.php?sid=335022&action=Preview" _fcksavedurl="http://www.blogskins.com/apply.php?sid=335022&action=Preview" class="nav">chapstick</a><a href="http://www.blogskins.com/apply.php?sid=284916&action=Preview" _fcksavedurl="http://www.blogskins.com/apply.php?sid=284916&action=Preview" class="nav">materialistic</a>▲inspirations</span></div> </div> </div> </div> </div> </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 อีกเช่นเคย มีปัญหาอะไรเม้นบอกด่วน