XsiTech
Welcome, Guest
Please Login or Register.    Lost Password?
Re:Darkshadow Template Support Section (1 viewing) (1) Guest
Go to bottom Post Reply Favoured: 0
TOPIC: Re:Darkshadow Template Support Section
#25
MikeXS (Admin)
Admin
Posts: 23
graph
User Online Now Click here to see the profile of this user
Re:Darkshadow Template Support Section 2 Months, 3 Weeks ago Karma: 1  
Your site is looking good webgfx .


Hi Super000.

The part you will need to change in the css_template.css file :

The body tag controls the center alignment and the container div controls the width of the main content area.

QUOTE:


body {
width:100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #BCBCBC;
background: #191919;
margin: 0 auto;
text-align: center;
padding: 0;
}

#container {
width: 1000px;
max-width: 2048px;
margin: 0 auto;
padding: 0;
}



You can override the center alignment of the body by floating the container div to the left.

QUOTE:

#container {
width: 1000px;
max-width: 2048px;
padding: 0;

float:left;

}



This should keep everything over to the left side for you.

At 1000px fixed width though you may start to see a large empty space appearing to the right on larger screen resolutions.

If you take out the width 1000px, the template will become fluid and resize depending on the size of the browser. The size of some of the graphics do not really suit smaller than 1024x768 resolutions though.

You may have to add a little bit of extra left/right padding , eg: 5px or 10px, to the lcol & rcol divs , as the left and right columns push right up against the side of the browser window with no fixed width on the container div.

Padding is in CSS shorthand format
top - right - bottom - left

QUOTE:
padding: 0 20px 0 5px ;



Hope that works for you.. Let me know if you have any problems.
 
Report to moderator   Logged Logged  
 
Last Edit: 2008/08/29 12:36 By MikeXS.
  The administrator has disabled public write access.
#31
Super000 (User)
Fresh Boarder
Posts: 6
graphgraph
User Offline Click here to see the profile of this user
Re:Darkshadow Template Support Section 1 Month, 3 Weeks ago Karma: 0  
Ok, so I got the main menu to float to the left, but now I am having another issue for Fireboard.....when I go to the forum page, it floats to the left which is fine, but it will not expand the rest of the width to the right on larger screens....so basically things stay squished all the time...it's not fluid with the page resize. I tried to do what you had suggested in your notes for this template and went to all my published modules to un-click the Forum link from each one, but the thing is I want the main menu to appear on the left, and I do not have any modules published to the right at all....so I'm confused now. Here is what my site looks like (I have a 24" flat panel) I want the fireboard forum to expand clear across the right as the screen resizes. Please help, I've been banging my head on this one for a while. I believe this characteristic happens with the frontpage too when there are no right modules published either. A setting in the main template??

 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#32
Super000 (User)
Fresh Boarder
Posts: 6
graphgraph
User Offline Click here to see the profile of this user
Re:Darkshadow Template Support Section 1 Month, 3 Weeks ago Karma: 0  
Sorry, my above post, the picture seems to have cut off some of the words and other features. If you could answer the question for me and when I get it, you can delete that picture out if you can. I'm not sure if I can go back and edit my own post.
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#33
Super000 (User)
Fresh Boarder
Posts: 6
graphgraph
User Offline Click here to see the profile of this user
Re:Darkshadow Template Support Section 1 Month, 3 Weeks ago Karma: 0  
Ok, so slowly I am finding more pieces to the puzzle, it appears that the width of the forum can only go up to 720px and stay where it's supposed to....if I increase it on the index.php any higher than that, it expands to that size, but then it puts the forum below the main menu module. This also happens if instead, I use the 100% instead of static px amount. So, I'm still stuck, but thought I'd give you that information as well.

Thanks for the help in advance.
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#34
MikeXS (Admin)
Admin
Posts: 23
graph
User Online Now Click here to see the profile of this user
Re:Darkshadow Template Support Section 1 Month, 2 Weeks ago Karma: 1  
Hi sorry for the slow reply.. Your changes to the template look great, love the blue.

Yes there is actually some code in the head of the template index.php file that also controls the width of the main content area..

Code:

<?php if ( mosCountModules( 'right' ) <= 0 ) { ?> <style type="text/css" media="screen"> #maincol-content { float:left; width:720px; text-align:left; margin: 10px 10px 20px 5px ; padding: 0 ; } #mainbody { }
This check to see if any modules are published in the right column and if not, sets a fixed width of 720px on the main column. Maybe try changing it to a percentage value of like width:75%; and see if that works. When I get a chance I will try to experiment with it as well to make it more suitable for larger resolutions and having a left column with the forum..
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#35
MikeXS (Admin)
Admin
Posts: 23
graph
User Online Now Click here to see the profile of this user
Re:Darkshadow Template Support Section 1 Month, 2 Weeks ago Karma: 1  
Yeah I have noticed with my own images that there is a problem with wide images posted in this forum that affects the text area I still haven't fixed yet. So at the moment I can't even get to the edit button to fix your post lol.. All I can do is delete it.

If you click on quote you can read my full reply though. I'll try and fix the stretch soon.
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
Go to top Post Reply
JoomlaWatch Stats 1.2.6 by Matej Kovalvol