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




News Update :
Showing posts with label Web Utility. Show all posts
Showing posts with label Web Utility. Show all posts

Send message to yourself in facebook

I save some links by sending as messages to my friends on facebook.
My some friends angry on me.
But before few days I try to send message to myself on facebook.
I succeed & save links as message to myself



I did as below:

- Open messenger in my mobile
- Search myself for sending message
- After view myself in list click on it
- Write "HI" as message & send
- It sent to me. I check it from my computer

.

Send sms from website to mobile

Not work this sendsms.php


<html>
 <body>
   <h1>My SMS form</h1>
   <form method=post action='sendsms.php'>
   <table border=0>
   <tr>
     <td>Recipient</td>
     <td><input type='text' name='recipient'></td>
   </tr>
   <tr>
     <td>Message</td>
     <td><textarea rows=4 cols=40 name='message'></textarea></td>
   </tr>

<tr>
     <td>Date to send</td>
      <td><input type='text' name='date'></td>
   </tr>

   <tr>
     <td> </td>
     <td><input type=submit name=submit value=Send></td>
   </tr>
   </table>
   </form>
 </body>
</html>




send.php file


<?php

########################################################
# Login information for the SMS Gateway
########################################################

$user = "mobilenumber;
$password = "password";
$url = "http://www.smszone.in/sendsms.asp?";
$page = "SendSmsBulk";


########################################################
# Functions used to send the SMS message
########################################################
function httpRequest($url){
    $pattern = "/http...([0-9a-zA-Z-.]*).([0-9]*).(.*)/";
    preg_match($pattern,$url,$args);
    $in = "";
    $fp = fsockopen("$args[1]", $args[2], $errno, $errstr, 30);
    if (!$fp) {
       return("$errstr ($errno)");
    } else {
        $out = "GET /$args[3] HTTP/1.1\r\n";
        $out .= "Host: $args[1]:$args[2]\r\n";
        $out .= "User-agent: PHP client\r\n";
        $out .= "Accept: */*\r\n";
        $out .= "Connection: Close\r\n\r\n";

        fwrite($fp, $out);
        while (!feof($fp)) {
           $in.=fgets($fp, 128);
        }
    }
    fclose($fp);
    return($in);
}



function window.open($phone, $msg, $scheduledate, $debug=false){
      global .$page,$user,$password,$url;

      $url = 'page='.$page;
      $url = '&username='.$user;
      $url.= '&password='.$password;
      $url.= '&number='.urlencode($phone);
      $url.= '&message='.urlencode($msg);
       $url.= '&scheduledate='.urlencode($date);
     

      $urltouse =  $url.$url;
      if ($debug) { echo "Request: <br>$urltouse<br><br>"; }

      //Open the URL to send the message
      $response = httpRequest($urltouse);
      if ($debug) {
           echo "Response: <br><pre>".
           str_replace(array("<",">"),array("&lt;","&gt;"),$response).
           "</pre><br>"; }

      return($response);
}

########################################################
# GET data from sendsms.html
########################################################

$phonenum = $_POST['recipient'];
$message = $_POST['message'];
$scheduledate = $_POST['date'];
$debug = true;

window.open($phonenum,$message,$scheduledate,$debug);

?>

.

Embed pls file



Since last long time I want to keep my favorite radios at one place.
But don't know ABC of server scripts.
So listen radios on shoutcast.

Today I try to embed pls file in flash.

- Download pls file by shoutcast.com
- Open it by notepad
- Copy url
- Use online music player available at
                 http://www.flash-mp3-player.net/players/multi/generator/
- Include /; after port number of url
- Generate code

Its working example is above...!

I have try to add more stream links in single pls file, also working because pls file is playlist not mp3...!
.

Slideshow of Google Plus Album

Google Plus photos save on picasa.

View albums on picasa by link below.

https://picasaweb.google.com/lh/myphotos?noredirect=1

1 -  Look at right & click on embed.
      Copy code & paste to blog, website, etc.

2 -  Open album & do as above. This is slideshow of album.

Short link to embed album is https://picasaweb.google.com/lh/getEmbed

Below previw of my album...




.

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
.

