BANGprofiledotcom » Customizing The “View More Pics” Section

search
Login

Backgrounds | Images | Text & Links | Misc | Scrollbar | SafeMode | FAQ's
Codes labelled in Red are ones that I recommend you have!
Please Replace "XXXXXX" with the appropriate color name, font, or setting. A color chart can be found Here.

[ Background Codes ]

Make Table Backgrounds Transparent	<Style>table,div,td,tr{background-color:transparent!Important}</style>
Color Tables and Divs in Center	<Style>table,div,td,tr{background-color:XXXXXX}</style>
Change Background Color	<Style>body{background-color:XXXXXX}</style>
Change Background Color to Image Areas	<Style>div td tr{background-color:XXXXXX}</style>
Add Background Image to Page (Read About This)	<Style>body{background-image:url('URL HERE');}</style>
Keeps Background Image in One Place at All Times	<Style>body{background-attachment:fixed;}</style>
Moves Background Image when Page is Scrolled	<Style>body{background-attachment:scroll;}</style>
Positions the Background Image (Read About This)	<Style>body{background-position:top center;}</style>
Have a Non-Repetative Background	<Style>body{background-repeat:no-repeat}</style>
Make Background Repeat Everywhere	<Style>body{background-repeat:repeat}</style>
Make Background Repeat Horizontally	<Style>body{background-repeat:repeat-x}</style>
Make Background Repeat Vertically	<Style>body{background-repeat:no-repeat-y}</style>
Border Around Entire Page (Change Black to Any Color)	<Style>body{border:10px solid black}</style>

[ Altering Images ]

Make All Images Tiny	<Style>td img{height:50px!important}</style>
Make All Images Small	<Style>td img{height:110px!important}</style>
Make Your Images Medium Sized Squares:	<Style>td img{width:150px!important;height:150px!important}</style>
Thick Black Border Around Images	<Style>td img{border:10px solid black!important}</style>
Red Border Around Images	<Style>td img{border:5px solid red!important}</style>
White Border Around Images	<Style>td img{border:15px solid white!important}</style>
Fake Polaroid Effect	<Style>td img{border-bottom:50px solid white!important}</style>

[ Text and Links ]

Change All Word Colors and Font (replace XXXXXX)	<Style>*{font-family:XXXXXX!important:color:XXXXXX!important}</style>
Change Link Color (replace XXXXXX)	<Style>a{color:XXXXXX!important;font-size:14pt!important}</style>
Change Hover Color (replace XXXXXX)	<Style>a:hover{color:XXXXXX!important;}</style>
Make All Words UPPERCASE	<Style>*{text-transform:uppercase!important}</style>
Make All Words lowercase	<Style>*{text-transform:lowercase!important}</style>
Make All Words Capitalized	<Style>*{text-transform:capitalized!important}</style>
Make All Words Squished Together	<Style>*{letter-spacing:-1px!important}</style>
Make All Words Spread Apart	<Style>*{letter-spacing:1px!important}</style>
Add Background Color to All Text	<Style>*{background-color:XXXXXX!important}</style>

[ Colored Scrollbar - View Scrollbar Chart ]

Change Scrollbar Face Color	<Style>body{scrollbar-face-color:XXXXXX}</style>
Change Scrollbar Arrow Color	<Style>body{scrollbar-arrow-color:XXXXXX}</style>
Change Scrollbar Track Color	<Style>body{scrollbar-track-color:XXXXXX}</style>
Change Scrollbar Highlight Color	<Style>body{scrollbar-highlight-color:XXXXXX}</style>
Change Scrollbar 3D Light Color	<Style>body{scrollbar-3dlight-color:XXXXXX}</style>
Change Scrollbar Shadow Color	<Style>body{scrollbar-shadow-color:XXXXXX}</style>
Change Scrollbar Dark Shadow Color	<Style>body{scrollbar-darkshadow-color:XXXXXX}</style>

[ Miscellaneous ]

Change Color of Page Numbers and Page Links (replace XXXXXX)	<Style>.currentpage, .pagingLink{color:XXXXXX!important}</style>
Make Page Numbers and Page Links Visible	<Style>.currentpage, .pagingLink{visibility:visible!important}</style>
Brown Frame Around Entire Profile	<Style>body{border:20px ridge;border-color:996600}</style>
Make Images Faded in Internet Explorer	<Style>a img{filter:alpha(opacity=80);}</style>
Make Images Faded in other Web Browsers	<Style>a img{-moz-opacity:0.7;opacity:0.7;-khtml-opacity:0.7;}</style>
Put a Picture in a Caption (Host at Tinypic.com):	<img src="URL HERE"/>
Change Cursor and Hover Cursor	<Style>body{cursor:crosshair}a:hover{cursor:default}</style>
Align Page to the Left	<Style>body{padding-right:250px}</style>
Align Page to the Right	<Style>body{padding-left:250px}</style>
Hide "Google" and Movie Ad Images	<Style>span div img,div span a img{display:none!important;}</style>
Remove Small Orange Arrow So It Doesn't Interfere	<Style>div img{width:0px!important}</style>
Change Color and Font of the word "New!" and "»"	<Style>.txtRed{color:XXXXXX!important;font-family:XXXXXX}</style>
Make "New!" and "»" Become Visible	<Style>.txtRed{visibility:visible!important}</style>