Current status of the Ning Platform is always available on the Ning Status Blog.

Forum

subtle effects

been tweaking a new site

www.phillyhangout.com

i posted it for critique and 2 ppl did say they didnt like the default graphics that came with the theme (i will probably change them at some point but as of now ive found subtle ways to make it look lot better)

the 1st way was simply condense everything in the header area tighter

there was alot of padding going on and when they were closed up moreit looked way better

then addingg and tweaking tethe site name description and module headers

(imm not 100% done tweaking the color combos on the module headrs yet ive tried hundreds of combos and settled on this..temporarily)

heres the css i used

this is on the elegant theme i believe its called

someone suggested i try the urban theme but ..i really didnt like it

.xg_theme #xg_masthead {
    
    padding-bottom: 16px !important;
}
.xg_theme h1#xg_sitename {
    letter-spacing: 1px;
    line-height: 1em;
    margin: 0;
    padding:0!important;
    text-align: center;
    text-transform: uppercase;
}
.xg_theme #xg_navigation ul {padding-bottom:14px;padding-top:0;}
.xg_theme #xg_navigation li {
    margin-top:0;
}
.xg_theme p#xg_sitedesc, .xg_theme h1#xg_sitename {text-shadow: 1px 1px 3px #16F2E4!important;}
.xg_theme .xg_module_head h2 {text-shadow: 1px 1px 2px #128187!important;}

now couple screenshots

original

i believe it was tyhe gold rays image that ppl didnt like

so

my solution

integrate it more

condence the entire masthead

tighten it all up bring the site name and desc closer in  so the rays image fades more in behind the text

add a subtle text shadow

(i am not 100% on the colors yet but picking color combos at random and trying em out was drivin me crazy..lol)

i would looooove some color combo suggestions

never mind settled on red and black simple

final version after some tweaking on the module header sizes too

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • oops meant to put in tips but supports ok move if u want plz

    • NC for Hire

      Nice job soaringeagle, looks good. That's the power of CSS3 :-)

      Good day-

  • Nice 

    • thnx did lil more tweaking that has a semi transparent background

      whic means you can change the background beghind the image background to change the color..and overall visability of the background (since it was sey failrly close to the images ag=verage color had very lil definition)

      on my main sites profile  i played with multiple layers of transparent backgrounds  with diferent transparencies each (and a transparent hidden menu till u hover)

      http://www.dreadlockssite.com/profile/soaringeagle

      as ya can see u can get alotta interesting depth through layering and adjusting background colors (many of which were left transparent)

This reply was deleted.

Search the Creators Network

Latest Activity

Scott Bishop replied to Scott Bishop's discussion 301 Redirect from N2 to Offsite
"I pasted it to the actual page I wanted forwarded, a custom page I created. 
While on your created…"
1 hour ago
George H. Compton IV replied to Scott Bishop's discussion 301 Redirect from N2 to Offsite
"Yes you can place it anywhere in your custom code box no need for a head code :)"
1 hour ago
Strumelia replied to Scott Bishop's discussion 301 Redirect from N2 to Offsite
"I don't see a 'head' area in my custom code box- just a few scripts I added over time.  Do i put th…"
1 hour ago
George H. Compton IV replied to Scott Bishop's discussion 301 Redirect from N2 to Offsite
"You're welcome Scott. :-) On a 2.0 network I don't believe there is a way to add this code for an i…"
2 hours ago
George H. Compton IV replied to Scott Bishop's discussion 301 Redirect from N2 to Offsite
"Hello Strumelia :) TY & Yes the code goes in your dashboard custom code box. I hope your havng a wo…"
2 hours ago
Strumelia replied to Scott Bishop's discussion 301 Redirect from N2 to Offsite
"Do you mean go to my main Dashboard, look at left column under Tools, and open Custom Code?   I don…"
2 hours ago
Scott Bishop replied to Scott Bishop's discussion 301 Redirect from N2 to Offsite
"Thanks George! Worked like a charm. Another question if you don't mind; How about a redirect code f…"
3 hours ago
Scott Bishop replied to Scott Bishop's discussion 301 Redirect from N2 to Offsite
"I put George's script inside the <head>. 
Options on your page then paste to the Custom box. "
3 hours ago
Strumelia replied to The Builder :)'s discussion Help! I need to file my ning network 3
"Yes, no archiving ability for 3.0 is a very serious issue, more so as people's 3.0 networks get old…"
3 hours ago
Strumelia replied to Scott Bishop's discussion 301 Redirect from N2 to Offsite
"George, thanks- this is great to keep handy if any of us leave Ning and want to redirect our member…"
3 hours ago
Kos replied to The Builder :)'s discussion Help! I need to file my ning network 3
""
5 hours ago
George H. Compton IV replied to Fire-Tech's discussion 3.0 Tip: Message Notification Background
"Very nice, That should get everyone's attention. :-) You have a great day Fire-Tech."
6 hours ago
SweetPotato replied to Fire-Tech's discussion 3.0 Tip: Message Notification Background
"sweet!
SP"
6 hours ago
George H. Compton IV replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Thank you Scott. :-)
I'm not sure why your galaxy 3 is not displaying correctly, I've never used on…"
6 hours ago
George H. Compton IV replied to Scott Bishop's discussion 301 Redirect from N2 to Offsite
"Hello Scott this redirect script should do the trick for you. Just replace the address to the addre…"
6 hours ago
SweetPotato replied to The Builder :)'s discussion Help! I need to file my ning network 3
"By the way, if you archived your ning 2.0 content and are interested in migrating to wordpress then…"
9 hours ago
SweetPotato replied to The Builder :)'s discussion Help! I need to file my ning network 3
"The Ning TCs clearly state that you own your data. So, open a ticket and ask them to provide that d…"
9 hours ago
Scott Bishop replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Oh btw, I was referring to your  http://beachcatsaustralia.ning.com site."
15 hours ago
Edson Luiz Pocahi is now a member of Criadores Brasileiros - Brazilian Creators
17 hours ago
Scott Bishop replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Hey George, really awesome job! Works perfect as I squeeze down my window but it's not doing it whe…"
yesterday
More…