A Heart in Love with Beauty Never Grows Old...!




News Update :
Showing posts with label Web Design Software. Show all posts
Showing posts with label Web Design Software. Show all posts

Mysql column value in select option

Below is an example of php code to use mysql column value in select option dropdown...

<?php
  $con = mysql_connect("localhost","root","password");
  $db = mysql_select_db("database",$con);
  $get=mysql_query("SELECT id, url, name FROM table");
  ?>
 <html>
     <head>
     <style type="text/css">
html, body {
background: #97C8FF 
}
body {
margin: 0 0 0 0 ;
}
#right {
width:150px;
float: left;
}
</style>
     </head>
 <body>
    <form>
        <select onChange="window.open(this.options[this.selectedIndex].value,'frameid')"  onclick="Size(this,4);" class="select" style="width:150px;"> 
         <?php
             while($row = mysql_fetch_assoc($get)){?>
                <option value = "<?php echo($row['url'])?>" ><?php echo($row['name'])?></option>
                <?php } ?>
        </select>
    </form>
    </body>
 </html>
.

Chained Select Option Dropdown

I don't know much about javascpript, so make many pages to make many pages & create chained select option for my radio widget...

- Main

<html>
<head>
<title>Dreamland</title>
<style type="text/css">
html,body{background:#97C8FF;}
          #left{width:115px;float:left;height:75px;overflow:hidden;}
          #right{width:150px;float:right;height:75px;overflow:hidden;}
</style>

<script language="JavaScript" type="text/javascript">
<!--
function Size(obj,s){
Obj=obj;
obj.size=s;
setTimeout('document.onclick=function(){ Obj.size=1; document.onclick=null; }',1000);
}
//-->
</script>
</head>
<body>

<div style="width:270px; height:185px; overflow: hidden;">
<div id="left">
<form action="../">
<select onChange="window.open(this.options[this.selectedIndex].value,'wid')" onclick="Size(this,2);" class="select" style="width:115px;">
<option value="">Select</option>
<option value="http://a.html">a</option>
<option value="http://b.html">b</option>
<option value="http://c.html">c</option>
<option value="http://d.html">c</option>
</select>
</form>
</div>

<div id="right" align="right">
<iframe id="wid" name="wid" frameborder="0" height="70px" scrolling="no" width="150" src=""></iframe>
</div>

<center>
<iframe id="wid2" name="wid2"  frameborder="0" height="80" width="230" scrolling="no" src="asdfghjkl.html"></iframe>
</center>
</div>
</body>
</html>


- a.html

<body>
<div id="right" align="left">
<form action="../">
<select onChange="window.open(this.options[this.selectedIndex].value,'wid2')" onclick="Size(this,2);" class="select" style="width:150px;">
<option value="">Select</option>
<option value="1.html">1</option>
<option value="2.html">2</option>
<option value="3.html">3</option>
</select>
</form>
</div>

</body>


This is working in my Radio Widget for my blog....!
.

XML Banner Rotator

I search too long for good xml flash banner rotator.
At last I find good flash banner rotator at

http://www.flabell.com/flash/XML-Banner-Rotator-233/

After getting it, I see it is using swfobject & I can put it to my social network.
But confidence in my mind can change it to embed code.
I try too much to get help from owner of that component & on internet.
But though I don't know basic of flash I can't understand their technical language.
At last today I inspired by one comment on that component & change it to simple embed code.
My embed code is as:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9.0.124" id="FlabellComponent" name="FlabellComponent" width="650" height="434">
<param name="movie" value="preview.swf?t=1259971935000&xmlPath=banner.xml" />
<param name="wmode" value="opaque" />
<param name="scale" value="noScale" />
<param name="allowScriptAccess" value="always" />
<param name="allowfullscreen" value="true" />
<param name="menu" value="false" />
<param name="bgcolor" value="#ffffff" />

<embed  id="FlabellComponent" name="FlabellComponent" src="preview.swf?t=1259971935000&xmlPath=banner.xml" type="application/x-shockwave-flash"width="650" height="434" wmode="transparent" bgcolor="#ffffff" menu="false" scale="noScale" wmode="opaque" allowfullscreen="true" allowScriptAccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Look as below:

.

HTML Comment Box

Add commentbox widget to blog or website.

Code is as below:

<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
 <link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
 <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={  };} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=470&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>

