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

Fire-Tech replied to John Bizley's discussion How To Change Your Tab Containers Tabs Into Something A Little Better Rather Than Just Links
"+1"
1 hour ago
JFarrow replied to John Bizley's discussion How To Change Your Tab Containers Tabs Into Something A Little Better Rather Than Just Links
"nice tip John!"
4 hours ago
Fire-Tech replied to Rafael's discussion Multiple Chat rooms for Ning 3.0
"CometChat is what a lot of us use if you need multiple rooms and features but it costs $. If you on…"
5 hours ago
Rashid Chaudhary127 replied to Rafael's discussion Multiple Chat rooms for Ning 3.0
"really a good idea. i am also facing lot of problem because thier is not build in chat room in ning…"
7 hours ago
Anam replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"When.....oh, when...will Comments posted on Group Comment Walls in Ning 3 feed through to the Lates…"
10 hours ago
Rashid Chaudhary127 is now a member of Ning Powered Events
19 hours ago
Randy L. Vollett replied to John Bizley's discussion How To Add Some Design To Your: Pages Categories Nav, Groups Nav & Groups Pages Nav
"That worked. Thanks."
yesterday
Ning via Facebook

Hello everyone- we've just been alerted that some Ning Networks may be facing 500 errors or…

John Bizley replied to John Bizley's discussion How To Add Some Design To Your: Pages Categories Nav, Groups Nav & Groups Pages Nav
"You could try this Randy :-)
@media only screen and (  max-width:480px){.groupHeader-tab{width:100%…"
yesterday
Randy L. Vollett replied to John Bizley's discussion How To Add Some Design To Your: Pages Categories Nav, Groups Nav & Groups Pages Nav
"Oops. Never mind, I saw the code in your other tip. :)"
yesterday
Garfield Archivist replied to albert12's discussion What's going on?
""
yesterday
Randy L. Vollett replied to John Bizley's discussion How To Add Some Design To Your: Pages Categories Nav, Groups Nav & Groups Pages Nav
"On my mobile phone. The new buttons in my groups do not fill the screen when viewing in portrait. W…"
yesterday
Lea replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Yeah Ning 2.0 was great! Ning 3.0 however is very different. We have a lot to complain about. Would…"
Wednesday
marshall blake replied to albert12's discussion What's going on?
"We have all been waiting, I was a big supporter of N3 network, my view on this has changed in the l…"
Wednesday
Fire-Tech replied to John Bizley's discussion How To Add Some Design To Your: Pages Categories Nav, Groups Nav & Groups Pages Nav
"+1"
Wednesday
Randy L. Vollett replied to John Bizley's discussion Enhance Your Photos Edit / Upload Page
"Hi John. I had a piece of code you gave me some time ago that lined up my photos on my Photo Galler…"
Tuesday
marilyn mache, Sudev, Mel Adams and 4 more joined Ning Creators Network
Tuesday
John Bizley replied to John Bizley's discussion Add Navigation To Photos So Only Need To Click Or Tap On Side Of Photo Instead Of Arrows
"It could be done  I would think but would need a bit of figuring out. The way Ning has it is the ma…"
Tuesday
John Bizley replied to John Bizley's discussion Add Navigation To Photos So Only Need To Click Or Tap On Side Of Photo Instead Of Arrows
"Thanks Kos :-)"
Tuesday
John Bizley replied to John Bizley's discussion Enhance Your Photos Edit / Upload Page
"It should default to all pages, it might be something that's got mixed up in the copy and paste whe…"
Tuesday
More…