Designing a new header with a new logo

[fistball]

I am using Pligg 1.0.0 RC2.

I have checked and googled, but can't really find what i want.

Ok to be specific.

(i) I want to make my header background color "black"

(ii) I want to make a logo for my title of the website in the black background. Then link the logo image as the homepage.

How do I do that?

Thanx for any help given.

[mismeflight]

which template are using? If its the default than check out header.tpl. That where you can edit you header

[plafon]

which template are using? If its the default than check out header.tpl. That where you can edit you header

<div id="logo"><a href="{$my_base_url}{$my_pligg_base}"><img src="{$my_pligg_base}/templates/{$the_template}/images/testtest.png" width=200 height=80 border="0";><a href="{$my_base_url}{$my_pligg_base}"></a></a></div>

this is an example , adapt!

[fistball]

<div id="logo"><a href="{$my_base_url}{$my_pligg_base}"><img src="{$my_pligg_base}/templates/{$the_template}/images/testtest.png" width=200 height=80 border="0";><a href="{$my_base_url}{$my_pligg_base}"></a></a></div>

this is an example , adapt!

I just cut and paste to "squeeze" my logo into the header?by changing the testtest.png inside the images folder rite?

How bout making the background black?

[mismeflight]

hi,

i am assuming you are using the default template on rc2? I am not on my home pc where I have pligg downloaded thus I will try my best to give you as my memory serve me

Open up templates/wistie/header.tpl on the first few line find <div id="logo"><a href="{$my_base_url}{$my_pligg_base}">{#PLIGG_Visu al_Name#}</a></div> or something like that.

than say if you want to insert your logo file say, mylogo.png you will have to change that statement to <div id="logo"><a href="{$my_base_url}{$my_pligg_base}"><img src="{$my_pligg_base}/templates/{$the_template}/images/mylogo.png" /></a></div> if that don't work try an absolute path, which would look something like this <div id="logo"><a href="{$my_base_url}{$my_pligg_base}"><img src="http://www.yourdomain.com/templates/wistie/images/mylogo.png" /></a></div>. Change mydomain.com to the your desired domain name. just remember to upload your logo file to /templates/wistie/images/ and not anywhere else not saying you can't if you do upload elsewhere do change the path to reflect where you have uploaded your logo file

Now upload mylogo.png and overwrite header.tpl on your webserver

and you should be able to see the changes when you visit your site. If the logo is too big try changing the div over templates/wistie/css/style.css and look for logo. Not too sure if there is fix width already allocated but if there is try changing it or the easier way is to resize your logo

For the background, do you want the entire background to be change or just the header area? If for the entire site, open up templates/wistie/css/style.css and look for content and in that div you should see something like background: #fff; just change the #ff to you desired color. You can go to CSS Color Chart for css color chart if you need help for the code. Oh don't forget to overwrite style.css on your webser to see the changes.

Hope it helps

[fistball]

thanx, i will try that!thank u so much for the details...