Thursday, December 22, 2011

How To Embed SWF In HTML Code

Valid XHTML flash embed code | Simple flash embed code

<embed width="480" height="290" type="application/x-shockwave-flash" src="images/player.swf" style="" id="main_flash" name="main_flash" bgcolor="transparent" quality="true" wmode="transparent" allowscriptaccess="always" allowfullscreen="true">

Embedding Flash

<object type="application/x-shockwave-flash" data="player.swf" width="300" height="50">
    <param name="movie" value="movie.swf" />
</object>

view Detail

How to Embed YouTube Playlists in a Website / WebPage

How to Embed YouTube Playlists in a Website / WebPage

<object width="480" height="385">   
<param name="movie" value="http://www.youtube.com/p/ID"></param> 
  <param name="allowFullScreen" value="true"></param> 
  <param name="allowscriptaccess" value="always"></param> 
  <embed src="http://www.youtube.com/p/ID" width="480" height="385" 
   type="application/x-shockwave-flash" allowscriptaccess="always" 
  allowfullscreen="true">
  </embed>
</object>
View Details

How to Embed Flash and Non Flash in a Website

Alt content for Flash browsers | Code for Flash and Non Flash


<div id="flashBannerContent1">

<a href="http://www.shubelal.com/" target="_self">

<img src = "storebilling-hero-756x252.jpg" border = "0" alt="Store Billing" title="Store Billing">

</a>

</div>

<script type="text/javascript" src="http://www.shubelal.com/script/swfobject.js"></script>

<script type="text/javascript">

var fo = new SWFObject("hero-756x252.swf", "frontpage", "756", "252", "8", "#FFFFFF", true);

fo.addParam("allowscriptaccess", "sameDomain");

fo.addParam("wmode", "transparent");

fo.addParam("menu", "false");

fo.write("flashBannerContent1");

</script>



Tuesday, December 6, 2011

visibility: hidden versus display: none.

visibility: hidden versus display: none.



What are the differences and when would you use one over the other?

visibility: hidden means that the element is still there and taking up
space on the screen but just can't be seen. (the space taken up by the
content is just a white box).


display: none means that the content is taken out of the flow of the page
altogether. (it may as well not be there in the first place). So this space release.

View Detials

Conditional CSS Comment for IE

<p class="content">
<!--[if IE]>
Codes comes here
<![endif]-->

<!--[if IE 8]>
Codes comes here
<![endif]-->
<!--[if IE 9]>

<!--[if lte IE 7]>
Codes comes here
<![endif]-->
<!--[if gt IE 6]>
Codes comes here
<![endif]-->
<!--[if !IE]> -->

Codes comes here
<!-- <![endif]-->
</p>



Conditional CSS