The Joomla! Forum ™



Forum rules


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



Post new topic Reply to topic  [ 50 posts ]  Go to page Previous  1, 2
Author Message
PostPosted: Thu Oct 18, 2007 9:03 am 
Joomla! Fledgling
Joomla! Fledgling

Joined: Thu Oct 18, 2007 8:34 am
Posts: 1
Hi guys,

re milkyway template for joomla 1.0.13

is there a way to get the grey border at either side of the template to extend down to the bottom bar? It does so in "short pages" but when there is a lot of content, breaks appear on either side; (I'm using IE7). the original 1.5 template gas a continuous grey border. I would imagine that it is possible to get the border to auto-adjust to the length of the page, but how?

any suggestions would be very much appreciated!

PS I really am a noob, trying to learn. Help!

Hi all,

just found out the solution for myself. To sort out the probblem, you have to modify template_css - delete line 53 (height 100%) and voila!
hope this is of use!


Last edited by orpheus on Sun Oct 21, 2007 2:46 pm, edited 1 time in total.

Top
 Profile  
 
PostPosted: Sat Jun 07, 2008 5:46 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Fri May 30, 2008 3:53 pm
Posts: 1
Hi!

I have a problem with header. I changed its height to insert a 135px-height logo, but I cannot move the divider from its previous position downwards (see screenshot attached).

Can you help me, please?

I changed:
Quote:
div#header_r {
height: 150px;
background: url(../images/mw_header_blue_t_r.png) 100% 0 no-repeat;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}
div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 400px;
height: 135px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-bottom: 15px;
margin-top: 25px;
}


You do not have the required permissions to view the files attached to this post.


Top
 Profile  
 
PostPosted: Thu Jun 12, 2008 9:46 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Mon Jun 09, 2008 3:36 pm
Posts: 4
I am having the same issue with changing the height. Does anyone have a solution?


Top
 Profile  
 
PostPosted: Fri Jun 13, 2008 2:54 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sat May 10, 2008 10:16 pm
Posts: 20
Yes I need help with this also as I want to change the logo size to match my logo

Thanks,
Craig.


Top
 Profile  
 
PostPosted: Mon Jun 16, 2008 10:28 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sat Jun 17, 2006 8:20 pm
Posts: 12
After wrestling with this same issue for several hours, I finally came up with a fix. It will require modifying the image files, but works great!
Here's what my site looks like now: http://vote4pete.com

My logo size is 450x112.

Open up the following image files from the corresponding background color folder in a graphics program(I used Fireworks) and modify the size as indicated:
mw_header_t.png
from 36x129 to 26x167
mw_header_t_l.png
from 37x115 to 37x150
mw_header_t_r.png
from 37x115 to 37x150

Upload the modified images to the site.
Open and edit the CSS file for your template color (i.e. blue_bg.css)
Add a line for height to each of the header tags as follows:

div#header {
background: url(../images/blue/mw_header_t.png) 100% 0 repeat-x;
height: 150px;
}

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

div#header_r {
background: url(../images/blue/mw_header_t_r.png) 100% 0 no-repeat;
height: 150px;
}

Of course, you can modify all these dimensions as necessary to fit with your logo, but it should do the trick.


Top
 Profile  
 
PostPosted: Tue Jun 17, 2008 2:51 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sat May 10, 2008 10:16 pm
Posts: 20
Thanks for the info on how to change logo size.
Will this method and the sizes you have changed only work with a header logo of the same size you used?
Craig.


Top
 Profile  
 
PostPosted: Tue Jun 17, 2008 3:09 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sat Jun 17, 2006 8:20 pm
Posts: 12
I'm sure you could use the same method and adjust the sizes to reflect the size of your logo.


Top
 Profile  
 
PostPosted: Sat Jul 26, 2008 6:51 pm 
User avatar
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Fri Nov 16, 2007 1:14 am
Posts: 199
Location: Louisiana, USA
I just wanted to chime in and give my thanks as well to Chinaman. I really like the rhuk_milkyway theme and is the one that my site used. Because of components that I use not working well with 1.5 yet, I decided to convert my site to 1.0.x. So far the theme works great. All I have to do now is make modifications on Chinaman's version to reflect the modifications I originally had.

_________________
"Two things are infinite: the universe and human stupidity; and I'm not sure about the the universe." - Albert Einstein


