Tweak

InsaneJournal

Tweak says, "It's my burthday! "

Username: 
Password:    
Remember Me
  • Create Account
  • IJ Login
  • OpenID Login
Search by : 
  • 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
picturesquemod ([info]picturesquemod) wrote in [info]rp_tutorials,
@ 2009-04-11 03:39:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
RPG Ad or Userinfo Layout With Sidebar
Type: RPG AD with sidebar, also makes a pretty userinfo layout. Makes ample use of transparent images and snazzy edges.
Preview:





Credit [info]pourlamour

Hokay, here's what the whole thing looks like:




♠♠♠
PREMISE
SETTING
RULES
JOINING GUIDE
APPLICATION
CHARACTERS
♠♠♠


HEADING



DESCRIPTION TEXT
DESCRIPTION TEXT
DESCRIPTION TEXT
DESCRIPTION TEXT
DESCRIPTION TEXT
DESCRIPTION TEXT
DESCRIPTION TEXT
DESCRIPTION TEXT
DESCRIPTION TEXT


 
 



Handy Dandy Copypasta Box:


And here are some notes on this: it's totally stretchable. :D As long as you make sure you get the heights and widths right it will be as long as you need it to be to accommodate userinfos, etc. The one thing that really makes this ad is the use of transparent images. You can do this in your photo program in various ways. In photoshop, you delete the background layer that is all white, with everything else on a separate layer, and save it as a .PNG or .GIF. You have to save it in one of those two formats. .GIF is better for simple images with few colors and will load quickly, .PNG is for more complex images that look bad when indexed in .GIF form.

You might have to play around with the link list a little bit to get the font size right. You can also add as many links as you need to, provided that you stretch the sidebar's background image to the appropriate length. It's a little fiddly but it's not too hard.

You can make any of the images any size you need, just make sure you change the appropriate spots for height and width. I don't recommend making this ad any bigger than 700px.

This is what each of the images looks like separately:

-- the header.

-- the sidebar.

-- the background of the text box.

-- the bottom of the text box.


(Read comments)

Post a comment in response:

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

Home | Site Map | Manage Account | TOS | Privacy | Support | FAQs