« MySpace Not Really as Popular as Some Analysts Claim | Main | His MySpace odyssey »

Spice up your More Pictures section

Everyone is checking out your myspace pictures, why not add some Flare to this section of your MySpace Profile?

To change the layout/look of your 'More Pictures' section in your myspace profile, just click

> 'Upload / Change Photos'
> and then 'Add Caption'

You're going to paste in styles like normal, but these text areas are limited in the number of characters you can type in. So, you have to keep them short and sweet!

Change Your Fonts/Text Look

Change XXXXXX to a Font Name

Change Your Font's Look

<style>table, td, .text{font-family:XXXXXX}</style>


Font List:
COURIER NEW
IMPACT
MONOTYPE CORSIVA
ARIAL BLACK
ARIAL NARROW
COMIC SANS MS
VERDANA
TERMINAL
SMALL FONTS
SCRIPT


Change Your Fonts/Text SIZE

Change Your Text Size

<style>table, td, .text{font-size:XXXpt}</style>

Replace XXX with a number from 1-100 [9 being normal]


Change Your Text Color [normal words NOT links]

Change Your Text Size

<style>table, td, .text{color:COLOR NAME}</style>

Click here for a Color Chart! [Replace the COLOR NAME with a 6 digit number or an actual COLOR Name]

Change Your Link-Font Color

Change Your Link Color

<style>a:link{color:COLOR NAME!important;}</style>


Adding Borders to Words/Images

Normal Black Border Around Images

<style>a img{border:1px solid black}</style>

1px Dashed Pink Border to Images

<style>a img{border:1px dashed deeppink;}</style>

20px Double Black Border to Images

<style>a img{border:20px double black}</style>

Gray Inset Border on Images

<style>a img{border:3px solid Color}</style>

Black Border On BOTTOM of Images

<style>a img{border:3px solid Color}</style>

Add Your Own Custom Border Around Images

Color=Name of the color
Solid=Border Style (Dashed, Dotted, Solid, Groove,Inset, Outset, Ridge)
3px=Can Change 3 to any number (1-100)

<style>a img{border:3px solid Color}</style>

Black Border Around Text

<style>table, td, .text{border:1px solid black}</style>

Ridged Pink Border around Text

<style>table, td, .text{border:3px ridge deeppink}</style>

Gray Dashed Border around Text

<style>table, td, .text{border:1px dashed gray}</style>

All Text Underlined

<style>table, td, .text{border-bottom:3px double black}</style>


Remove Your White Background
[You MUST use have this in your first caption if you want to edit your background colors]

<style>table, td {background:transparent}</style>


Change Your Background

Change the Color of Your Background

<style>body{background-color:XXX;}</style>

Replace the XXX with a Color Code or Name

Add a Background Image
You MUST get a short url for your background.
Go to Fyad.org
1) Enter the URL to the Background Image
2) Copy the Fyad Shortened Url
3) Paste it where it says BG URL

Example: <body background="http://www.fyad.org/sd82m">
<body background="BG URL">

Make Your Background Image NOT Repeat

<style>body{background-repeat: no-repeat;}</style>

Make Your Background Image Stay in Place

<style>body{background-attachment:fixed;}</style>


Internet Explorer Filters for Images

Make Your Images Transparent Sort-Of

<style>img{filter:alpha(opacity=85);}</style>

Turn ALL Images Black and White

<style>a img {filter: Gray;}</style>

Turn ALL Images Black and White ON HOVER

<style>a:hover img {filter: Gray;}</style>

Turn ALL Images NORMAL On Hover

<style>a:hover img {filter: none!important;}</style>

Flip Your Images -Horizontally- on HOVER

<style>a:hover img{filter:fliph;}</style>

Flip Your Images UPSIDE-DOWN on HOVER

<style>a:hover img{filter:flipv;}</style>

Invert Your Images [Looks like a Negative]

<style>a img{filter:xray;}</style>

Make Your Images SMALLER

<style>a image{width:100!important;}</style>

[Change the 100 to any number]

Firefox Filters

Makes your Images look Transparent

<style>body{-moz-opacity:.50;opacity:.50;}</style>


MISC/OTHER Codes

Border Around Your Entire Picture Page

<style>body {border:30px solid black;}</style>

Hide Bottom Links

<style>table td div div font {visibility:hidden;}</style>

Make Your Page Skinny/Tiny

<style>table{width=200!important;}</style>

Hide Navbar

<style>.navbar{display:none}</style>

Make Your Page Shorter

<style>br{display:none}</style>

Remove Top and Bottom Links & Misc. Text

<style>font{display:none}</style>

Change Your Cursor

<style>body {cursor:CROSSHAIR;}</style>

Change HOVER Cursor

<style>body a {cursor:CROSSHAIR;}</style>



    Comments

    this worked great for the page that I see my pix on, but how would i change the pix background for what my friends see when they look at my pix? odviously these codes didn't change that page.. :(

    You can't be 33756 serious?!?

    You are full of crap! That stupid code don't do beans! It shows on my side, but no one else can see the background! What good is that?

    didn't work for me either...only i can see it...no one else can...cant you make codes so other people that view my pics page can see my changes??

    Yup it didnt work on me either!!!

    yea, myspace actually changed how this works... thus disabling the ability to change the look of your picture page....

    sorry!

    Hi all, I have just found this... and it works, changed mine...

    http://www.profiletweaks.com/viewpictures.php

    hey this works

    hey this works!!

    can you gave me the code to put the entire View more pic center???

    Post a comment

    (If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)