Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 12 Jan 2009, 04:03
Wordplay Wordplay is offline
 
Join Date: Nov 2001
javascript change #color to table variable name

i have found a javascript that will put round corners on my tables. which i need to use for my memberinfo pages, so users who customize their profile colors can still cutomize their entire profile. rather than using images to make the corners/edges on tables round, in which case user's couldn't customize it completely.

here is a link
http://www.ruzee.com/blog/ruzeeborders

my predicament is that the code i found makes you choose fixed colors for the tables or make them transparent, which would make using this pointless. the only way to fix this would be to have other alternative tables set in there rather than fixed colors.

meaning i'd need this code:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

to change into this type of code:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

but since i don't have any java knowledge, i don't know how to do this. is this even possible? if so, somebody please tell me how.


the attachment shows what tables...
Attached Images
File Type: jpg up.jpg (37.8 KB, 14 views)
__________________
nothing left to say

Last edited by Wordplay : 12 Jan 2009 at 16:20. Reason: attachment added
Reply With Quote
  #2  
Old 12 Jan 2009, 04:26
Dismounted's Avatar
Dismounted Dismounted is offline
 
Join Date: Jun 2005
Real name: Hanson
Add the CSS to each style's CSS declarations in the Admin CP.
__________________
View My Modifications
29 Releases and Counting... Latest Modification: dmActivityStream - vBookie Integration (4.x)

Please do not PM me to ask for support - please use the relevant thread or forum.
Reply With Quote
  #3  
Old 12 Jan 2009, 04:34
Wordplay Wordplay is offline
 
Join Date: Nov 2001
sorry but i absolutely didn't understand what you just said. what css am i supposed to add to... what are css declarations?
__________________
nothing left to say
Reply With Quote
  #4  
Old 12 Jan 2009, 04:38
Dismounted's Avatar
Dismounted Dismounted is offline
 
Join Date: Jun 2005
Real name: Hanson
From the look of the Javascript, alkl it does is add an extra CSS declaration. You can add extra CSS declarations in the style manager.

http://www.vbulletin.com/docs/html/s...css_additional
__________________
View My Modifications
29 Releases and Counting... Latest Modification: dmActivityStream - vBookie Integration (4.x)

Please do not PM me to ask for support - please use the relevant thread or forum.
Reply With Quote
  #5  
Old 12 Jan 2009, 04:50
Wordplay Wordplay is offline
 
Join Date: Nov 2001
yeah but that's not going to help me with this problem.

i want certain tables on memberpages to be a certain shape, which is what the css does, the variables with the colors decide the colors of the inside and outside of the shape created, i want the outside to be transparent, and the inside to be the same color as alternative table 2.

how would i use the declarations to accomplish this?
__________________
nothing left to say
Reply With Quote
  #6  
Old 12 Jan 2009, 05:05
Bellardia Bellardia is offline
 
Join Date: Jul 2007
We can't see the function for your javascript, so it's hard to tell you how to fix it.
Take the color for the alt2 directly from the css options in the style manager. Leaving the other color blank ("") should make it transparent but I'm not sure.
Reply With Quote
  #7  
Old 12 Jan 2009, 05:38
Dismounted's Avatar
Dismounted Dismounted is offline
 
Join Date: Jun 2005
Real name: Hanson
Originally Posted by Wordplay View Post
yeah but that's not going to help me with this problem.

i want certain tables on memberpages to be a certain shape, which is what the css does, the variables with the colors decide the colors of the inside and outside of the shape created, i want the outside to be transparent, and the inside to be the same color as alternative table 2.

how would i use the declarations to accomplish this?
As I said before, all that Javascript does (from the look of it), is seem to add some extra CSS to a few tables. That CSS can be placed into the style's CSS directly.
__________________
View My Modifications
29 Releases and Counting... Latest Modification: dmActivityStream - vBookie Integration (4.x)

Please do not PM me to ask for support - please use the relevant thread or forum.
Reply With Quote
  #8  
Old 12 Jan 2009, 14:06
Wordplay Wordplay is offline
 
Join Date: Nov 2001
no that's not what it is for, sorry for not making it clear.

it makes the tables edges/corners round.