CSS3 Tabs NO JAVASCRIPT


  • One
    In today’s tutorial I am going to share a simple way to make News Ticker and Notification Bar using CSS3, NO JAVASCRIPT. Previously it was very difficult to code it in javascript and make it work with other plugins, but today I decided to make it possible in CSS3 and voila, I succeeded So lets
  • Two
    While reading more about HTML5 & CSS3 I just found an amazing css3 button styling. This time I wanted to do something which I was doing from past 2 years using JQuery. In this tutorial I am going to teach you how to make a toggle slideDown and slideUp function using CSS3 and HTML5. To
  • Three
    Lets start learning CSS3 before its too late, I just saw a website which amazed me with its animation effects. First I thought that the site is using some JQuery libraries but when I actually went into the code, I found it is CSS3. So I started learning it, and today I made my first Read more...


Code:

<style type="text/css">
*::-moz-selection {
background: none repeat scroll 0 0 #F26D5E;
color: white;
}

#content > p {
font-size: 13px;
line-height: 24px;
text-align: left;
color: #416C80;
}

li div p {
font-size: 13px;
line-height: 24px;
text-align: left;
color: #888888;
}

a {
color: #888888;
text-decoration: none;
outline: none;
}

#tabs-content {
position: relative;
clear: both;
}

li div {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
border: 1px solid #888888;
float: left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
padding: 0 15px;
position: absolute;
visibility: hidden;
width: 555px;
min-height: 555px;
left: 0;

background: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#FFFFFF));
background: -moz-linear-gradient(center top , #E3E3E3, #FFFFFF 85px) repeat scroll 0 0 transparent;
background: -o-linear-gradient(center top , #E3E3E3, #FFFFFF 85px) repeat scroll 0 0 transparent;
background: -ms-linear-gradient(center top , #E3E3E3, #FFFFFF 85px) repeat scroll 0 0 transparent;
background: linear-gradient(center top , #E3E3E3, #FFFFFF 85px) repeat scroll 0 0 transparent;
}

#tabs {
     float: left;
margin: 0px auto;
min-height: 555px;
width: 555px;
}

ul {
float: left;
margin: 0;
padding: 0;
position: relative;
}

#tabs li {
float: left;
list-style-type: none;
}

#tabs li a {
background: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#FFFFFF));
background: -moz-linear-gradient(center top , #E3E3E3, #FFFFFF 18px) repeat scroll 0 0 transparent;
background: -o-linear-gradient(center top , #E3E3E3, #FFFFFF 18px) repeat scroll 0 0 transparent;
background: -ms-linear-gradient(center top , #E3E3E3, #FFFFFF 18px) repeat scroll 0 0 transparent;
background: linear-gradient(center top , #E3E3E3, #FFFFFF 18px) repeat scroll 0 0 transparent;
border: 1px solid #888888;
margin: 0 3px 0 0;
padding: 5px 25px;
position: relative;
z-index: 1;
font-size: 14px;

-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
display: block;
top: 1px;
}

#tabs li a:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E3E3E3));
background: -moz-linear-gradient(center top , #FFFFFF 12px, #E3E3E3 25px) repeat scroll 0 0 transparent;
background: -o-linear-gradient(center top , #FFFFFF 12px, #E3E3E3 25px) repeat scroll 0 0 transparent;
background: -ms-linear-gradient(center top , #FFFFFF 12px, #E3E3E3 25px) repeat scroll 0 0 transparent;
background: linear-gradient(center top , #FFFFFF 12px, #E3E3E3 25px) repeat scroll 0 0 transparent;
}

#tabs-content div p {
position: relative;
text-align: justify;
}

#One:target a,#Two:target a,#Three:target a {
color: #000000;
border-bottom: none;
top: 1px;

background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E3E3E3));
background: -moz-linear-gradient(center top , #FFFFFF 12px, #E3E3E3 25px) repeat scroll 0 0 transparent;
background: -o-linear-gradient(center top , #FFFFFF 12px, #E3E3E3 25px) repeat scroll 0 0 transparent;
background: -ms-linear-gradient(center top , #FFFFFF 12px, #E3E3E3 25px) repeat scroll 0 0 transparent;
background: linear-gradient(center top , #FFFFFF 12px, #E3E3E3 25px) repeat scroll 0 0 transparent;
padding-top: 6px;
}

#One:target div,#Two:target div,#Three:target div {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
}

#container {
    float: left;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);

-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;

-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.09) inset;
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.09) inset;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.09) inset;
color: #416C80;
margin: 5px auto;
padding: 5px 5px;
width: 555px;
}

i {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

i:hover {
background: none repeat scroll 0 0 #F26D5E;
color: #FFFFFF;
}
</style>


<div id="container">

<div id="tabs">
<ul>
<li id="One"><a href="#One" id="first">One</a>
<div>
<p>In today’s tutorial I am going to share a simple way to make News Ticker and Notification Bar using CSS3, NO JAVASCRIPT. Previously it was very difficult to code it in javascript and make it work with other plugins, but today I decided to make it possible in CSS3 and voila, I succeeded So lets</p>
</div>
</li>
<li id="Two"><a href="#Two" id="sec">Two</a>
<div>
<p>While reading more about HTML5 & CSS3 I just found an amazing css3 button styling. This time I wanted to do something which I was doing from past 2 years using JQuery. In this tutorial I am going to teach you how to make a toggle slideDown and slideUp function using CSS3 and HTML5. To</p>
</div>
</li>
<li id="Three"><a href="#Three" id="third">Three</a>
<div>
<p>Lets start learning CSS3 before its too late, I just saw a website which amazed me with its animation effects. First I thought that the site is using some JQuery libraries but when I actually went into the code, I found it is CSS3. So I started learning it, and today I made my first Read more...</p>
</div>
</li>
</ul>
</div>
</div>


Credit:  CSS3 Tabs | NO JAVASCRIPTWebs Tutoria
.

CSS Links

CSS has several options for redefining the style of links.


LINK PROPERTIES

PropertyValuesNSIE
A:link
A:visited
A:active
A:hover
<style>
<style>
<style>
<style>
4+
4+
4+
6+ 
4+
4+
4+
4+


DEFINING STYLES FOR LINKS

As mentioned in the above table, there are four different selectors with respect to links.

You can specify whatever style you'd like to each of these selectors, just like you'd do with normal text.

The four selectors are:


A:link
Defines the style for normal unvisited links.

A:visited
Defines the style for visited links.

A:active
Defines the style for active links.
A link becomes active once you click on it.

A:hover
Defines the style for hovered links.
A link is hovered when the mouse moves over it.
Note: Not supported by Netscape browsers prior to version 6.


PRACTICAL EXAMPLES

Here you can see a few examples on how CSS can be used to replace the traditional image based mouseover effects for links.

The hover style is not supported by Netscape browsers prior to version 6, but since it does no harm, you can still use it for the benefit of the +90% of visitors that arrive using MSIE).

One of the most common uses of CSS with links is to remove the underline. Typically it's done so that the underline appears only when a hover occurs. In the example below, we did just that. In addition we added a red color for hovered links.

Example: Hover
<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
</style>


The link from the above example would look like this:

LOOK HERE






Another example would be to create links that are both underlined andoverlined.

Example: Underline/Overline
<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline overline; color: red;}
</style>


The link from the above example would look like this:

LOOK HERE






A third example would be to create links that change in size 
when hovered.

Example: Size changing links
<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {font-size:24; font-weight:bold; color: red;}
</style>


The link from the above example would look like this:

LOOK HERE






A final example would be to create links that have a permanent background color, obviously standing out from the rest.

Example: Background colored links
<style type="text/css">
A:link {background: #FFCC00; text-decoration: none}
A:visited {background: #FFCC00; text-decoration: none}
A:active {background: #FFCC00; text-decoration: none}
A:hover {background: #FFCC00; font-weight:bold; color: red;}
</style>


The link from the above example would look like this:

LOOK HERE TO SEE






MULTIPLE LINKSTYLES ON SAME PAGE

The final topic deals with how to add multiple link styles that can be used on the same page.

In the above examples we addressed the HTML selector - A:link etc - and thus redefined the overall link style.

How do we define a link style that is only active in a certain area of the page?

The answer is: context dependent selectors.

Rather than addressing the A:link selector we will address it while being dependant on a certain outer class that surrounds the area where we'd like our link style to be effective.

For example:
<html>
<head>
<style type="text/css">
.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color: red;}

.class2 A:link {text-decoration: underline overline}
.class2 A:visited {text-decoration: underline overline}
.class2 A:active {text-decoration: underline overline}
.class2 A:hover {text-decoration: underline; color: green;}
</style>
</head>

<body>
ONE TYPE OF LINKS
<br>
<span class="class1">
<a href="http://www.yahoo.com">YAHOO</a>
<br>
<a href="http://www.google.com">GOOGLE</a>
</span>
<br>
<br>
ANOTHER TYPE OF LINKS
<br>
<span class="class2">
<a href="http://www.yahoo.com">YAHOO</a>
<br>
<a href="http://www.google.com">GOOGLE</a>
</span>
</body>
</html>


Note how we use the <span> to define the context.
This is smart for two reasons:

1) The obvious, that it allows us to use different link styles on 
the same page, rather than being limited to using a single
overall link style. 

2) We can define entire areas where a certain link style works for all links within that area. Thus, we don't have to add a style definition to each and every link in that area.


Credit:  CSS Links - CSS tutorial
.

How to increase internet speed

I just found this good tips from my ISP. I am sure it works for you. 

Here's a simple little thing you can do to increase your bandwidth by at least 20%. 

Ok here we go... 

1.) log on as Administrator. 

2.) start - run - type gpedit.msc 

