How To Customize Your T|A Page Using Transparency & Your Own Desktop Wallpaper.

There seems to be no topic on this so I thought I’d write it as my first blog post. I have gotten some positive feedbacks on my page so I thought I’d share the code with everyone. I have an old CSS code that seems to do the trick. No, I am not a coder.


So, if you are bored with the default Ning themes and is in the mood for a little experimentation, why not personalize your page? You will never run out of themes to choose from and play with that will suit your mood and taste. But, before you change your existing layout, I suggest you take a quick look at my page and see if you like what I did.

Let me know if it works great for you. Have fun!


What You Need:

1. desktop wallpaper 1024x768 size in jpg format (I use 1024x704)
2. file hosting – I use ImageShack (free, no need to register)
3. Upload the file to ImageShack; Note the url from where it says Direct Link. Example:
http://img268.imageshack.us/img268/8407/earthdesktopwallpaper.jpg


What To Do:

On Appearance page, there are 3 tabs – Basic theme, All Options, and Advanced.

1. In Advanced Options, copy and paste the code below. Copy/Paste the url from ImageShack inside the parenthesis where it says background-image:url
2. In All Options, under Colors, set all to Transparent (type the word Transparent where transparent option is not available, then click “OK”.) Set all Images to None. Leave “Icons” as is – “white” (or you may prefer to change this later)
3. Save!
4. Customize Text and Media colors to your preference.
5. Save again.


The CSS Code:



/* PAGE BACKGROUND */
body {
background-image: url(http://img268.imageshack.us/img268/8407/earthdesktopwallpaper.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #000000;
cursor: ;
}
/* GLOBAL FONTS */
.usercontent {
color: #e5e5e5;
}
/* MASTER BOXES */
.commonbox {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: #e5e5e5;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #ff9900;
border-style: double;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #cccccc;
}
.controlpanel .data {
color: #cccccc;
}
.data a {
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
border-color: #e5e5e5;
background-color: transparent;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
color: #ff9900;
background-color: transparent;
text-decoration: ;
}
/* BOX: MORE ABOUT ME */
.moreabout {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #;
text-transform: ;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 1px;
border-color: #999999;
border-style: solid;
background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
text-transform: capitalize;
}

Views: 4

Tags: customization, customize, layout, page

Comment by Dan on January 16, 2010 at 8:28pm
Featured!
Comment by Roy The Infidel on January 18, 2010 at 7:52am
@ Dave
No worries, Dave. Have fun everyone! :)

Comment

You need to be a member of Think Atheist to add comments!

Join Think Atheist

Blog Posts

My Dad and the Communist Spies

Posted by Brad Snowder on August 20, 2014 at 2:39pm 2 Comments

Breaking Free

Posted by A. T. Heist on August 20, 2014 at 9:56am 5 Comments

Services we love!

We are in love with our Amazon

Book Store!

Gadget Nerd? Check out Giz Gad!

Advertise with ThinkAtheist.com

In need a of a professional web site? Check out the good folks at Clear Space Media

© 2014   Created by umar.

Badges  |  Report an Issue  |  Terms of Service