The Joomla! Forum ™



Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.



Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 15 posts ] 
Author Message
PostPosted: Sat Apr 05, 2008 6:11 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sat Apr 05, 2008 5:51 pm
Posts: 7
Hello guys

I need help. Very newbie... so please be gentle.

I have been using PHPbb3. And I wanna use Joomla as my main site CMS.

I am tying to remove the banner or do you call it header.

http://s305.[spam].com/albums/nn22 ... aforum.jpg

I got a few porblems in doing so.

1) as you can see on both side (arrowed) has the excess of the border. I spent hours look for it in html and css, I just cannot find it to modify it.

2) I wanna remove completely that grey shade (example in the circle). How can I convert the entire block so that it could look white, matching with my logo?

much appreciated. lease helllpop///


:'(


Top
 Profile  
 
PostPosted: Sun Apr 06, 2008 4:04 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sat Apr 05, 2008 5:51 pm
Posts: 7
Oh dear. Why there are no support here from the community.

Had a sleep and found the answer. I am sure a lot of there wanna change the banner (I call it banner) and clueless how to do so.

I will post how I did it.. and I dont even know wot the heck is CSS!

First I uploaded the logo, you must know the size of your logo, width and height, upload that pic into the template images folder ie if you are using milkyway it is in templates>rhuk_milkyway>images. Upload it there.

Now we need to look for the current logo and replace it. FInd it in Edit CSS> click Template> click edit

Code:
div#logo {
   position: absolute;
   left: 0;
   top: 0;
   float: left;
   width: 447px;
   height: 172px;
   background: url(../images/yourlogo.jpg) 0 0 no-repeat;
   margin-left: 30px;
   margin-top: 25px;


change the file name to the your logo name with correct file extension.

note : this is where it is critical in order to make the logo visible it is specs ie the size. You must adjust the width adn height according to the size of your logo. Here I have already adjusted mine to 447 and 172. That is just to reveal the logo .

But the you still have that random messages that changes as you refreshes your website. I dont need it so I took it off complete by removing this string on mikly way HTML edit option

Code:
<jdoc:include type="modules" name="top" />


In order the header to fit the size of my logo which is at the height of 172px. Milky way banner height was just less than half of that. So my image would have looked oversize. So I increase the height of the banner. by including this on the milky way edit HTML. This way the banner will expand with enough room to fit the height of your logo. Go to Edit HTML

find
Code:
<div id="header">


then add
Code:
<div style="height: 200px ;">


so your code should now look like
Code:
<div id="header">
                <div style="height: 200px ;">
                                         <div id="header_l">


note: I picked 200px because my image height is 172px. I wanted some room between my image heights. So you need to determine the heights value yourself.

And your banner/header should look like how I posted the problem.

http://i305.[spam].com/albums/nn22 ... aforum.jpg

Here I have 2 problems. the excess of the bar both left and right and the colour is not matching to logo background colour.

Here is what I have done.

I removed the greyish rounded banner completely. I looked for the scripts below on Milklyway edit CSS. I clicked on Green_bg. (depending on which colour theme you chose, mine is green)

find
Code:
div#header {
   background: url(../images/green/mw_header_t.png) 0 0 repeat-x;

}

div#header_l {
   background: url(../images/green/mw_header_t_l.png) 0 0 no-repeat;
}

div#header_r {
   background: url(../images/green/mw_header_t_r.png) 100% 0 no-repeat;


I deleted them. Here how it will look like

http://i305.[spam].com/albums/nn22 ... forum2.jpg

As you can see that inner greyish texture has now dissappeared along with its round borders. The excess has also been removed.

My final problem was the colour of the banner background is not matching. I do know the setting of my logo background colour with is complete white #ffffff. I went to edit CSS. Click on Green_bg.

find
Code:
div#wrapper {
      background: #ffffff url(../images/green/mw_shadow_l.png) 0 0 repeat-y;


I changed it to the above colour setting, which is complete white.


and here how it look like in the end which I am quite satisfied.

http://i305.[spam].com/albums/nn22 ... forum3.jpg
Hope this help


Top
 Profile  
 
PostPosted: Sun Apr 20, 2008 7:11 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sun Apr 20, 2008 6:22 pm
Posts: 7
Thank you SO much for your response to the logo question - I have been struggling with it for 3 frustrating days!

I still have one problem though. I can't get my logo to sit on the left - it just appears in the centre - right and looks very odd.

You can see it here http://www.opengym.co.uk

Can you help me with this problem so I can get the logo to sit on the left?

Thanks again

Jo


Top
 Profile  
 
PostPosted: Sun Apr 20, 2008 7:27 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sun Apr 20, 2008 6:22 pm
Posts: 7
Right so I played around with the padding in the CSS and managed to get my logo further over to the left now so it isn’t sitting in the middle any more.

However, the edges to the template have now gone a bit weird with grey bits sticking out of the sides – how do I get rid of those?

Also – how can I get the logo absolutely sitting far left and how do I blend in the banner so it is all white rather than my white logo sitting on a grey background?

Can you help?

Thanks again

Jo


Top
 Profile  
 
PostPosted: Sun Apr 20, 2008 11:01 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sat Apr 05, 2008 5:51 pm
Posts: 7
johill5 wrote:
Right so I played around with the padding in the CSS and managed to get my logo further over to the left now so it isn’t sitting in the middle any more.

However, the edges to the template have now gone a bit weird with grey bits sticking out of the sides – how do I get rid of those?

Also – how can I get the logo absolutely sitting far left and how do I blend in the banner so it is all white rather than my white logo sitting on a grey background?

Can you help?

Thanks again

Hi Jo,

