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

Peter Matthews replied to Peter Matthews's discussion 'Will I be able to merge my 2.0 site with a 3.0 site that I am building now?'
"Dear Phil & Susie, thanks for the replies. It might be good for us to think of different ways…"
30 minutes ago
Fire-Tech replied to soaringeagle's discussion '3.0 feature request'
"+1"
8 hours ago
Allison Leahy replied to soaringeagle's discussion '3.0 feature request'
"Thanks. I'll make sure this is filed as a feature improvement for 3.0."
9 hours ago
Kos replied to SweetPotato's discussion 'Simple, Responsive Slider for Ning 3.0'
"Ha!  Nevermind.  Suddenly it's back to normal again.  Gremlins in the hardware,…"
9 hours ago
Kos replied to SweetPotato's discussion 'Simple, Responsive Slider for Ning 3.0'
"Hey SP is your slide still running alright?  Came back from dinner and saw this.  idk if…"
10 hours ago
FedMedic replied to soaringeagle's discussion '3.0 feature request'
"+1"
13 hours ago
Kos replied to John Bizley's discussion 'File Manager NO DELETION option anymore ? Plus can you expand the file name size box.' in the group The Sandbox
"It's a glitch on Ning's end; plain and simple"
14 hours ago
John Bizley replied to John Bizley's discussion 'File Manager NO DELETION option anymore ? Plus can you expand the file name size box.' in the group The Sandbox
"Thanks Riccardo, it took a bit of moving the mouse about to find it but my mouse does change to the…"
14 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service