Joomla Templates Club 406,261 posts

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#137802

Hi Everyone

Me again! :-[

I’ve been asked to quote for the design and build of a web site.

From much discussion with the client, Telline II will be perfect for her number of sections, categories, articles, banner ads, etc.

However, she’s insistent that she wants a ‘dark background’. Basically, I’d like all the current white to be charcoal grey and the current ‘grey’ lines to change to another colour.

Is this actually possible via CSS hacking?

Many Thanks
Chris

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#289608

questbg, i don’t think it is hard to do at all. it should be pretty easy. I’d like to see it when you do it as I have thought of something simular,

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#289611

Hi mj1256

<em>@mj1256 109957 wrote:</em><blockquote>questbg, i don’t think it is hard to do at all.
</blockquote>

Hee Hee, not for you maybe 🙂

I hate messing around in code :-[

[kjellx Friend kjellxJoin date: September 2006Posts: 10Downloads:12Uploads:0 Thanked: 4 times in 1 posts]

#290019

Change
background: #FFFFFF;
to whatever you would like, for instance
background: #3a3a3a;
in the template.css file at line 25. It’s pretty straight-forward.

1 user says Thank You to kjellx for this useful post

1. questbg

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#290022

Many thanks kjellx

Will try this and report backQ

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#290036

It will require some more things tho, altho all doable.

If you turn to a black background im guessing you dont want to use a black font color?

template.css line 23


body#bd {
color:#333333;
}


Menu font colors:
ja.moomenu.css line (73)


#ja-cssmenu li a {
border-color:#FFFFFF #FFFFFF -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
color:#333333;
display:block;
font-size:92%;
padding:4px 8px 3px;
text-decoration:none;
text-transform:uppercase;


Footer text:
template.css line 1065


#ja-footer small {
color:#999999;


The blue colors should work depending how dark you make the background. Next to this there will be a couple small ones like user tools, magazin titles etc.

1 user says Thank You to bennitos for this useful post

1. questbg

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#290077

Thanks Bennitos … I’ll set up a playground in a subdomain and have a fiddle around with the code!

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#290096

This is what it could look like. This is just an inverted screenshot of the demo site though so I don;t have any css for it.

1 user says Thank You to scotty for this useful post

1. questbg

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#290100

Thanks Scotty. Doh! Never thought about a screen grab and flick it in Photoshop! :-[

Actually, I think it looks quite promising.

Will keep you posted.

[Author]

Posts