3.) expand "local computer policy" 

4.) then expand "administrative templates" 

5.) then expand "network branch" 

6.) Highlight the "QoS Packet Scheduler" 

7.) on right window double click "limit reservable bandwidth" 

8.) on setting tab check the "enabled" 

9.) change "Bandwidth limit %" to 0 

You're done.It would be a good idea to reboot after this.
.

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>


.

Shtyle.FM Profile Layout

<style type="text/css">

#body {
margin-top: 1px;
margin-left: 10px;
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 }

#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;  max-height: 150px; overflow: hidden; right: 5px; !important }

#profile-status, #profile-url, #profile-url span, #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 }

#profile #friends {max-height: 350px; overflow: hidden; !important }

#actionbox {float:left; margin-top: 370px;  margin-left: -189px; border: 0px #ccc solid; !important }

#profile #visitors {float:right; max-width: 1px; max-height: 1px; visibility:hidden; overflow: hidden; margin-left: -1000px; margin-top: -245px; border: 0px #ccc solid;  !important }

#profile #giftbox {float:left; margin-top: -145px; margin-left: -1000px; max-width: 1px; max-height: 1px overflow: hidden; border: 0px #ccc solid; !important }

#comments {border: 0px #ccc solid; max-width: 565px; min-width: 565px; margin-top: 400px; overflow: hidden;  background-color: #51AAE9;  !important }