Top
 Profile  
 
PostPosted: Mon Jul 28, 2008 11:54 pm 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Mon Jul 28, 2008 11:34 pm
Posts: 116
Location: Switzerland
Hello all,
I am new to the wondeful world of Joomla! and thus also new to this great template and would like to thank you for the solution provided above. :)
I am also a relative noobe to css and php so bear with me. I do learn fats though.

I do have a lot of other questions but one / two stand(s) out right now.

There is a grey "frame" around the content "white box" merging with the header.
- I would love to get rid of that so that the "white box" with the columns and content "float".
Imagine the conten of this page floating on top of the background and you get what I mean.

I searched through the whole image fles and all the htmls and css files.

- I would like to move the top menu pillbox down so it too "floats".

Any idea would be greatly appreciated.

Cheers fintan


Top
 Profile  
 
PostPosted: Wed Jul 30, 2008 7:10 am 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Mon Jul 28, 2008 11:34 pm
Posts: 116
Location: Switzerland
No one??


Top
 Profile  
 
PostPosted: Sat Oct 18, 2008 5:50 pm 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Sun Nov 13, 2005 9:46 pm
Posts: 157
orpheus wrote:
Hi guys,

re milkyway template for joomla 1.0.13

is there a way to get the grey border at either side of the template to extend down to the bottom bar? It does so in "short pages" but when there is a lot of content, breaks appear on either side; (I'm using IE7). the original 1.5 template gas a continuous grey border. I would imagine that it is possible to get the border to auto-adjust to the length of the page, but how?

any suggestions would be very much appreciated!

PS I really am a noob, trying to learn. Help!

Hi all,

just found out the solution for myself. To sort out the probblem, you have to modify template_css - delete line 53 (height 100%) and voila!
hope this is of use!


You star :D Thanks for putting the 100% fix on it worked great


Top
 Profile  
 
PostPosted: Mon Oct 19, 2009 11:42 am 
Joomla! Fledgling
Joomla! Fledgling

Joined: Mon Oct 19, 2009 11:36 am
Posts: 2
hi, I am also nwe to Joomla and that was great info.

I have one more question though

I want to change the layout order on rhuk_milkyway template on Joomla 1.5

I want the order to be like that: content | left column | right column

(so basically remove the left column from the other side, on the left side of the right column.

I want to have a similar layout like this one: http://www.toprankblog.com/

Any help please?!!!


Top
 Profile  
 
PostPosted: Fri Jun 04, 2010 8:35 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Apr 28, 2010 8:42 pm
Posts: 40
Location: New Zealand
natwickham wrote:
After wrestling with this same issue for several hours, I finally came up with a fix. It will require modifying the image files, but works great!
Here's what my site looks like now: http://vote4pete.com

My logo size is 450x112.

Open up the following image files from the corresponding background color folder in a graphics program(I used Fireworks) and modify the size as indicated:
mw_header_t.png
from 36x129 to 26x167
mw_header_t_l.png
from 37x115 to 37x150
mw_header_t_r.png
from 37x115 to 37x150

Upload the modified images to the site.
Open and edit the CSS file for your template color (i.e. blue_bg.css)
Add a line for height to each of the header tags as follows:

div#header {
background: url(../images/blue/mw_header_t.png) 100% 0 repeat-x;
height: 150px;
}

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

div#header_r {
background: url(../images/blue/mw_header_t_r.png) 100% 0 no-repeat;
height: 150px;
}

Of course, you can modify all these dimensions as necessary to fit with your logo, but it should do the trick.


Absolutely brilliant! Thank you! :p

_________________
Check out my latest Joomla! website:

http://thegamegate.co.nz


Top
 Profile  
 
PostPosted: Sun Aug 01, 2010 11:28 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sun Aug 01, 2010 11:04 pm
Posts: 7
thank for template

_________________
http://www.imrenlerimiz.info
http://link.imrenlerimiz.info


Top
 Profile  
 
PostPosted: Wed Aug 04, 2010 5:25 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sun Jul 18, 2010 3:42 pm
Posts: 26
natwickham wrote:
After wrestling with this same issue for several hours, I finally came up with a fix. It will require modifying the image files, but works great!
Here's what my site looks like now: http://vote4pete.com

My logo size is 450x112.

