iDDM., Blogskins to iDDream

ลำดับตอนที่ #17 : ● Skin #361880 [I Just Can't Stop Loving Green]

Preview

 

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

Codes.

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

<!--Code Editing By iDDM.,--><style type="text/css"> #navbar-iframe {display: none;} ::-moz-selection {background: #B3E5CF; color: #000;} body{background-color: #DBF5E7; font-family: trebuchet ms; letter-spacing: 1px; font-size: 11px; color: #789890; font-weight:normal; text-transform:normal; padding: 0px; text-align:left; margin: 0px;} #container{width: 805px; background-color: transparent; padding: 0px; overflow: hidden; margin: 0 auto; margin-top:3px; padding-bottom:2px; } #header{width: 805px; height: 100px; background-color: #E5E5E5; padding:0px; margin: 0 auto;} #navigation {font-size:16px!important; line-height:2; width:799px; background-color: #eefef5; margin: 0 auto; margin-top:2px; text-align:left;} #box{width:397px; height:105px; background-color: #eefef5; margin: 0 auto; margin-top:2px; text-align:left; margin-left:2px; float: left;} #box2{width:398px; height:105px; background-color: #eefef5; margin: 0 auto; margin-top:2px; text-align:left; margin-right:2px;} #side{width: 205px; background-color: #eefef5; float: right; margin:0px; margin-right:2px; margin-top:2px; text-align: left;} #content div { font-family: trebuchet ms; letter-spacing: 1px; font-size: 11px; color: #789890; font-weight:normal; text-transform:normal; } #content{ width:800px; background-color: #eefef5; text-align: center!important; margin-top:2px; margin-left:2px;} #bottom{clear: both; display:block; width: 801px; text-align:center; font-family:small fonts; font-size:8px; font-weight:normal; text-transform:uppercase; background-color: #eefef5; color: #555555; margin-top:2px; margin-left:2px; } h1{font-family: georgia; font-size:30px; color: #789890;text-transform: lowercase; text-decoration:italic; font-weight:normal; letter-spacing:-2.5px; border-bottom:1px dotted #C0C0C0; padding:0px; margin:1px; display:block;} h2{font-family: arial; font-size:20px; color: #789890; text-decoration:none; text-transform:normal; text-align:center; font-weight:normal; letter-spacing:1px; border-bottom:1px dotted #C0C0C0; padding:0px; margin:1px; display:block;} h3{font-family: georgia; font-size:20px; color: #789890; text-transform:lowercase; font-weight:normal; letter-spacing:-2.5px; border-bottom:1px dotted #C0C0C0; padding:0px;margin:1px; display:block;} .title{font-family: arial; font-size:20px; color: #789890; text-decoration:none; text-transform:normal; text-align:center; font-weight:normal; letter-spacing:1px; border-bottom:1px dotted #C0C0C0; padding:0px; margin:1px; display:block;} .date {font-family: courier new; font-size: 10px; line-height: 9px; letter-spacing: 1px; color: #777777; text-transform: uppercase; text-align: center; } img { filter: alpha(opacity=100); opacity: 1.0; -webkit-transition-duration: .25s; } img:hover { filter: alpha(opacity=80); opacity:.80; } big{font-family:georgia; font-size:18px; color: #7A7A7A; font-weight:normal; text-transform:lowercase; letter-spacing:-1.5px;} b,strong{color: #3e524d; text-transform:uppercase} u{color: #B3E5CF} a, a:link, a:visited, a:active{font-family:trebuchet ms; font-size:11px; color: #000; font-weight:normal; text-decoration:none;} a:hover{font-family:trebuchet ms; font-size:11px; color: #B3E5CF; background: #f9fffc; font-weight:normal; text-decoration:none;} a.one:visited, a.one:active, a.one:link{ display: block;margin-bottom: 2px;background: #DBF5E7;padding: 2px;line-height: 6px;color: #84AA9D;letter-spacing: 2px;text-transform: none;text-decoration: none;text-align: center;} a.one:hover{ background: #B3E5CF;color: #84AA9D;} a.block, a.block:link, a.block:active, a.block:visited{font-family:arial; font-size:24px; color: #C9C9C9; text-transform:uppercase; font-weight:normal; letter-spacing:-2.5px; border:1px solid #C0C0C0; line-height:33px; text-decoration:none; margin:3px;} a.block:hover{font-family:arial; font-size:24px; color: #C0C0C0; text-transform:uppercase; font-weight:normal; letter-spacing:-2.5px; border:1px solid #C9C9C9; line-height:33px; margin:3px;} strike{color: #9BCEBA;} blockquote {background-color: #f9fffc; padding: 5px;-moz-border-radius: 5px;} .top {background-color: transparent; padding: 5px; -moz-border-radius: 5px;}</style> <div id="container"><br /> <br /> <br /> <br /> <br /> <br /> <h1><center><i>Whispers// I just can't stop loving green</i> </center></h1> <div id="navigation"><center><span onMouseOver="this.style.textDecoration='none';this.style.color='#9BCEBA'" onClick="document.getElementById('main').innerHTML=document.getElementById('info').innerHTML" onmouseout="this.style.textDecoration='none'; this.style.color='#789890'">profile</span> ♔ <span onMouseOver="this.style.textDecoration='none';this.style.color='#9BCEBA'" onClick="document.getElementById('main').innerHTML=document.getElementById('blog').innerHTML" onmouseout="this.style.textDecoration='none'; this.style.color='#789890'">blog</span> ♔ <span onMouseOver="this.style.textDecoration='none';this.style.color='#9BCEBA'" onClick="document.getElementById('main').innerHTML=document.getElementById('friends').innerHTML" onmouseout="this.style.textDecoration='none'; this.style.color='#789890'">links</span> ♔ <span onMouseOver="this.style.textDecoration='none';this.style.color='#9BCEBA'" onClick="document.getElementById('main').innerHTML=document.getElementById('archieves').innerHTML" onmouseout="this.style.textDecoration='none'; this.style.color='#789890'">archives</span> ♔ <span onMouseOver="this.style.textDecoration='none';this.style.color='#9BCEBA'" onClick="document.getElementById('main').innerHTML=document.getElementById('misc').innerHTML" onmouseout="this.style.textDecoration='none'; this.style.color='#789890'">etc.</span> </center></div> <div id="box"> <div><iframe id="cboxmain" height="105" marginheight="2" src="http://www2.cbox.ws/box/?boxid=2247249&boxtag=elfenh&sec=main" frameborder="0" width="397" allowtransparency="allowtransparency" name="cboxmain" marginwidth="2" style="border-bottom: 0px solid; border-left: 0px solid; border-top: 0px solid; border-right: 0px solid"></iframe></div> </div> <div id="box2"> <h3>leave a message</h3> <div><iframe id="cboxform" height="105" marginheight="2" src="http://www2.cbox.ws/box/?boxid=2247249&boxtag=elfenh&sec=form" frameborder="0" width="398" allowtransparency="allowtransparency" name="cboxform" marginwidth="2" scrolling="no" style="border-bottom: 0px solid; border-left: 0px solid; border-top: 0px; border-right: 0px solid"></iframe></div> </div> <div style="position: absolute; top: 5px; left: 5px"><object width="30" height="25"> <param name="movie" value="http://www.youtube.com/v/ckHox5dFFwY?fs=1&hl=en_US&rel=0&autoplay=1" /> <param name="allowFullScreen" value="true" /> <param name="allowscriptaccess" value="always" /><embed width="30" height="25" src="http://www.youtube.com/v/ckHox5dFFwY?fs=1&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed></object></div> <div style="position: absolute; top: 0px; left: 0px"><img alt="" src="http://i1194.photobucket.com/albums/aa378/Nvs911-Art/Random/xgbka-1.png" /></div> <div id="content"> <div id="main"> <div class="words"><br /> <h2>Welcome</h2> <br /> <center><br /> <img alt="" src="http://i54.tinypic.com/2resc3m.png" /><br /> <br /> Welcome to <b>yoururl</b>.blogspot.com<br /> Your disclaimer here? :3 Make it as <strike>long</strike> green as you wish.<br /> <br /> </center></div> </div> </div> <div id="info" style="display: none"><br /> <h2>Profile</h2> <br /> <br /> <img alt="" src="http://img814.imageshack.us/img814/7329/weheartitcomentry583342.jpg" /> <img alt="" src="http://img32.imageshack.us/img32/2365/weheartitcomentry586408.png" /> <img alt="" src="http://img413.imageshack.us/img413/2365/weheartitcomentry586408.png" /><br /> <br /> <b>YourNameHere</b><br /> <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper aliquet venenatis. Aliquam erat volutpat. Nam et suscipit velit. Vestibulum placerat, felis quis dictum interdum, neque est pulvinar neque, at eleifend purus mauris at sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper aliquet venenatis. Aliquam erat volutpat. Nam et suscipit velit. Vestibulum placerat, felis quis dictum interdum, neque est pulvinar neque, at eleifend purus mauris at sapien. <br /> <br /> Normal | <b>Bold</b> | <strike>Strikeout</strike> | <i>Italic</i> | <u>Underline</u> | <a href="#">Link</a> | <big>big</big> | <small>small</small> <br /> <blockquote>Blockquote Here</blockquote><br /> <br /> </div> <div id="friends" style="display: none"><br /> <h2>Whitelist</h2> <br /> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Annabella</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Brenda</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Brigitta</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Cason</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Chelsea</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Calista</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Darwin</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Enrico</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Franklin</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Felicia</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Ghina</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Graciela</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Hans</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">James</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Jordan</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Kenny</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Karen</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Myra</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Natasha</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Nathania</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Nicole</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Oscar</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Patrick</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Ramius</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Randy</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Raissa</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Reyna</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Shania</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Sonia</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Sarah</a> » <a target="_blank" href="http://www.blogskins.com/me/nvs911">Tasya</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">Veronica</a> » <a target="_blank" href="http://ironicsenseoflust.blogspot.com/">William</a> <br /> <br /> <h2>Credits</h2> <br /> Designer: <a href="http://blogskins.com/me/nvs911">nvs</a><a href="http://ironicsenseoflust.blogspot.com">911</a><br /> Icons / Banners: <a href="http://jaggedsmiles.blogspot.com">Jagged Smiles</a> // <a href="http://touchthevelvetsk-y.blogspot.com/">TTVS</a><br /> Base codes: <a href="http://city-waves.net/">City-Waves</a><br /> Colors: <a href="http://www.colourlovers.com/palette/1524680/Green">Green</a><br /> <br /> <br /> </div> <div id="archieves" style="display: none"><br /> <h2>Archieves</h2> <br /> <ul> <li><a class="sidelink" href="&lt;$BlogArchiveLink$&gt;">&lt;$BlogArchiveName$&gt;<br /> </a><br /> <br /> </li> </ul> </div> <div id="misc" style="display: none"><br /> <h2>Music</h2> <br /> More music ? :3<br /> <br /> <h2>Events</h2> <br /> Upcoming Events.. :D<br /> <br /> <h2>Wishlist</h2> <br /> 1. A Green World<br /> 2. Meet Santa<br /> <br /> </div> <br /> <div id="blog" style="display: none"><br /> <div class="title">&lt;$BlogItemTitle$&gt;</div> <div class="date">&lt;$BlogDateHeaderDate$&gt; @ &lt;$BlogItemDateTime$&gt;</div> <br /> &lt;$BlogItemBody$&gt;<br /> <br /> <center> <olderposts></olderposts> <a href="&lt;$OlderPosts$&gt;">◄ older posts</a> <newerposts></newerposts><a href="&lt;$NewerPosts$&gt;">newer posts ►</a></center><br /> </div> </div> <div></div> <!-- iD Clean Code Ver. 2.4.1 By Fantasier --><!-- อย่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า --><style type="text/css">#wrapper,.thcon { display:none } </style> <div class="theanchor"></div> <script type="text/javascript">$('.theanchor').parent().wrapInner('<div class="thcon"></div>'); $('#wrapper').before($('.thcon').contents()); $('.thcon') ();</script>

หมายเหตุ: รูปดอกไม้แสดงผลมีปัญหาใน IE , มีปัญหาอื่นกรุณาแจ้งจ้า