about me background? comment background? a little confused..., confused like |
  |
 Jan 24 2010, 08:36 PM
Post
#1
|
|
|
Senior Member  Group: Member Posts: 30 Joined: Apr 2009 Member No: 724,790  |
 How do I give my about me section, interest, comments,etc a background image? I can't seem to find a code in the scripts section but perhaps I'm overlooking it.
|
|
|
|
|
Jan 24 2010, 08:40 PM
Post
#2
|
|
 Senior Member Group: Staff Alumni Posts: 4,665 Joined: Aug 2008 Member No: 676,364 |
Are you talking about the background for the tables for "About me" or the "Comments" section? Or are you talking about the orange Title bars for them?
|
|
|
|
|
Jan 24 2010, 08:42 PM
Post
#3
|
|
|
Senior Member Group: Member Posts: 30 Joined: Apr 2009 Member No: 724,790 |
QUOTE(Beenly @ Jan 24 2010, 08:40 PM)  Are you talking about the background for the tables for "About me" or the "Comments" section? Or are you talking about the orange Title bars for them? Yep, the tables, sorry I should have been more specific. I want the code for the about me section, comments, interest, etc. I want the code for all the tables. |
|
|
|
|
Jan 24 2010, 08:49 PM
Post
#4
|
|
|
Senior Member Group: Staff Alumni Posts: 4,665 Joined: Aug 2008 Member No: 676,364 |
Okay, see if this works. Just replace it with the url.
CODE Adding Backgrounds to Tables You can use these table classes also to add background colors, borders, etc.. Default Pic Table <style> .profileInfo {background-image:url(URL);} .profileInfo * {background-color: transparent;} </style> Contact Table <style> .contactTable {background-image:url(URL);} .contactTable * {background-color: transparent;} </style> Myspace URL <style> .userProfileURL {background-image:url(URL);} .userProfileURL * {background-color: transparent;} </style> Interests <style> .interestsAndDetails {background-image:url(URL);} .interestsAndDetails * {background-color:transparent;} </style> Details <style> .userProfileDetail {background-image:url(URL);} .userProfileDetail * {background-color: transparent;} </style> Schools <style> .userProfileSchool {background-image:url(URL);} .userProfileSchool * {background-color: transparent;} </style> Companies <style> .userProfileCompany {background-image:url(URL);} .userProfileCompany * {background-color: transparent;} </style> Networking <style> .userProfileNetwork {background-image:url(URL);} .userProfileNetwork * {background-color: transparent;} </style> Extended Network <style> .extendedNetwork {background-image:url(URL);} .extendedNetwork * {background-color: transparent;} </style> Blogs <style> .latestBlogEntry {background-image:url(URL);} .latestBlogEntry * {background-color: transparent;} </style> Blurbs <style> .blurbs {background-image:url(URL);} .blurbs * {background-color:transparent;} </style> Friend Space <style> .friendSpace {background-image:url(URL);} .friendSpace * {background-color:transparent;} </style> Comment Section <style> .friendsComments {background-image:url(URL);} .friendsComments * {background-color: transparent;} </style> I would mainly look for Blurbs, Interests, and Comments if that's what you're aiming for. |
|
|
|
|
Jan 24 2010, 08:55 PM
Post
#5
|
|
|
Senior Member Group: Member Posts: 30 Joined: Apr 2009 Member No: 724,790 |
QUOTE(Beenly @ Jan 24 2010, 08:49 PM) Okay, see if this works. Just replace it with the url. CODE Adding Backgrounds to Tables You can use these table classes also to add background colors, borders, etc.. Default Pic Table <style> .profileInfo {background-image:url(URL);} .profileInfo * {background-color: transparent;} </style> Contact Table <style> .contactTable {background-image:url(URL);} .contactTable * {background-color: transparent;} </style> Myspace URL <style> .userProfileURL {background-image:url(URL);} .userProfileURL * {background-color: transparent;} </style> Interests <style> .interestsAndDetails {background-image:url(URL);} .interestsAndDetails * {background-color:transparent;} </style> Details <style> .userProfileDetail {background-image:url(URL);} .userProfileDetail * {background-color: transparent;} </style> Schools <style> .userProfileSchool {background-image:url(URL);} .userProfileSchool * {background-color: transparent;} </style> Companies <style> .userProfileCompany {background-image:url(URL);} .userProfileCompany * {background-color: transparent;} </style> Networking <style> .userProfileNetwork {background-image:url(URL);} .userProfileNetwork * {background-color: transparent;} </style> Extended Network <style> .extendedNetwork {background-image:url(URL);} .extendedNetwork * {background-color: transparent;} </style> Blogs <style> .latestBlogEntry {background-image:url(URL);} .latestBlogEntry * {background-color: transparent;} </style> Blurbs <style> .blurbs {background-image:url(URL);} .blurbs * {background-color:transparent;} </style> Friend Space <style> .friendSpace {background-image:url(URL);} .friendSpace * {background-color:transparent;} </style> Comment Section <style> .friendsComments {background-image:url(URL);} .friendsComments * {background-color: transparent;} </style> I would mainly look for Blurbs, Interests, and Comments if that's what you're aiming for. Awesome!! It didn't work for the about me section, friend section or comment section. |
|
|
|
|
Jan 24 2010, 09:02 PM
Post
#6
|
|
|
Senior Member Group: Staff Alumni Posts: 4,665 Joined: Aug 2008 Member No: 676,364 |
Have you tried just making those tables transparent and applying a background image for the whole layout itself?
|
|
|
|
|
Jan 24 2010, 09:17 PM
Post
#7
|
|
|
Senior Member Group: Member Posts: 30 Joined: Apr 2009 Member No: 724,790 |
QUOTE(Beenly @ Jan 24 2010, 09:02 PM) Have you tried just making those tables transparent and applying a background image for the whole layout itself? Hm...how do I do that?``````` |
|
|
|
|
Jan 24 2010, 09:51 PM
Post
#8
|
|
 Mel Blanc was allergic to carrots. Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 |
Is this for a 1.0 profile or a 2.0 profile?
|
|
|
|
|
Jan 24 2010, 11:00 PM
Post
#9
|
|
|
Senior Member Group: Member Posts: 30 Joined: Apr 2009 Member No: 724,790 |
QUOTE(Mikeplyts @ Jan 24 2010, 09:51 PM) Is this for a 1.0 profile or a 2.0 profile? profile 1.0 :) |
|
|
|
|
Jan 25 2010, 12:04 PM
Post
#10
|
|
 Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Here's for just Blurbs, Interests and Comments:
CODE <style> .blurbs, .interestsAndDetails, .friendSpace, .friendsComments {background-color: ff0000;} table table table td, table table table table {background: none; background-color: transparent; border: 0px;} </style> Here's for all the tables: CODE <style>
table table table {background-color: ff0000;} table table table td, table table table table {background: none; background-color: transparent; border: 0px;} </style> |
|
|
|
|
Jan 30 2010, 01:19 AM
Post
#11
|
|
|
Senior Member Group: Member Posts: 30 Joined: Apr 2009 Member No: 724,790 |
QUOTE(Mike @ Jan 25 2010, 12:04 PM) Here's for just Blurbs, Interests and Comments: awww nope, didn't work it just gave me like a redbox around my interest section. :( CODE <style> .blurbs, .interestsAndDetails, .friendSpace, .friendsComments {background-color: ff0000;} table table table td, table table table table {background: none; background-color: transparent; border: 0px;} </style> Here's for all the tables: CODE <style> table table table {background-color: ff0000;} table table table td, table table table table {background: none; background-color: transparent; border: 0px;} </style> |
|
|
|
|
Jan 30 2010, 07:16 AM
Post
#12
|
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
You were supposed to customize that code. Here:
CODE <style> table table table {background-image: url("URL"); background-attachment: scroll; background-repeat: repeat; background-position: top left;} table table table td, table table table table {background: none; background-color: transparent; border: 0px;} </style> Replace URL with the url of the image you want to use. |
|
|
|
|
Jan 31 2010, 06:52 PM
Post
#13
|
|
|
Senior Member Group: Member Posts: 30 Joined: Apr 2009 Member No: 724,790 |
QUOTE(Mike @ Jan 30 2010, 07:16 AM) You were supposed to customize that code. Here: CODE <style> table table table {background-image: url("URL"); background-attachment: scroll; background-repeat: repeat; background-position: top left;} table table table td, table table table table {background: none; background-color: transparent; border: 0px;} </style> Replace URL with the url of the image you want to use. Yep! I know but it doesnt work for the about me or comment section. :( |
|
|
|
|
Feb 1 2010, 05:02 AM
Post
#14
|
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
CODE <style>
table table table, .blurbs, .friendsComments {background-image: url("URL"); background-attachment: scroll; background-repeat: repeat; background-position: top left;} table table table td, table table table table {background: none; background-color: transparent; border: 0px;} </style> |
|
|
|
|
Feb 2 2010, 06:35 PM
Post
#15
|
|
|
Senior Member Group: Member Posts: 30 Joined: Apr 2009 Member No: 724,790 |
QUOTE(Mike @ Feb 1 2010, 05:02 AM) CODE <style> table table table, .blurbs, .friendsComments {background-image: url("URL"); background-attachment: scroll; background-repeat: repeat; background-position: top left;} table table table td, table table table table {background: none; background-color: transparent; border: 0px;} </style> yep, still doesnt work for the comment section OR the about me section :( |
|
|
|
|
Feb 3 2010, 03:49 PM
Post
#16
|
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
The code works fine, even without the extra selectors I added. It's something to do with the codes you're already using.
|
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: