bernard posted a great "crazy look to your ning forum" tip that was great but looked absolutely horrid on my site (due to colors etc) and since it relied on a js  file to style it was too tricky to customize so i came up with my own alternate styling

(looks best in firefox)

and the css isnt too dificult to tweak

(i tried getting it to look right in chrome but no go)

table.categories td.bignum {text-shadow:4px 4px 2px #333;
    background-color: #666666;border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px;box-shadow:inset 3px 3px 13px;
-moz-box-shadow:inset 3px 3px 13px;-ms-box-shadow:inset 3px 3px 13px;-o-box-shadow:inset 3px 3px 13px;-webkit-box-shadow:inset 3px 3px 13px;}
table.categories tbody tr, table.categories thead tr th.xg_lightborder {box-shadow: #CCC 3px 3px 3px;border-radius:12px;}
table.categories thead tr th.xg_lightborder {font-size:13px;padding:7px;}

Views: 343

Reply to This

Replies to This Discussion

nice work!!  sleek changes that works well on my site as well

cool glad it works

Looking great. I'm using .js file to make sure that other headings and stuffs are not affected by this code. 

Best Wishes

Bernard

I have Chrome and many of my members do. I tried it and it looks like I had been drinking (and not just a little, LOL) 

Something different but not completely. There's two places to paste the CC into. 

- under the tools tab 

- in Design Studio under the advanced tab

Which one is the one you use? I assume it is the one in DS if you use DS and otherwise the one under tools. 

ds advanced

whats it look  like in chrome

Or maybe I do need new glasses ;)

definately doesn't look as good in chrome..but nothing does chrome makes evrrything uglier

it looks like u combined my tip and bernards

the color schemes just clash  chrome wont allow the inset box shadow

and mine and bernards tips just clash unless u change some colors

thats why i didnt use his anddid this instead

u think yours looks drunk when i tried his on my site o]it looked like  what u might find on the floor after a long night of being very drunk

drunk..lol

is there a way to make the box shadow work in chrome/ i know ppl like crome cause its fast..but everything looks so ugly in chrome i cant stand it

Looks good but where do i add the code ?

advanced css box

RSS

Latest Activity

Jorge Bravo joined Allison Leahy's group
Thumbnail

The Sandbox

Join The Sandbox to experiment with Ning 3.0 now!The Ning Team will be triaging bug reports and…See More
31 minutes ago
Allison Leahy replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"Thanks for looking into it, SM!"
46 minutes ago
Kos replied to Gary W Norman's discussion 'Tagline Font Size or Type - can it be changed?'
"You can remove that earlier code and replace it with this.  If you don't want the bold,…"
47 minutes ago
Gary W Norman replied to Gary W Norman's discussion 'Tagline Font Size or Type - can it be changed?'
"too cool! Let me check it out..and I guess i over ride the old one denoting font size with this.…"
51 minutes ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"I asked Jon if SSO cost money or not? I guess at some point in time used to charge…"
1 hour ago

NC for Hire
Bernard Lama replied to Diego Biasi's discussion 'Remove SignUp function (but keep SignIn)'
"OIC then we can only do this with javacript code. I will try it and let you know. Best Bernard"
1 hour ago
A discussion started by Andrew Sanderson was featured

Video chat for ning network

I hva eread a dew discussions about adding video to ning networks and wanted to get all the…See More
1 hour ago

NC for Hire
SweetPotato replied to Diego Biasi's discussion 'Remove SignUp function (but keep SignIn)'
"Diego, I PMd you. hope you got it. SP"
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service