</style>

<table id="centertop" style="position: absolute; top: 6px; left: 195px; width:845px; height: 361px; border:0px solid black; background-color: #5194CA;" align="center"> <tr > <td align="center"> Content will here </td> </tr> </table>


<table id="right2" style="position: absolute; top: 370px; left: 595px; width:652px; height: 4500px; border:0px solid black; background-color:#5194CA;" align="center"> <tr > <td align="center" valign="top"> Content will here </td> </td> </tr> </table>

.

Shtyle.fm Layout

I try to change layout of my one social network http://www.shtyle.fm
My Profile link:  http://www.shtyle.fm/pjoshi235 

Before change layout of my profile I do some rough work mainly by help of
      http://www.shtyle.fm/css/fundoo-light.css?145
      http://w3schools.com/
      http://www.dynamicdrive.com/

Mainly I want to use all the space of my profile. So I do...
         Make cover like other communities...
        At left side many space is useless & blank...
        Space at right side not useful for profile viewer...
So I make changes...
         Create space for cover...
         Move Avatar & Friends to left...
         Hide right sidebar...

Below is my shtyle.fm profile layout code... Anybody can use it... But before to use my code first save your code in text or word document... If any need, leave comment or contact me...

Text in red color is images, change it or save to your photo-hosting site...

<style type="text/css">
      html, body {  cursor: url("http://www.shtyle.fm/fserve.do?id=60044510"), auto; background-color: #0163b3 ; background-image: url('http://i2.tagstat.com/p1/0/WOCEAcilqCH5Gmh5RH_vVZTOc-cpwh461ESao2htLRk=.gif');  background-attachment: scrolling; background-repeat: repeat; ! important }

#body { margin-top: 1px;  margin-left: 10px; margin-right: auto;  width: 1000px; padding: 0 0 5px; display: block; text-align: left; !important }

      #header { width: 100%; height: 450px; background-color: #0163b3 ; background: url(http://fs4.shtyle.fm/dynimg/usrphoto/4E/FA/75627086_headerbg.png); background-repeat: repeat; margin-left: 0px; margin-right: 0px; text-align: left; color:gold; font-face: georgia; font-size: 72px; font-weight: bold; ! important }

 #links, #links ul li a span.notif { visibility: hidden; height: 1px; margin-top: -50px; ! important }

#peopleAdsContainer, #peoplead-add-loading-top, #peoplead-add-link-top, #peoplead-add-link-top span { color: transparent;  max-height:1px; margin-left: -2000px; margin-top: 0px; visibility: hidden; ! important }
 
 #blurb, #profile #notificationinfo, li, #links li.first a, #links li.last a, #links a {border: 1px solid transparent;}

#headermiddle .hbutton, #profile #comments,  #mainbar, #floater, #links, textarea, #profile #comments .updateCommentLink, #notifications.sidebar, #mainbar.sidebar, #profile #slideshow, #profile .sidebar, #profile #mainbar, #profile #suggestions .psuggest a.afriend, #profile div#actionbox div, #links li ul
{border: 1px solid #000;}

 #profile div#actionbox div, #links, .sidebar input, textarea, #profile #commentform textarea, #profile .sidebar, h2, #headermiddle .hbutton, #profile #comments {background-color: transparent !important;
background: url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/Background/shtylebg.png) !important;}