Open up the following image files from the corresponding background color folder in a graphics program(I used Fireworks) and modify the size as indicated:
mw_header_t.png
from 36x129 to 26x167
mw_header_t_l.png
from 37x115 to 37x150
mw_header_t_r.png
from 37x115 to 37x150

Upload the modified images to the site.
Open and edit the CSS file for your template color (i.e. blue_bg.css)
Add a line for height to each of the header tags as follows:

div#header {
background: url(../images/blue/mw_header_t.png) 100% 0 repeat-x;
height: 150px;
}

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

div#header_r {
background: url(../images/blue/mw_header_t_r.png) 100% 0 no-repeat;
height: 150px;
}

Of course, you can modify all these dimensions as necessary to fit with your logo, but it should do the trick.


This was brilliant, only now my sodding top menu buttons don't work. I tried altering the height + width of the header + logo files in the template.css, nothing. Anyone have any ideas?

URL is at www.hoandang.com


Top
 Profile  
 
PostPosted: Thu Sep 30, 2010 4:03 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sun Sep 19, 2010 2:51 pm
Posts: 12
coleb wrote:

This was brilliant, only now my sodding top menu buttons don't work. I tried altering the height + width of the header + logo files in the template.css, nothing. Anyone have any ideas?

URL is at http://www.hoandang.com



Hi Coleb, what did you do to make it work?


Top
 Profile  
 
PostPosted: Fri May 11, 2012 11:37 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Wed Jun 08, 2011 5:46 am
Posts: 3
I modified rhuk_milkyway with a logo that was 150px high, and I managed to circumvent the problem with the pillbox menus. An important point is that I did this on Joomla 1.5, not 1.0.1.1. However, I wanted to post the solution in case it could work for you. I only had to put "height" values in a few places. I specifically had problems with the pillbox menus when I had the height specified in too many places in the green_bg.css file. I managed to fix it as described here.

I hope this helps.

First, I edited the .png files as described by another poster.
mw_header_t.png was 129px high, now 192px high
mw_header_t_l.png was 115px high, now 171px high
mw_header_t.png was 115px high, now 171px high

Then, I changed the following .css files:

rhuk_milkyway/css/green_bg.css:
div#header {
background: url(../images/green/mw_header_t.png) 0 0 repeat-x;
height: 171px; /* ADDED THIS LINE */
}

rhuk_milkyway/css/template.css:
div#header_r {
/* height: 90px; */ /* CHANGED...*/
height: 150px; /* ...TO THIS */
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
/* Height and width are specifically of the image, and are required. */
/* I cropped the height a little to avoid touching the pillbox menus. */
width: 635px;
height: 140px;
background: url(../../../images/t30_header_short.jpg) 0 0 no-repeat;
/* OLD VALUES ARE SHOWN BELOW */
/* width: 298px; */
/* height: 75px; */
/* background: url(../images/mw_joomla_logo.png) 0 0 no-repeat; */
margin-left: 30px;
margin-top: 25px;
}


Top
 Profile  
 
PostPosted: Wed May 23, 2012 3:38 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Tue Dec 04, 2007 7:04 pm
Posts: 38
I'm not sure if any of what has been said helps with the issue I am having. For some reason in IE my left menu column has moved to the right and pushed the rest of the content down.
Here is the site:
egrlacrosse.com
It looks fine in FF and Safari. Any help would be much appreciated!


Top
 Profile  
 
PostPosted: Wed May 23, 2012 11:06 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Wed Jun 08, 2011 5:46 am
Posts: 3
Nice looking site.

1. Please correct me if I am wrong, but your site does not seem to be using the rhuk_milkyway template. It looks to me like rhuk_solarflare. If so, I would like to recommend starting a new thread about that template.

2. I think you will find that your menus move around strangely when you increase or decrease the font size. Try that in IE and see what happens. I tried this experiment on your website, and that is what I witnessed. Some templates only look correct with certain font sizes. Solarflare is one of those. It may be easiest to try a different template that is written with more flexibility in the sizes and positions.


Top
 Profile  
 
PostPosted: Thu May 24, 2012 12:47 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Tue Dec 04, 2007 7:04 pm
Posts: 38
Sam, thank you! You are right about the template being solarflare - I'm not sure why I didn't catch that. I will try the font size thing and see if that does it.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 50 posts ]  Go to page Previous  1, 2



Who is online

Users browsing this forum: No registered users and 12 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