Credit: http://www.htmlcommentbox.com/
.

XML SWF Slideshow

As too new about flash, I cant make flash slideshow.

But today I find this tutorial & sure it help me.

XML/SWF Slideshow > Introduction

http://www.kirupa.com/developer/mx2004/xml_flash_photogallery.htm
.

Social network as webhost

Since long time I was thinking "How to host my website free with unlimited size..."

- I registered on one social network http://www.shtyle.fm It give me 200mb space for uploading files... (on opera community I got 2gb space)

- I made some changes in stylesheet & hide all stuff of website and made table...

- The first webpage view as below...



- My code for style is...

<style type="text/css">

html {background-color: #0561AC; background-color:  #0561AC; !important }
#body {
       background-color: #0561AC;
       padding-left: 10px;
margin-top: 1px;
margin-left: 0px;
margin-right: auto;
    width: 1000px;
        max-height: 1000px;
        overflow: hidden;
    padding: 0 0 5px;
    display: block;
   font-family: georgia;
   font-size: 12px;
    color:#FFFFFF;
    text-align: left;
   cursor: url(http://fs4.shtyle.fm/dynimg/usrphoto/5B/07/76351323_mukti.png),  progress !important; }
#notif-root-div, frame, #footer, #profile div, #peopleAdsContainer, #links, #links li, #header,  #notificationinfo {max-height: 1px; width: 1px;  ; margin-top: -10000px; margin-left: -10000px;}

</style>

- After this I upload my webpages @ http://www.shtyle.fm   my.opera.com   &  http://pastehtml.com

- My images are @ free images hosting sites...

- Look this... http://www.shtyle.fm/profile.do?userid=23247314
.

Special Characters in HTML

Special Characters in HTML

left single quote &lsquo;
right single quote &rsquo;
single low-9 quote &sbquo;
left double quote &ldquo;
right double quote &rdquo;
double low-9 quote &bdquo;
dagger &dagger;
double dagger &Dagger;
per mill sign &permil;
single left-pointing angle quote &lsaquo;
single right-pointing angle quote &rsaquo;
black spade suit &spades;
black club suit &clubs;
black heart suit &hearts;
black diamond suit &diams;
overline, = spacing overscore &oline;
leftward arrow &larr;
upward arrow &uarr;
rightward arrow &rarr;
downward arrow &darr;
trademark sign&#x2122;&trade;
unused&#00;-
&#08;
  
horizontal tab&#09;  
line feed&#10;  
unused&#11;  
space&#32;  
exclamation mark&#33; !
double quotation mark&#34;&quot;"
number sign&#35; #
dollar sign&#36; $
percent sign&#37; %
ampersand&#38;&amp;&
apostrophe&#39; '
left parenthesis&#40; (
right parenthesis&#41; )
asterisk&#42; *
plus sign&#43; +
comma&#44; ,
hyphen&#45; -
period&#46; .
slash&#47;&frasl;/
digits 0-9&#48;-
&#57;
  
colon&#58; :
semicolon&#59; ;
less-than sign&#60;&lt;<
equals sign&#61; =
greater-than sign&#62;&gt;>
question mark&#63; ?
at sign&#64; @
uppercase letters A-Z&#65;-
&#90;
  
left square bracket&#91; [
backslash&#92; \
right square bracket&#93; ]
caret&#94; ^
horizontal bar (underscore)&#95; _
grave accent&#96; `
lowercase letters a-z&#97;-
&#122;
  
left curly brace&#123; {
vertical bar&#124; |
right curly brace&#125; }
tilde&#126; ~
ellipses&#133;&hellip;
en dash&#150;&ndash;
em dash&#151;&mdash;
unused&#152;-
&#159;
  
nonbreaking space&#160;&nbsp; 
inverted exclamation&#161;&iexcl;¡
cent sign&#162;&cent;¢
pound sterling&#163;&pound;£
general currency sign&#164;&curren;¤
yen sign&#165;&yen;¥
broken vertical bar&#166;&brvbar; or &brkbar;¦
section sign&#167;&sect;§
umlaut&#168;&uml; or &die;¨
copyright&#169;&copy;©
feminine ordinal&#170;&ordf;ª
left angle quote&#171;&laquo;«
not sign&#172;&not;¬
soft hyphen&#173;&shy;
registered trademark&#174;&reg;®
macron accent&#175;&macr; or &hibar;¯
degree sign&#176;&deg;°
plus or minus&#177;&plusmn;±
superscript two&#178;&sup2;²
superscript three&#179;&sup3;³
acute accent&#180;&acute;´
micro sign&#181;&micro;µ
paragraph sign&#182;&para;
middle dot&#183;&middot;·
cedilla&#184;&cedil;¸
superscript one&#185;&sup1;¹
masculine ordinal&#186;&ordm;º
right angle quote&#187;&raquo;»
one-fourth&#188;&frac14;¼
one-half&#189;&frac12;½
three-fourths&#190;&frac34;¾
inverted question mark&#191;&iquest;¿
uppercase A, grave accent&#192;&Agrave;À
uppercase A, acute accent&#193;&Aacute;Á
uppercase A, circumflex accent&#194;&Acirc;Â
uppercase A, tilde&#195;&Atilde;Ã
uppercase A, umlaut&#196;&Auml;Ä
uppercase A, ring&#197;&Aring;Å
uppercase AE&#198;&AElig;Æ
uppercase C, cedilla&#199;&Ccedil;Ç
uppercase E, grave accent&#200;&Egrave;È
uppercase E, acute accent&#201;&Eacute;É
uppercase E, circumflex accent&#202;&Ecirc;Ê
uppercase E, umlaut&#203;&Euml;Ë
uppercase I, grave accent&#204;&Igrave;Ì
uppercase I, acute accent&#205;&Iacute;Í
uppercase I, circumflex accent&#206;&Icirc;Î
uppercase I, umlaut&#207;&Iuml;Ï
uppercase Eth, Icelandic&#208;&ETH;Ð
uppercase N, tilde&#209;&Ntilde;Ñ
uppercase O, grave accent&#210;&Ograve;Ò
uppercase O, acute accent&#211;&Oacute;Ó
uppercase O, circumflex accent&#212;&Ocirc;Ô
uppercase O, tilde&#213;&Otilde;Õ
uppercase O, umlaut&#214;&Ouml;Ö
multiplication sign&#215;&times;×
uppercase O, slash&#216;&Oslash;Ø
uppercase U, grave accent&#217;&Ugrave;Ù
uppercase U, acute accent&#218;&Uacute;Ú
uppercase U, circumflex accent&#219;&Ucirc;Û
uppercase U, umlaut&#220;&Uuml;Ü
uppercase Y, acute accent&#221;&Yacute;Ý
uppercase THORN, Icelandic&#222;&THORN;Þ
lowercase sharps, German&#223;&szlig;ß
lowercase a, grave accent&#224;&agrave;à
lowercase a, acute accent&#225;&aacute;á
lowercase a, circumflex accent&#226;&acirc;â
lowercase a, tilde&#227;&atilde;ã
lowercase a, umlaut&#228;&auml;ä
lowercase a, ring&#229;&aring;å
lowercase ae&#230;&aelig;æ
lowercase c, cedilla&#231;&ccedil;ç
lowercase e, grave accent&#232;&egrave;è
lowercase e, acute accent&#233;&eacute;é
lowercase e, circumflex accent&#234;&ecirc;ê
lowercase e, umlaut&#235;&euml;ë
lowercase i, grave accent&#236;&igrave;ì
lowercase i, acute accent&#237;&iacute;í
lowercase i, circumflex accent&#238;&icirc;î
lowercase i, umlaut&#239;&iuml;ï
lowercase eth, Icelandic&#240;&eth;ð
lowercase n, tilde&#241;&ntilde;ñ
lowercase o, grave accent&#242;&ograve;ò
lowercase o, acute accent&#243;&oacute;ó
lowercase o, circumflex accent&#244;&ocirc;ô
lowercase o, tilde&#245;&otilde;õ
lowercase o, umlaut&#246;&ouml;ö
division sign&#247;&divide;÷
lowercase o, slash&#248;&oslash;ø
lowercase u, grave accent&#249;&ugrave;ù
lowercase u, acute accent&#250;&uacute;ú
lowercase u, circumflex accent&#251;&ucirc;û
lowercase u, umlaut&#252;&uuml;ü
lowercase y, acute accent&#253;&yacute;ý
lowercase thorn, Icelandic&#254;&thorn;þ
lowercase y, umlaut&#255;&yuml;ÿ
Alpha&Alpha;Α
alpha&alpha;α
Beta&Beta;Β
beta&beta;β
Gamma&Gamma;Γ
gamma&gamma;γ
Delta&Delta;Δ
delta&delta;δ
Epsilon&Epsilon;Ε
epsilon&epsilon;ε
Zeta&Zeta;Ζ
zeta&zeta;ζ
Eta&Eta;Η
eta&eta;η
Theta&Theta;Θ
theta&theta;θ
Iota&Iota;Ι
iota&iota;ι
Kappa&Kappa;Κ
kappa&kappa;κ
Lambda&Lambda;Λ
lambda&lambda;λ
Mu&Mu;Μ
mu&mu;μ
Nu&Nu;Ν
nu&nu;ν
Xi&Xi;Ξ
xi&xi;ξ
Omicron&Omicron;Ο
omicron&omicron;ο
Pi&Pi;Π
pi&pi;π
Rho&Rho;Ρ
rho&rho;ρ
Sigma&Sigma;Σ
sigma&sigma;σ
Tau&Tau;Τ
tau&tau;τ
Upsilon&Upsilon;Υ
upsilon&upsilon;υ
Phi&Phi;Φ
phi&phi;φ
Chi&Chi;Χ
chi&chi;χ
Psi&Psi;Ψ
psi&psi;ψ
Omega&Omega;Ω
omega&omega;ω
password dot&#9679;
bullet&#8226;

.

Show Hide Table Code

Show Hide Table Code:


<script>
function showTable(){
document.getElementById('table').style.visibility = "visible";
}
function hideTable(){
document.getElementById('table').style.visibility = "hidden";
}
</script>
<body onload="javascript:showTable()">
<input type='button' onClick='javascript:showTable();' value='show'>
<input type='button' onClick='javascript:hideTable();' value='hide'>
<table id='table' border="1">
<tr><th>
<tr><th>SNO</th><th>NAME</th><th>ADDRESS</th></tr>
<tr><td> 1</td><td> Angelina</td><td> Delhi </td></tr>
<tr><td> 2</td><td> Simran </td><td> Mumbai </td></tr>
<tr><td> 3</td><td> Sania </td><td> Chennai </td></tr>
<tr><td> 4</td><td> Martina </td><td> Kolkata </td></tr>
</table>
.

Shtyle.fm Profile Layout

<style type="text/css"> html {  background-color: #0561AC; cursor: url("http://www.shtyle.fm/fserve.do?id=60044510"), auto; background-color:  #0561AC; !important } #body { background-color: #0561AC; padding-left: 10px; margin-top: 1px; margin-left: 0px; margin-right: auto; width: 1000px; max-height: 4880px; overflow: hidden; padding: 0 0 5px; display: block; font-family: georgia ; color:#FFFFFF; text-align: left; !important } a:hover, a.redlink:hover {background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); filter:alpha(finishopacity=0, style=2); } #peopleAdsContainer, #links, #links li, #header {max-height: 1px; width: 1px; visibility: hidden; margin-top: -1px; margin-left: -5000px;}
#notificationinfo, #suggestions {max-height: 1px; width: 1px; visibility: hidden; margin-top: -1px; margin-right: -5000px;} #profilebar {margin-top: -1; margin-left: 5px; !important }
#profilebar, #more-info-div, #ptools, #network, #profile #friends {max-width:192px; overflow: hidden; ! important } #profile #friends {position: absolute; top: 6px;  min-height: 350px; max-height: 350px; overflow: hidden; right: 10px; background: url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/Background/gtbx.gif) !important }#profile #friends h2 {color: #ffffff; font-size: 12px; text-align: center; padding: 4px;  margin-top: -4px; background: url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/Background/gtbx.gif) !important}  #blurb, #miniroom, #miniroom img {max-width: 1px; max-height: 1px; margin-top: -1; margin-left: -690px; visibility: hidden; !important } #footer {  padding-top: -1px; padding-bottom: 0px; text-align: center; display: block;
   max-height: 1px; max-width:1px; margin-left: -2000px;  margin-top: -10000px; !important width: 1px; !important } #actionbox { float:left; margin-top: 400px;  margin-left: -189px; border: 0px #ccc solid;  !important }  #actionbox a, #actionbox img, #actionbox div {background-color: black !important; } #profile #commentFormId {min-height: 170px; background-color: transparent !important; background: url(http://fs4.shtyle.fm/dynimg/usrphoto/2E/32/75575854_aaaaa11111111111.gif);  !important;} textarea, #profile #commentform textarea, #profile .sidebar
{border: 0 solid; background-color: transparent !important;
background: url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/Background/shtylebg.png) !important;} #profile #visitors {float:right; max-width: 1px; max-height: 1px; visibility:hidden; overflow: hidden; margin-left: -1000px; margin-top: -2045px; border: 0px #ccc solid;  !important }#profile #giftbox {float:left; margin-top: -1945px; margin-left: -1000px; max-width: 1px; max-height: 1px overflow: hidden; border: 0px #ccc solid; !important }#comments {max-width: 555px; min-width: 555px; max-height: 600px; overflow: auto; !important }#profile #comments { background: url(http://fs4.shtyle.fm/dynimg/usrphoto/C0/4F/75911104_bg.jpg) !important;}#profile #comments:hover {min-width: 555px; background-color: transparent !important;
background: url(http://fs4.shtyle.fm/dynimg/usrphoto/C2/4F/75911106_bgh.jpg) !important;} #profile #comments h2 {position: absolute; width: 536px; color: #00ffff; font-size: 18px; text-align: center; padding: 4px; margin: -6px; background-color: #0000ff; }#profile #commentform span, .sidebar input {background-color: #FF00FC !important; }
#profile #comments  { text-decoration: none!important; font-family: 'georgia' !important; color:#ffffff;  !important;  font-size: 22px;  !important;  font-weight:bold;  !important; }
#profile #comments a:link, #profile #comments a:visited, #profile #comments a:hover { color: #ffffff; text-decoration: none; font-weight:bold; !important; }#body *, #body a:link, #body a:visited, #body a: hover {color: #000FFF; text-decoration: none; font-weight:normal; font-size: 14px;  !important;  }
</style>


.

Show Hide Onclick in HTML Table Cell


click me to show next column I want this hidden until text in column before is clicked click me to show column 4 this is column 4
visible column hidden column visible column hidden column


code:

<style type="text/css">
.visible {
display: block; /* for older browsers */
display: table-cell;
}

.hidden {
display: none;
}
</style>

<table border="1" id="table">
<tr>
  <td>click me to show next column</td>
  <td class="dynamic">I want this hidden until text in column before is clicked</td>
  <td>click me to show column 4</td>
  <td class="dynamic">this is column 4</td>
</tr>
<tr>
  <td>visible column</td>
  <td class="dynamic">hidden column</td>
  <td>visible column</td>
  <td class="dynamic">hidden column</td>
</tr>
</table>

<script type="text/javascript">
var table=document.getElementById('table');
var tr=table.getElementsByTagName('tr');
var qs=location.search;

function show_col(clicked_col)
{
    for(var i=0; i<tr.length; i++)
    {
        var td=tr[i].getElementsByTagName('td');
        td[clicked_col+1].className='visible';
    }

    // add opened col to querystring if not already there
    if(qs.indexOf('?')==-1)
    {
        qs='?';
    }
    if(qs.indexOf('column'+1*(clicked_col+2)+'=open;')==-1)
    {
        qs+='column'+1*(clicked_col+2)+'=open;';
    }
}

for(var i=0; i<tr.length; i++)
{
    var td=tr[i].getElementsByTagName('td');
    for(var j=0; j<td.length; j++)
    {
        // hidden cols
        if(td[j].className=='dynamic')
        {
            // display cols indicated in the querystring
            if(document.location.search.indexOf('column'+1*(j+1)+'=open')!=-1)
            {
                td[j].className='visible';
            }
            else
            {
                td[j].className='hidden';
            }
        }

        // clickable cols
        else
        {
            td[j].col_index=j;
            td[j].onclick=function()
            {
                show_col(this.col_index);
            }
        }
    }
}

// update url
var new_url=window.location.href;
if(location.search)
{
    new_url=new_url.replace(location.search,'');
}
setTimeout("window.location.replace(new_url+qs);", 30000); // delay in milliseconds




function show_col(clicked_col)
{
    var col_state;

    for(var i=0; i<tr.length; i++)
    {
        var td=tr[i].getElementsByTagName('td');

        if(td[clicked_col+1].className=='visible')
        {
            td[clicked_col+1].className='hidden';
            col_state='closed';
        }

        else if(
        td[clicked_col+1].className=='dynamic' ||
        td[clicked_col+1].className=='hidden'
        )
        {
            td[clicked_col+1].className='visible';
            col_state='opened';
        }
    }

    // add opened col to querystring if not already there
    if(col_state=='opened')
    {
        if(qs.indexOf('?')==-1)
        {
            qs='?';
        }
        if(qs.indexOf('column'+1*(clicked_col+2)+'=open;')==-1)
        {
            qs+='column'+1*(clicked_col+2)+'=open;';
        }
    }

    // remove closed col from querystring
    else if(col_state=='closed')
    {
        if(qs.indexOf('column'+1*(clicked_col+2)+'=open;')!=-1)
        {
            qs=qs.replace('column'+1*(clicked_col+2)+'=open;','');
        }

        // just to clean up
        if(qs=='?')
        {
            qs='';
        }
    }

}
</script>
.

How to open a .swf to view contents

Download Swf Decompiler to view & grab all content... 

CLICK HERE to DOWNLOAD...!
.

How to add Flash SWF as background of a HTML page?

These are the HTML content.


This tutorial will guide you how to add a Flash SWF file as background of a HTML page.
To embed Flash SWF as background of a web page, there are basically two steps:
 Make the Flash movie transparent.
 Use div and properties z-index, position:absolute and position:relative to make the Flash movie displaying under other contents.
Step 1: Make the Flash movie transparent.
Look for the code that embeds the Flash Movie. It should look similar to this:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="125">
<param name="movie" value="flashmovie.swf" />
<param name="quality" value="high" />
<embed src="flashmovie.swf" quality="high" type="application/x-shockwave-flash" width="480" height="125" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
To make the Flash movie background transparent, you need to add the WMODE parameters to the HTML code.
Add the following parameter to the OBJECT tag:
<param name="wmode" value="transparent">
Add the following parameter to the EMBED tag:
wmode="transparent"
After edit, the HTML code should look similar to below. The new changes are shown in red.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="125">
<param name="movie" value="flashmovie.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="flashmovie.swf" quality="high" type="application/x-shockwave-flash" width="480" height="125"wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
Step 2: Use div and properties z-index, position:absolute and position:relative to make the Flash movie displaying under other contents.
To make the Flash movie as background, you need to use div layers. A div layer is like a window inside a window, which lets you define an area inside your HTML page.
<div style="width:480px;height:125px;position:relative;">
<div style="position:absolute; z-index:1;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="125">
<param name="movie" value="flashmovie.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="flashmovie.swf" quality="high" type="application/x-shockwave-flash" width="480" height="125"wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div style="position:relative; z-index:2;">
These are the HTML content.
</div>
</div>
The z-index is the key property. The smaller the value, the div layer will be lower.

Source:  http://www.aleosoft.com/flashtutorial_flashbackground.html
.

Some Tickers


Word of the Day







Article of the Day






This Day in History






Today's Birthday






In the News






Quote of the Day







Spelling Bee


difficulty level:


score: -
please wait...
spell the word:







Match Up



Match each word in the left column with its synonym on the right. When finished, click Answer to see the results. Good luck!


 





Hangman


.

CSS3 Gradient Generator


Code for this image:

background-image: linear-gradient(bottom, #00FF00 15%, #FFFFFF 50%, #FF4400 87%);
background-image: -o-linear-gradient(bottom, #00FF00 15%, #FFFFFF 50%, #FF4400 87%);
background-image: -moz-linear-gradient(bottom, #00FF00 15%, #FFFFFF 50%, #FF4400 87%);
background-image: -webkit-linear-gradient(bottom, #00FF00 15%, #FFFFFF 50%, #FF4400 87%);
background-image: -ms-linear-gradient(bottom, #00FF00 15%, #FFFFFF 50%, #FF4400 87%);

background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.15, #00FF00),
 color-stop(0.5, #FFFFFF),
 color-stop(0.87, #FF4400)
);


-------
CSS3 Gradient Generator:

http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html

https://developer.mozilla.org/en-US/docs/CSS/linear-gradient
.

Welcome to Page script


Copy this code & paste it in template or widget...

<script language="JavaScript">
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (2 < argc) ? argv[2] : null;
var path = (3 < argc) ? argv[3] : null;
var domain = (4 < argc) ? argv[4] : null;
var secure = (5 < argc) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DisplayInfo() {
var expdate = new Date();
var visit;
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
if(!(visit = GetCookie("visit")))
visit = 0;
visit++;
SetCookie("visit", visit, expdate, "/", null, false);
var message;
if(visit == 1)
message=" Welcome to my page!";
if(visit== 2)
message=" I see you came back !";
if(visit == 3)
message=" Oh, it's you again!";
if(visit == 4)
message=" You must be curious!";
if(visit == 5)
message=" You're practically a regular!";
if(visit == 6)
message=" You need a hobby!";
if(visit == 7)
message=" Nothing better to do?";
if(visit == 8)
message=" Don't you ever sleep?";
if(visit == 9)
message=" Get a life!!!";
if(visit >= 10)
message=" Rent is due on the 1st of the month!";
alert("\n"+"Your browser has visited this page \n"
+" "+visit+"\n"
+" time(s)."+"\n"+"\n"
+message);
}
function ResetCounts() {
var expdate = new Date();
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
visit = 0;
SetCookie("visit", visit, expdate , "/", null, false);
history.go(0);
}

window.onload=DisplayInfo
</script>
.

Free Unlimited Hosting




I like this this feature of HTML hosting... Anybody can make html file types...

                            Paste HTML: free anonymous HTML hosting

Help & api for this
                          http://pastehtml.com/help/api
Other api:
                     https://github.com/seth--/PHPidler/blob/master/plugins/00.pastehtml.plugin.php
                     https://github.com/The-Shadow/Java-PasteHTML-API/
                     https://github.com/rafjaa/Python-PasteHTML-API
                     https://github.com/jessefulton/node-pastehtml
                     http://www.jefclaes.be/2010/06/net-api-for-pastehtml.html


I always upload my javascripts to
                                             http://yourjavascript.com/

I upload my photos to
                                http://photobucket.com/

This will help to make website with unlimited size...
                Useful tips to make website can get from
                                                http://www.dynamicdrive.com/
                                               http://www.w3schools.com/
                                               http://www.quackit.com/
           

.

Pagination Script


<style type="text/css">
#blog-pager{padding:5px 0 !important;clear:both;}
.showpageArea {font-weight: bold;margin:5px;}
.showpageArea a {text-decoration:underline;color: #fff;}
.showpageNum a, .showpage a {color: #000000;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #3b679e; background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca),  color-stop(100%,#7db9e8)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); }
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #aebcbf; background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); }
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}
</style><script type="text/javascript">
var home_page="/";
var urlactivepage=location.href;
var postperpage=10;
var numshowpage=9;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script type="text/javascript" src="http://yourjavascript.com/6141211032/pagenumber.html.js"></script>
.
You are the essence of essence....
Be sure of what you look for...!
It is you... It is in you...!

Online Radio...!