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

News Update :
Showing posts with label Link. Show all posts
Showing posts with label Link. 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


CSS Links

CSS has several options for redefining the style of 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:

Defines the style for normal unvisited links.

Defines the style for visited links.

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

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.


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;}

The link from the above example would look like this:


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;}

The link from the above example would look like this:


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;}

The link from the above example would look like this:


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;}

The link from the above example would look like this:



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:
<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;}

<span class="class1">
<a href="http://www.yahoo.com">YAHOO</a>
<a href="http://www.google.com">GOOGLE</a>
<span class="class2">
<a href="http://www.yahoo.com">YAHOO</a>
<a href="http://www.google.com">GOOGLE</a>

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

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

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 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> 

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(
 left bottom,
 left top,
 color-stop(0.15, #00FF00),
 color-stop(0.5, #FFFFFF),
 color-stop(0.87, #FF4400)

CSS3 Gradient Generator:



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
Other api:

I always upload my javascripts to

I upload my photos to

This will help to make website with unlimited size...
                Useful tips to make website can get from


Add friends from blocked social network account

My friend's account on facebook blocked. Here some images...

 Very few can do this...

No more chance...

 Then we look at our email notifications...
Open mail => Right click on view profile => copy link location => find friend...
Red Color is the link for friend...
Make new account & add friend again...


How Do I Embed A Internal/External Webpage?

How Do I Embed A Internal/External Webpage?

You can embed a page in a combination of ways using a HTML/javascript or php in blocks or articles.

Basically you have 3 standard types. The php include, the dynamic iframe, or the simple iframe.

The first and best way is to use the php "include" function in a php article or block. It doesn't have scrollbars, and applies the same theme unless otherwise directed in the file. The drawback is that it has to exist in your same SMF directory. This is done by using the following script:

Code: [Select]
Replace "LOCATION" and "FILENAME" with the proper information.


The second way is to use the dynamic iframe in a HTML/javascript block or article. This is a javascript function that makes the iframe auto adjust height & width to fit the whole page, within your page. It is discussed HERE and the original script can be found Here. Like the php include, the file must exist within the same SMF directory.

The third way is a simple HTML iframe. You can embed an web-page outside your domain this way, bu it will not auto-adjust in height. The width can be percentage or fixed. This will not make the content make your theme. You can use the script below, but set the parameters accordingly:
Code: [Select]
<iframe name="myframe" src="yoururl.html" width=200 height=200 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto></iframe>

How Do I Embed A Internal/External Webpage?:

How to Embed Almost Anything in your Website

'via Blog this'

Links for Music Playlist







Khuda Kare K Saari Umar Mujhe Manzil Na Miley...
खुदा करे की सारी उमर मुझे मंजिल ना मिले...

Bari Mushkil Say Wo Raazi Hua Hai Sath Chalne Ko...!

बड़ी मुश्किल से वो राज़ी हुआ है साथ चलने को...!

These have been place where
The world cannot hold them down.
To the edge of dreams where pain
Is nothing and glory is but a step away.

Prayer is not to lighten your burden But to strengthen your back 
Have faith in God, Faith does not move mountain, But gives power to climb it.


Naida Bellydancer - Medical Expense Fundraiser


Anime Avatar Creator on Facebook

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

Online Radio...!