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

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

sho allan replied to Alex's discussion 'More styling in the Design Studio'
"nice job!!!"
56 minutes ago
Fire-Tech replied to Alex's discussion 'More styling in the Design Studio'
"Good job! I would suggest a check box to move the ningbar to the bottom of the page when…"
6 hours ago
Allison Leahy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Hi Peggy! Sorry for the slow response here. The designers used Eagle for the headlines and Gotham…"
7 hours ago
Liliana Parra replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"Mine is here... Disaster Risk Management (Spanish) http://gestiondelriesgo.ning.com/"
7 hours ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Absolutely! Thanks for bringing it to my attention, and for your patience as always."
7 hours ago
Allison Leahy replied to Dw Alternatio's discussion 'Any way to change to a 3.0 network?'
"Hey Dw, So glad to hear you're interested in checking out the redesign! Make sure that after…"
7 hours ago

NC for Hire
Jen replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Thanks Allison. I have spent hours trying to fix this. That's great news!"
8 hours ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Just got the word that the release had no impact the mobile menu and a feature improvement has…"
8 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service