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 David Ross Mann on January 16, 2010 at 11:01am
I owe you one Sir 谢谢
Comment by David Ross Mann on January 16, 2010 at 11:26am
I used the url from one of my saved pictures on think atheist and then (two lines down) changed "background-repeat: no-repeat;" to "background-repeat: repeat;" My picture doesn't work well with text though, so I may play some more.
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

Support T|A

Think Atheist is 100% member supported

All proceeds go to keeping Think Atheist online.

Donate with Dogecoin

Members

Forum

Things you hate.

Started by Devlin Cuite in Small Talk. Last reply by Kairan Nierde 25 minutes ago. 96 Replies

Videos

  • Add Videos
  • View All

Services we love

We are in love with our Amazon

Book Store!

Gadget Nerd? Check out Giz Gad!

Into life hacks? Check out LabMinions.com

Advertise with ThinkAtheist.com

© 2014   Created by Dan.

Badges  |  Report an Issue  |  Terms of Service