வணக்கம் வலை நண்பர்களே,
இத்தொடர் வாயிலாக வலைப்பூ உருவாக்குவது, செட்டிங் அமைப்பது, layout அமைப்பது என பார்த்து வருகிறோம். இன்றைய பகுதியில் layout பற்றி பார்க்க இருக்கிறோம்.
![]() |
| demo image |
<style type='text/css'>.sub-box{width: 600px;background: #fff;padding: 2px 5px 7px 7px;border: 2px solid #000;border-radius: 15px;}.sub-box:hover{border-style:dashed; 2px solid: #389af2;}.followlinks h1{font-family:Cabin Condensed;font-weight: bold;color: #000;padding: 0px 0px 2px 40px;;font-size:17px;}.followlinks ul{font-family:Cabin Condensed;font-weight: bold;}.followlinks ul li{float:left;width:90px;padding-left:40px;margin:0 0 0 5px !important;line-height:35px !important;}.followlinks ul li a{font-size:20px !important;text-decoration:none;font-weight:normal;}.followlinks ul li.otrss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQU9Drg8USI7xAOfsfWYRfGSdrIDB3NEZd3mG_AN3O0iSZbjALQAeioM1JewUAFcNjqd9Aq8ilFvt8FjVclIed1I3yd8Wb9p5nqL2GD7tuxRQNG0IqcdMJrcQ2mcmCVmvrKwNf_KQXHJxt/s1600/rss-ot.png) no-repeat scroll left center transparent;}.followlinks ul li.otgoogleplus{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtUqoTirM_mJ7jIc8NWszhu6dhr1yTlhQ495lz922OnLsYPT3KVEFdaZzRb-JWCrs5a08HwlYhyCcoLiyR1-8i2mkGgz6OoerFrYXZVTeWrZLb274d1E4WPwvhLSw9dsLHXJRXPAncVFUJ/s1600/googleplus-ot.png) no-repeat scroll left center transparent;}.followlinks ul li.ottwitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbkJJEOCKk6E8xTmRFhsyQrNKF9-RkhK4TcTPSbJi_Ykee5VeA39TZvYyLG_0Ht_9k6akX6ehhstXKj3-zCrB_Rsf9p_w6gUH8TrMmGW4kjfHaRXiRzhTNNdGrTHbCftipocB_n-o8UAkp/s1600/twitter-ot.png) no-repeat scroll left center transparent;}.followlinks ul li.otfacebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_TajpXU7b68DbE3ooSbysO7TT5E_M0PU_ZHJWR6u1oDDwgIZAAjtEbs24Rch2WJZib6mHJjqg5b9jd0SxZtl_iszaqL8Lz1iNHqBu8A-TLf6lqu0eUYntxrwnDtJlvv2RFYWpivE2ohGn/s1600/facebook-ot.png) no-repeat scroll left center transparent;}form.emailform{margin:5px 0 0;display:block;clear:both;}.emailtext{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPLvHJ8Ll1NTM6M4VXOUOsPdWXZ5YPlGAAVce2-qclLs1g9sliaIGWX6654-A0XYwxWp8c3gs_Sy9DRVTDpsiYYrtiN2-Fj2k3IXEoxp1kLlSsYf_oIcj6BC4x2ObS6iBfFzxY8qTB2xT7/s1600/ot-mail.png) no-repeat scroll 4px center transparent;padding:7px 15px 7px 35px;color:#444;font-weight:bold;text-decoration:none;border:1px solid #D3D3D3;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 1px 1px 2px #CCC inset;-webkit-box-shadow: 1px 1px 2px #CCC inset;box-shadow: 1px 1px 2px #CCC inset;width: 550px;}.emailtext:focus{outline: none;}.sub-button{color:#444;font-weight:bold;text-decoration:none;padding:6px 10px;border:1px solid #D3D3D3;cursor: pointer;-moz-border-radius: 5px;-webkit-border-radius: 5px;-goog-ms-border-radius: 5px;border-radius: 5px;background: #fbfbfb;background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);}.sub-button:hover{background: -moz-linear-gradient(top, #e7e7e7 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);background: -o-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);background: -ms-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#F4F4F4',GradientType=0 );background: linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);}</style><script type='text/javascript'> WebFontConfig = { google: { families: [ 'Cabin+Condensed::latin' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script>
<b:if cond='data:blog.pageType == "item"'>
<div class='sub-box'>
<div class='followlinks'>
<center><table border='0' bordercolor='#000000' cellpadding='4' cellspacing='4' style='background-color:#FFFFFF' width='400'>
<tr><td><script type='text/javascript'> button="hori"; lang="ta"; submit_url ="<data:post.canonicalUrl/>" </script> <script src='http://ta.indli.com/tools/voteb.php' type='text/javascript'/></td>
<td><script src='http://tamil10.com/submit/evb/button.php' type='text/javascript'>
</script> </td>
<td> <script expr:src=' "http://udanz.com/tools/services.php?url=" + data:post.canonicalUrl + "&adncmtno=" + data:post.numComments + "&adnblogurl=" + data:blog.homepageUrl + "&photo=" + data:photo.url ' language='javascript' type='text/javascript'/></td>
<td><b:if cond='data:blog.pageType != "static_page"'>
<div style='padding: 10px 0px 5px 0px;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</div>
</b:if></td>
<td>
<div style='float:left'>
<g:plusone expr:href='data:post.url' size='tall'/>
</div>
</td>
<td><a class='twitter-share-button' data-count='vertical' data-via='tamilvaasi' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</td></tr><center><script language='javascript' src='http://services.thamizmanam.com/jscript.php' type='text/javascript'>
</script>
<b:if cond='data:blog.pageType == "item"'>
<!-- tamilmaNam.NET toolbar code starts. Pathivu toolbar (c)2008 tamilmaNam.NET -->
<script language='javascript' src='http://services.thamizmanam.com/jscript.php' type='text/javascript'>
</script>
<script expr:src=' "http://services.thamizmanam.com/toolbar.php?date=" + data:post.timestamp + "&posturl=" + data:post.canonicalUrl + "&cmt=" + data:post.numComments + "&blogurl=" + "http://tamilvaasi.blogspot.com" + "&photo=" + data:photo.url' language='javascript' type='text/javascript'>
</script>
<!-- tamilmaNam.NET toolbar code for Blogger ends. Pathivu toolbar (c)2008 tamilmaNam.NET -->
</b:if></center>
</table></center>
<h1>Get Free Email Updates or Like us on your favourite Social networking site</h1>
<ul>
<li class='otrss'><a href='http://feeds.feedburner.com/tamilvaasi' target='_blank'>RSS</a></li>
<li class='otgoogleplus'><a href='http://plus.google.com/106412922467461633842' target='_blank'>Google+</a></li>
<li class='ottwitter'><a href='http://twitter.com/tamilvaasi' target='_blank'>Twitter</a></li>
<li class='otfacebook'><a href='https://www.facebook.com/tamilvaasi' target='_blank'>Facebook</a></li>
</ul>
</div>
<br/>
<div style='text-align: left; display: inline-block;'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=tamilvaasi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='tamilvaasi'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='emailtext' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' type='text' value='Enter your email...'/>
<input alt='' class='sub-button' title='' type='submit' value='SignUp'/>
</form></div></div></b:if>
|
|
Best Blogger Tips
UA-18786430-1