#profile #comments :hover, #profile #comments .updateCommentLink:hover,  #profile #comments td:hover {background: url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/shtylebg2.png) !important;}

   #header { width: 100%; height: 450px;  background-color: #0163b3 ;  background: url(http://fs4.shtyle.fm/dynimg/usrphoto/4E/FA/75627086_headerbg.png); background-repeat: repeat;      margin-left: 0px; margin-right: 0px;  text-align: left; color:gold;  font-face: georgia; font-size: 72px; font-weight: bold; ! important }

#headermiddle a.hbutton, .sidebar input, a:hover, * {text-decoration: none!important; font-family: 'georgia'!important; color: #FFF!important; font-weight: bold!important;}

#headermiddle a.hbutton:hover, .sidebar input:hover, a {text-decoration: none!important; text-shadow: 1px 1px 1px #000!important; color: #bfbfbf!important; font-weight: bold!important;}

a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif);}

a:hover, a.redlink:hover, a.navbar: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); }

 #profile #friends {background-color: transparent !important; background: url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/Background/gtbx.gif) !important;}

#profile #visitors {background-color: transparent !important; background: url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/Background/sbg.gif) !important;}

#profile #gifts {background-color: transparent !important; background: url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/Background/azazazazazazz.gif) !important;}

#profile #commentFormId {min-height: 170px; background-color: transparent !important;
background: url(http://fs4.shtyle.fm/dynimg/usrphoto/2E/32/75575854_aaaaa11111111111.gif);  !important;}

#profile #commentform span {background-color: #FF00FC !important; }

#footer, #notificationinfo, #suggestions, #raise-profile-link, #floater, #profile div.profileright.sidebar, iframe  {max-height: 1px;margin-right: -500px; !important}
</style>

<style type="text/css">
#profile #comments .expandoption img:hover, #profile #friends img:hover {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg); }

#profile #gifts img:hover, #profile #visitors img:hover {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg); }</style> 
.

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
.

Multi-Level Marketing


"I would rather earn 1% off a 100 people's efforts than 100% of my own efforts."
- John D. Rockefeller, founder of the Standard Oil Company, 1839-1937


Multi-Level Marketing

Multi-level Marketing [MLM] is a powerful way to earn an income. You start by getting a few people to work for you and then the process continues. You can soon have 100s of people helping you earn an income.
Question: Does MLM selling work?
Answer: Yes, if it's done correctly!

The golden rules:
#1: The product being sold MUST be amazing and MUST be easy sell.
#2: You need to show the product to thousands of people.

Scenario 1: You can contact 1000s of people, you tell them about a crap product and you make no money.
Scenario 2: You have a great product, you tell nobody about it and you make no money.
Scenario 3: You have a great product, tell 1000s of people and you make a lot of money.


Also in webhosting...

Free webhosting sponsor: http://www.netincome.ws/

for asp.net - free unlimited hosting @ http://x10hosting.com/register
.

Share Computer Screen

Have you ever wanted to share your computer screen with your friends? You can find many different kind of software tools to share your screen with your friends or someone else. Yeah, it's that simple. But when it comes to sharing screen, mostly, both parties need to have same software tool installed on their computers. So, it may need some time to prepare, complete initial requirements and setting up. But what if you can share your computer screen with friends instantly without installing any software tools?

Second is Skype... 
https://support.skype.com/en/faq/FA10215/how-do-i-share-my-screen-in-skype-for-windows-desktop

More...

http://www.crossloop.com/

http://www.teamviewer.com

http://www.yuuguu.com/

http://www.unyte.net/products/unyte.php

http://www.soonr.com/

http://www.foldershare.com/

http://svnc.sourceforge.net/


.

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


.
You are the essence of essence....
Be sure of what you look for...!
It is you... It is in you...!

Online Radio...!