I know how you feel. The forum support is so poor in Joomla, PHPBB3 is so much better. I am no good in CSS and I nil knowledge. But You had the same problem as I had. I have written that last bit of my thread to get rid of that "grey bit sitcking out" and its greying background ( as I can see your logo is white background so it looks misplaced). please refer to the above, or here

"I removed the greyish rounded banner completely. I looked for the scripts below on Milklyway edit CSS. I clicked on Green_bg. (depending on which colour theme you chose, mine is green)

find

Code: Select all
div#header {
background: url(../images/green/mw_header_t.png) 0 0 repeat-x;

}

div#header_l {
background: url(../images/green/mw_header_t_l.png) 0 0 no-repeat;
}

div#header_r {
background: url(../images/green/mw_header_t_r.png) 100% 0 no-repeat;


Jo


Top
 Profile  
 
PostPosted: Mon Apr 21, 2008 7:33 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sun Apr 20, 2008 6:22 pm
Posts: 7
Thanks again very much - I really appreciate your help.
I have got rid of the extra grey bits on the sides now - which is great.
I would like to keep the rounded edges - although maybe I will have to get rid of them because I can't make it work with them.

Thanks!

Jo


Top
 Profile  
 
PostPosted: Wed Jul 30, 2008 4:57 am 
Joomla! Fledgling
Joomla! Fledgling

Joined: Wed Jul 30, 2008 4:49 am
Posts: 1
Thanks a lot. I figured out a lot of the things you did before visiting this post, but the bits on the html and background template saved me a lot of time and headache.


Top
 Profile  
 
PostPosted: Tue Nov 25, 2008 3:48 am 
Joomla! Fledgling
Joomla! Fledgling

Joined: Sat Nov 22, 2008 7:00 am
Posts: 2
hi...
im a new user..
i have already download a free templates from a SiteGround.com..
and now i want to change the banner by my own design..
i hve alredy try 2 chnge it bt it just make my banner become white..
it just like my page not have a banner...
Help me plz!.. ;)


Top
 Profile  
 
PostPosted: Tue Nov 25, 2008 5:18 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sat Apr 05, 2008 5:51 pm
Posts: 7
you need to be a little more specific.


Top
 Profile  
 
PostPosted: Thu Jun 04, 2009 3:32 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Thu Apr 30, 2009 4:34 pm
Posts: 3
Now we need to look for the current logo and replace it. FInd it in Edit CSS> click Template> click edit

Code:
div#logo {
   position: absolute;
   left: 0;
   top: 0;
   float: left;
   width: 447px;
   height: 172px;
   background: url(../images/yourlogo.jpg) 0 0 no-repeat;
   margin-left: 30px;
   margin-top: 25px;


change the file name to the your logo name with correct file extension.

[b]note : this is where it is critical in order to make the logo visible it is specs ie the size. You must adjust the width adn height according to the size of your


Okay, I'm super novice: Have never designed before and Joomla is my first experience with SQL PHP Css etc. Where exactly is this CSS you are all referring to? Is it in the HTML editor on the front end of the website that I'm looking to change the logo on. Somebody wrote that there are a lot of questions on changing headers in the forum but I can't find that many or a place that describes it, yet. I'll look for a tutorial on changing a header in the meantime.


Top
 Profile  
 
PostPosted: Fri Sep 04, 2009 1:22 am 
Joomla! Intern
Joomla! Intern

Joined: Mon Aug 31, 2009 2:14 am
Posts: 64
I am going crazy tryng to figure out how to do the first step, i,e upload my own logo to the template manager. I opened the EXtensions/template manager/ rhuk milkyway- but cannot see where to upload images?

I have been trying for two days, as have Joomla sample preinstalled to delete their header and put in my own. Am designing a charity site, am unexperienced and going slighty cuckoo!

Help, or direct me to a link on a site that I can understand someone please :)


Top
 Profile  
 
PostPosted: Mon Nov 09, 2009 8:29 am 
Joomla! Fledgling
Joomla! Fledgling

Joined: Mon Nov 09, 2009 7:07 am
Posts: 1
i can't remove this banner(news-photo.jpg) on joomla 1.5 template (keep-it-fresh-template)

can anybody help me to remove it, PLEASE.....!!!

banner link is; http://www.maavahinfo.com/templates/the ... -photo.jpg
it comes top of my banner area, i want remove it.


Top
 Profile  
 
PostPosted: Mon Nov 09, 2009 10:00 am 
Joomla! Intern
Joomla! Intern

Joined: Mon Aug 31, 2009 2:14 am
Posts: 64

In the end I changed my template to one that was easier to change.
I replaced the photos that show in my banner, with my own.
I think I had to go into the control panel on the SERVER. ( not on the Joomla )
Find out the name of the photos on the header, then save the photo you want to use, and give it the same name as the photo in the header on your file. Go to the server panel, and upload your photo into the header folder. It will overwrite the existing file.
You may have to change the permissions to to allow you to write over the file.

Hope that helps, is a bit of a rough guide, but you should get the idea.

I changed to the JA Purity template, was easy to change the writing in the header.


Top
 Profile  
 
PostPosted: Thu Feb 11, 2010 1:28 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Feb 10, 2010 11:57 pm
Posts: 25
thanks so much.

_________________
http://blog.ulascamsari.com
http://usmer.org


Top
 Profile  
 
PostPosted: Fri Feb 19, 2010 9:39 am 
User avatar
Joomla! Exemplar
Joomla! Exemplar

Joined: Sat Oct 18, 2008 3:02 am
Posts: 8770
Location: Mars
sara_lulu wrote:
hi...
i have already download a free templates from a SiteGround.com..
and now i want to change the banner by my own design..

Hi...

Which template you are using ? becuase Siteground.com has a lots of free templates

;)


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 15 posts ] 



Who is online

Users browsing this forum: No registered users and 16 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group