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: 10

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

Forum

LOCATION

Started by Jake LaFort in Small Talk. Last reply by Madelyn Picard 1 hour ago. 3 Replies

Do humans benefit the Earth? If so, explain.

Started by Tyrion in Small Talk. Last reply by Gregg RThomas 8 hours ago. 22 Replies

Poem: Clergy

Started by Fred Hampton in Religion and the Religious, Atheism and Atheists. Last reply by Gregg RThomas 12 hours ago. 1 Reply

Ernesto Che' Guevara

Started by Fred Hampton in Quotes. Last reply by _Robert_ 1 hour ago. 20 Replies

Fred Hampton Is New Here

Started by Fred Hampton in Welcome to Think Atheist. Last reply by Fred Hampton on Tuesday. 8 Replies

Blog Posts

I am Ayaz Nizami

Posted by Noon Alif on March 27, 2017 at 10:30am 13 Comments

Seraphims and Cherubims

Posted by Fred Hampton on March 27, 2017 at 2:04am 0 Comments

© 2017   Created by umar.   Powered by

Badges  |  Report an Issue  |  Terms of Service