tag:blogger.com,1999:blog-77661300965176705832026-08-11T02:09:05.540-07:00Web Design Tutorial - BDVideo tutorials: HTML, CSS, PHP, XML, SQL, ASP, .NET, JavaScript, HTML DOM, jQuery, DHTML, VBScript, MORE...MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.comBlogger47125tag:blogger.com,1999:blog-7766130096517670583.post-36384610204162475762012-08-17T14:17:00.001-07:002012-08-17T14:19:06.020-07:00Introduction to JavaScript<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">1. Introduction to JavaScript</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/_7Jpcrx5Xtg/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/_7Jpcrx5Xtg?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="420" height="345" src="http://www.youtube.com/v/_7Jpcrx5Xtg?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/_7Jpcrx5Xtg" style="color: #38761d;" target="_blank">Download</a> </span></h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/introduction-to-javascript.html"
data-send="true" data-width="450" data-show-faces="false"></div>MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com5tag:blogger.com,1999:blog-7766130096517670583.post-74745071181883123752012-08-16T12:30:00.000-07:002012-08-16T12:31:01.746-07:00CSS Styling Text<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">30. CSS Styling Text</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/EVJIZgaI4YA?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<a href="http://youtu.be/EVJIZgaI4YA" target="_blank"><span style="font-size: large;"><span style="color: #38761d;">Download</span> </span></a></h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-styling-text.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com3tag:blogger.com,1999:blog-7766130096517670583.post-29949120740161048292012-08-16T12:27:00.000-07:002012-08-16T12:31:40.161-07:00CSS Styling Backgrounds<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">29. CSS Styling Backgrounds </span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/6o3OF30pK8E?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><span style="color: #cc0000;">1.</span> <a href="http://youtu.be/6o3OF30pK8E" style="color: #38761d;" target="_blank">Download</a></span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/QM-YP5pv2wc?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><span style="color: #cc0000;">2.</span> <a href="http://youtu.be/QM-YP5pv2wc" style="color: #38761d;" target="_blank">Download</a></span></h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-styling-backgrounds.html"
data-send="true" data-width="450" data-show-faces="false"></div>MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com1tag:blogger.com,1999:blog-7766130096517670583.post-58545079751917089232012-08-11T07:15:00.000-07:002012-08-16T12:21:12.064-07:00CSS Display and Visibility with Image Box<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">28. CSS Display and Visibility with Image Box </span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/4JIoYPzfFpY?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><span style="color: #cc0000;">1.</span> <a href="http://youtu.be/4JIoYPzfFpY" style="color: #38761d;" target="_blank">Download</a> </span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/radx0XNFn-o?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><span style="color: #cc0000;">2.</span> <a href="http://youtu.be/radx0XNFn-o" style="color: #38761d;" target="_blank">Download</a></span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/PiF6qo9wYMY?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><span style="color: #cc0000;">3.</span> <a href="http://youtu.be/PiF6qo9wYMY" style="color: #38761d;" target="_blank">Download</a></span></h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-display-and-visibility-with-image_11.html"
data-send="true" data-width="450" data-show-faces="false"></div>MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-67417015126319954602012-08-10T06:47:00.002-07:002012-08-11T12:57:04.798-07:00CSS Display and Visibility, Block and Inline Elements<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">27. CSS Display and Visibility, Block and Inline Elements</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/J7BICKWa5lo?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/J7BICKWa5lo" style="color: #38761d;" target="_blank">Download</a></span> </h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-display-and-vsibility-block-and.html"
data-send="true" data-width="450" data-show-faces="false"></div>MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-32278550624021615042012-08-09T14:25:00.000-07:002012-08-11T13:03:04.906-07:00CSS Image Opacity (Text in Transparent Box)<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">26. CSS Image Opacity (Text in Transparent Box)</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/nQj2NoaXxG8?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/nQj2NoaXxG8" style="color: #38761d;" target="_blank">Download</a></span> </h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-image-opacity-text-in-transparent.html"
data-send="true" data-width="450" data-show-faces="false"></div>MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-71721395329242002592012-08-09T14:20:00.000-07:002012-08-11T13:02:10.561-07:00CSS Image Opacity (Hover Effect)<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">25. CSS Image Opacity (Hover Effect)</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/rtCzzUv6Utc?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/rtCzzUv6Utc" style="color: #38761d;" target="_blank">Download</a></span> </h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-image-opacity-hover-effect.html"
data-send="true" data-width="450" data-show-faces="false"></div>MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-64397695946693512642012-08-08T05:58:00.001-07:002012-08-11T13:05:56.432-07:00CSS Image Gallery<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">24. CSS Image Gallery</span> </h1>
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/F_-rOHJGhKU/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/F_-rOHJGhKU?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="420" height="345" src="http://www.youtube.com/v/F_-rOHJGhKU?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><span style="color: #cc0000;">1.</span> <a href="http://youtu.be/F_-rOHJGhKU" style="color: #38761d;" target="_blank">Download</a></span> </h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/CBS2zJ-rO2U?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><span style="color: #cc0000;">2.</span> <a href="http://youtu.be/CBS2zJ-rO2U" style="color: #38761d;" target="_blank">Download</a></span></h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-image-gallery.html"
data-send="true" data-width="450" data-show-faces="false"></div>MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-86976668286604875332012-08-08T04:15:00.000-07:002012-08-11T13:07:01.095-07:00CSS Navigation Bar<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"> </span></h1>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">23. CSS Navigation Bar</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/XzpLPS6nAGY?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="color: #cc0000; font-size: large;">1.</span><span style="font-size: large;">
<a href="http://youtu.be/XzpLPS6nAGY" style="color: #38761d;" target="_blank">Download</a></span></h1>
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/vU52_RYL3SI/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/vU52_RYL3SI?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="420" height="345" src="http://www.youtube.com/v/vU52_RYL3SI?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<h1 id="title" style="text-align: center;">
<span style="color: #cc0000; font-size: large;">2.</span><span style="font-size: large;"> <a href="http://youtu.be/vU52_RYL3SI" style="color: #38761d;" target="_blank">Download</a></span> </h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-navigation-bar.html"
data-send="true" data-width="450" data-show-faces="false"></div>MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-49974407820204885572012-08-07T14:39:00.000-07:002012-08-11T13:07:55.428-07:00CSS Floating (Image Gallery)<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">22. CSS Floating (Image Gallery)</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/6Rxh6cN-yfI?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/6Rxh6cN-yfI" style="color: #38761d;" target="_blank">Download</a></span> </h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-floating-image-gallery.html"
data-send="true" data-width="450" data-show-faces="false"></div>MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-68234419952618530812012-08-07T13:51:00.001-07:002012-08-17T15:55:16.263-07:00CSS Floating<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">21. CSS Floating</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/dQaNrP3t16M?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/dQaNrP3t16M" style="color: #38761d;" target="_blank">Download</a></span> </h1>
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<br />
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-floating.html" data-send="true" data-show-faces="false" data-width="450">
</div>
</div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-30681615503587690842012-08-07T12:18:00.001-07:002012-08-17T15:57:16.332-07:00CSS Relative and Absolute Positioning<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">20. CSS Relative and Absolute Positioning</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/Vf07TFE7K0c?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/Vf07TFE7K0c" style="color: #38761d;" target="_blank">Download</a></span> </h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-relative-and-absolute-positioning.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-60816493661664693412012-08-06T12:14:00.001-07:002012-08-17T15:58:09.409-07:00CSS Fixed Positioning<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">19. CSS Fixed Positioning</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/qn6DcgG-dFM?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/qn6DcgG-dFM" style="color: #38761d;" target="_blank">Download</a></span> </h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-fixed-positioning.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-250221386704191872012-08-06T04:24:00.002-07:002012-08-17T15:59:01.595-07:00CSS Cursor style<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">18. CSS Cursor style</span> </h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/lIQh2UcERvc?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/lIQh2UcERvc" style="color: #38761d;" target="_blank">Download</a></span> </h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-cursor-style_6.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-60542936825449953292012-08-06T04:22:00.002-07:002012-08-17T16:01:27.960-07:00CSS Link style<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">17. CSS Link style</span> </h1>
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/_bpSVP9dJzs/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/_bpSVP9dJzs?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="420" height="345" src="http://www.youtube.com/v/_bpSVP9dJzs?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/_bpSVP9dJzs" style="color: #38761d;" target="_blank">Download</a></span> </h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-link-style_6.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-58459066966346778262012-08-01T11:26:00.000-07:002012-08-17T16:03:06.844-07:00CSS Border Color and CSS list style<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">16. CSS Border Color and CSS list style</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/O7EKyhY99xk?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/O7EKyhY99xk" style="color: #38761d;" target="_blank">Download</a></span></h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/08/css-border-color-and-css-list-style.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-4299914052399732712012-07-22T15:12:00.001-07:002012-08-17T16:03:59.456-07:00CSS Border<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">15. CSS Border</span> </h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/1l1Q-nu4PXA?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/1l1Q-nu4PXA" style="color: #38761d;" target="_blank">Download</a> </span></h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/07/css-border.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-60524162956453859482012-07-21T15:36:00.000-07:002012-08-17T16:04:55.977-07:00CSS Word and Letter Spacing, Padding and Margin<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: large;"><b>14. CSS Word and Letter Spacing, Padding and Margin </b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/PbhpcZT5x6g?feature=player_embedded' frameborder='0'></iframe></div>
<div style="text-align: center;">
<b><span style="font-size: x-large;"><br /></span></b></div>
<div style="text-align: center;">
<span style="font-size: large;"><b><a href="http://youtu.be/PbhpcZT5x6g" style="color: #38761d;" target="_blank">Download</a></b></span></div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/07/css-word-and-letter-spacing-padding-and.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-69593412978448507612012-07-21T15:01:00.000-07:002012-08-17T16:06:19.111-07:00CSS Indent, Align and Transform<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: large;"><b>13. CSS Indent, Align and Transform</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/PhpcqvpLWDo?feature=player_embedded' frameborder='0'></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: x-large;"><a href="http://youtu.be/PhpcqvpLWDo" style="color: #38761d;" target="_blank">Download</a> </span></b></div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/07/css-indent-align-and-transform.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-59093070706353914732012-07-21T14:58:00.000-07:002012-08-17T16:07:07.117-07:00CSS Font-size and Text Decoration<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: large;"><b><span class="vm-video-title-container yt-uix-tooltip">12. CSS Font-size and Text Decoration </span></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/-lQdmhi005c?feature=player_embedded' frameborder='0'></iframe></div>
<div style="text-align: center;">
<br />
<b><span style="font-size: large;"><span class="vm-video-title-container yt-uix-tooltip"><span style="font-size: x-large;"><a href="http://youtu.be/-lQdmhi005c" style="color: #38761d;" target="_blank"><span style="font-size: large;">Download</span></a></span></span></span></b></div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/07/css-font-size-and-text-decoration.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-77549974842967429172012-07-20T15:11:00.002-07:002012-08-17T16:07:58.053-07:00CSS Background color and Image<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">11. CSS Background color and Image </span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/J-0jOIeolgw?feature=player_embedded' frameborder='0'></iframe><span style="font-size: large;"> </span></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/J-0jOIeolgw" style="color: #38761d;" target="_blank">Download</a> </span></h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/07/css-background-color-and-image.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-14533726507332492492012-07-20T15:09:00.001-07:002012-08-17T16:08:48.089-07:00CSS Class<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: large;"><b>10. CSS Class</b></span><br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/ABMWfT-5uJY?feature=player_embedded' frameborder='0'></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://youtu.be/ABMWfT-5uJY" style="color: #38761d;" target="_blank"><b><span style="font-size: large;">Download</span></b></a></div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/07/css-class.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-77617553117417777522012-07-18T13:04:00.000-07:002012-08-17T16:09:41.476-07:00CSS ID<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
</div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">9. CSS ID</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/RaywfmnqlVI?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/RaywfmnqlVI" target="_blank"><span style="color: #38761d;">Download </span></a></span></h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/07/css-id.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-68240903614318544622012-07-18T13:01:00.001-07:002012-08-17T16:10:38.345-07:00CSS (Inline CSS)<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b><span style="font-size: large;">8. CSS (Inline CSS)</span></b><br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/t5-HtPqrhcA?feature=player_embedded' frameborder='0'></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;"><a href="http://youtu.be/t5-HtPqrhcA" target="_blank"><b><span style="color: #38761d;">Download</span></b></a></span></div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/07/css-inline-css.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0tag:blogger.com,1999:blog-7766130096517670583.post-70117841581075035452012-07-17T16:53:00.000-07:002012-08-17T16:11:38.050-07:00CSS (External CSS)<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 id="title" style="text-align: center;">
<span style="font-size: large;">7. CSS (External CSS)</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/9bV640iBJFg?feature=player_embedded' frameborder='0'></iframe></div>
<h1 id="title" style="text-align: center;">
<a href="http://youtu.be/9bV640iBJFg" target="_blank"><span style="font-size: large;"><span style="color: #38761d;">Download</span> </span></a></h1>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://webdesigntutorialbd.blogspot.com/2012/07/css-external-css.html"
data-send="true" data-width="450" data-show-faces="false"></div>
MKH Tanvirhttp://www.blogger.com/profile/08476393100778447735noreply@blogger.com0