InsaneJournal

• Create Account
• IJ Login
• OpenID Login

Search by :  Username E-mail Region Interest AOL IM ICQ Number Yahoo! ID MSN Username Jabber

• View
  • Create Account
  • IJ Login
  • OpenID Login
• Journal
  • Post
  • Edit Entries
  • Customize Journal
  • Comment Settings
  • Recent Comments
  • Manage Tags
• Account
  • Manage Account
  • Viewing Options
  • Manage Profile
  • Manage Notifications
  • Manage Pictures
  • Manage Schools
  • Account Status
• Friends
  • Edit Friends
  • Edit Custom Groups
  • Friends Filter
  • Nudge Friends
  • Invite
  • Create RSS Feed
• Asylums
  • Post
  • Asylum Invitations
  • Manage Asylums
  • Create Asylum
• Site
  • Support
  • Upgrade Account
  • FAQs
  • Search By Location
  • Search By Interest
  • Search Randomly

Ally -- are you already gone? (wastintime) wrote in rp_tutorials, @ 2011-01-07 18:48:00

Current mood:

creative

Working House Hourglasses

Live Examples


The Code
<lj-raw><table> <tr> <td> <div style="background:url(http://img507.imageshack.us/img507/1082/sand3.png) no-repeat 0 80px;float:left;"><img src="http://img211.imageshack.us/img211/53/hourglassgryffindor.png"></div> <div style="background:url(http://img507.imageshack.us/img507/1082/sand3.png) no-repeat 0 150px;float:left;"><img src="http://img842.imageshack.us/img842/112/hourglassravenclaw.png"></div> <div style="background:url(http://img507.imageshack.us/img507/1082/sand3.png) no-repeat 0 0px;float:left;"><img src="http://img600.imageshack.us/img600/7166/hourglasshufflepuff.png"></div> <div style="background:url(http://img507.imageshack.us/img507/1082/sand3.png) no-repeat 0 200px;float:left;"><img src="http://img217.imageshack.us/img217/4715/hourglassslytherin.png"></div> </td> </tr> </table></lj-raw>

Images


Altering the height of the sand...
You are going to be changing the number for the YPOS on the background.

Bigger numbers = less sand. Smaller numbers = more sand.

Maximum sand height: 30px
Minimum sand height: 230px

Questions/Feedback?
Leave a comment to this post. Thanks!

(The coding was me, but credit for the idea goes to nimbuschick!)

(Read comments)

Post a comment in response:

From:	( ) Anonymous- this user has disabled anonymous posting. ( ) OpenID InsaneJournal user Username: Password: Login?  Don't have an account? Create one now.
Subject:	No HTML allowed in subject   Don't auto-format:
Message:	Check spelling during preview