it's a modified version of this:

http://webdesign.html.it/articoli/le...fty-corners/1/

Bellardia, i can't just take the color i want and put it in there. because the point of me having a script that uses table-edges without images is so i can have rounded tables on the memberinfo tables, and still have the members be able to customize their profile colors.

whereby this script would be pointless if i had fixed colors in it. so the only way to make it work would be if i could change the 2 color variables to 1 bg color and 2 an alternative table color.
__________________
nothing left to say
Reply With Quote
  #9  
Old 12 Jan 2009, 14:19
Bellardia Bellardia is offline
 
Join Date: Jul 2007
I don't have experience with customizing memberinfo templates by users.

Members can add their own CSS to their profiles? If so can tell me where the styles they select are stored?

If in doubt post the source of a page with a styled member profile...

If you can't style your profile then the alt colors are the same site wide and using a static color would be the same.
Reply With Quote
  #10  
Old 12 Jan 2009, 14:43
Wordplay Wordplay is offline
 
Join Date: Nov 2001
i know, but i do want my users to be able to style their profile. wasn't the customizable user profile function already a default in 3.7?

i'm not sure where the stylesheets are stored, but here are the examples of customized user profiles i could find on vb.org:
http://www.teenforum.net/members/skina/
http://www.copytechnet.com/forums/members/baphomet.html
http://www.teenforum.net/members/cynnie/

i guess i am still not making myself clear enough as to what i need, maybe my english isn't as good as i believe it to be. i hope somebody gets it, because i don't know how else to put it.
__________________
nothing left to say
Reply With Quote
  #11  
Old 12 Jan 2009, 14:55
Bellardia Bellardia is offline
 
Join Date: Jul 2007
I know what you mean, I'm just trying to figure out how to do it

vBulletin has a lot of features, many of which I've never used. I'm just trying to figure out how it works before I help.

Edit - Okay, it's stored under #usercss. Now which corners did you want to round?
Reply With Quote
  #12  
Old 12 Jan 2009, 15:13
Wordplay Wordplay is offline
 
Join Date: Nov 2001
i added an attachment that shows this in the first post, it's the alternative table 1.
__________________
nothing left to say

Last edited by Wordplay : 12 Jan 2009 at 16:18.
Reply With Quote
  #13  
Old 12 Jan 2009, 17:59
Bellardia Bellardia is offline
 
Join Date: Jul 2007
Your problem still doesn't really make any sense because you're trying to change the css attribute itself when you could just change the class of the HTML element.

Perhaps it would make more sense if you would explain which areas you are trying to apply the rounded corners to. All of them? Just some..? Your image doesn't show anything except the colors of the elements..
Reply With Quote
  #14  
Old 12 Jan 2009, 18:26
Wordplay Wordplay is offline
 
Join Date: Nov 2001
it shows that alternate table 1 gets the rounded corners/edges, which is what i said in my previous post as well.

i want all my alternate table 1s on the profile page to have rounded corners.

so you're saying i should just have the table set to alternate table 1 and change alternate table 1s table to having rounded corners/edges?

makes sense, not sure if i can do that but i'll give it a shot.
__________________
nothing left to say
Reply With Quote
  #15  
Old 13 Jan 2009, 05:38
Dismounted's Avatar
Dismounted Dismounted is offline
 
Join Date: Jun 2005
Real name: Hanson
I'm not sure that changing alt1 and alt2 will achieve your desired effect. The two classes are used on almost every single (visible) table in vBulletin, meaning if you change them, you will change the navbar, etc. as well.
__________________
View My Modifications
29 Releases and Counting... Latest Modification: dmActivityStream - vBookie Integration (4.x)

Please do not PM me to ask for support - please use the relevant thread or forum.
Reply With Quote
Reply


Similar Threads
Thread Thread Starter Forum Replies Last Post
Multi-Choice background color using Javascript UKBusinessLive vBulletin 3.7 Template Modifications 4 30 Dec 2008 08:34
Multi-Choice background color using Javascript UKBusinessLive vBulletin 3.6 Template Modifications 1 29 Dec 2008 16:38

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 15:10.

Layout Options | Width: Wide Color: