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

Views: 138

Reply to This

Replies to This Discussion

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

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)

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next! - Survey will close Friday, 4/25

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces. Released 4/16.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums. Released 4/9. 

APIs - The ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

Thiago Santos de Moraes replied to Thiago Santos de Moraes's discussion 'Exemplos de comunidades inspiradoras usando o Ning 3.0' in the group Criadores Brasileiros - Brazilian Creators
"Isso  não tem nada haver com o assunto do tópico, Evandro. Mas manter o foco…"
7 minutes ago
Alexander replied to Monica Diaz's discussion 'MIGRATING TO NING 3.0 STATUS [UPDATE #2]'
"They don't migrate all your content? your better off waiting a few months"
25 minutes ago

NC for Hire
Bernard Lama replied to Just Asking's discussion 'Does anyone know how to remove the center line in the sign-in/sign-up module?'
"Give this a try in Advanced CSS .xg_external_signup {border-width: 0px 0 0;}"
30 minutes ago
Anam replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"Cedar. A ''legacy'' theme, apparently :)"
2 hours ago
Fire-Tech replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"Hey Anam. What theme are you using?"
4 hours ago
Evandro Dalben replied to Thiago Santos de Moraes's discussion 'Exemplos de comunidades inspiradoras usando o Ning 3.0' in the group Criadores Brasileiros - Brazilian Creators
"Estou a mais de 2 meses solicitando a migração e nada ... tomem cuidado pois fui…"
4 hours ago
Evandro Dalben replied to Evandro Dalben's discussion 'Suporte NING é bem ruim hein ?' in the group Criadores Brasileiros - Brazilian Creators
"Obrigado pela sugestão, estou aberto a novas pois irei remover minhas redes do ning uma vez…"
4 hours ago
soaringeagle replied to Monica Diaz's discussion 'MIGRATING TO NING 3.0 STATUS [UPDATE #2]'
"you most likely never responded to the migrzation confirmaztion email thats whats stopped most…"
4 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service