Forum Index >  glFusion >  Theme Support New Topic Post Reply
 Help with Style.css - related to block outline and background color
   |  Printable Version
By: Trek (offline)  Oct 29 2009 08:21 am (Read 2091 times)  
Trek

I am trying to get rid of the 'block plugin' line and, if possible, make one solid 'color' strip down both left and right block areas. I want this color to be there regardless of the existence of an inserted block.

Any help would be appreciated. I have strolled through the Nouveau Style.css, but I can not seem to find it.

Peace...

--Trek

Forum Active Member
Active Member

Group Comfort
Level:
: +3

Registered: 10/21/09
Posts: 188

Profile Email    
  Quote
By: Geiss (offline)  Oct 29 2009 08:50 am  
Geiss

I'm not sure what you're meaning about the "block plugin" line. Perhaps a screenshot of what you're referring to would help me to understand. The background for both the left and right blocks is set in style.css with the following code:

PHP Formatted Code
#gl_navigation {
background:#F7F7F7;
border:1px solid #CCC;
float:left;
margin-left:-100%;
width:14.80em;
height:1%;
}
#gl_extra {
background:#F7F7F7;
border:1px solid #CCC;
float:left;
margin-left:-14.97em;
width:14.80em;
height:1%;
z-index:10;
}



Just change the background color or add a repeating image or whatever you like, but make sure to use the !important value, so that the color defaults are given more importance to override what is in style-colors.css. For example:

PHP Formatted Code
#gl_navigation {
background:#00ffff !important;
border:1px solid #CCC;
float:left;
margin-left:-100%;
width:14.80em;
height:1%;
}
#gl_extra {
background:#ffff00 url(layout/nouveau/images/myimage.gif) repeat-x 0 0 !important;
border:1px solid #CCC;
float:left;
margin-left:-14.97em;
width:14.80em;
height:1%;
z-index:10;
}



Thx!

Eric


Forum Active Member
Active Member

Group Comfort
Level:
: +58

Registered: 02/15/07
Posts: 2097
Location: Boise, Idaho

Profile Email Website  
  Quote
By: Trek (offline)  Oct 30 2009 02:46 am  
Trek

WOW... it was right there in front of me! Thanks for pointing out the script Eric; but more importantly adding the need for the '!important value'-- for without it the change would not work.

I will try to add a visual next time... however, your help allowed me to make the desired change. The only thing that I was not able to do was get the 'navigation' background color to go down the entire page. It was my question whether, or not, that was possible without having assigned plugins for either the right or left blocks.

No worries... for I have decided to do with it as it is...

Once again~ Thank you!

--Trek

Forum Active Member
Active Member

Group Comfort
Level:
: +3

Registered: 10/21/09
Posts: 188

Profile Email    
  Quote
By: csor (offline)  Dec 13 2009 14:10 pm  
csor

Where is the code for the right side cuz i can not seem to find it. Also I too would like it to go down the whole side, maybe that is not possible with a simple fix, as it seems the block sits on top of the background?
this is what it looks like atm http://wisesccc.com/

Forum Newbie
Newbie

Group Comfort
Level:
: 0

Registered: 12/12/09
Posts: 6

Profile Email    
  Quote
By: unionjack (offline)  Dec 13 2009 15:05 pm  
unionjack

the block does sit on the page so to make it go all the way down you need to add more blocks or change the colours of the blocks / background

Forum Newbie
Newbie

Group Comfort
Level:
: 0

Registered: 12/12/09
Posts: 11

Profile Email    
  Quote
By: unionjack (offline)  Dec 13 2009 15:18 pm  
unionjack

open styles-colors.css

.commenttitle,
#gl_extra,
#gl_navigation,
.ng-outOfRange,
.ng-close-link,
.ng-clear-link,
.plugin,
.pluginCellFill,
.pluginCellSubTitle,
.profile-image,
.profile-bio,
.story-featured pre .story-body pre {
background-color:#fff;

Forum Newbie
Newbie

Group Comfort
Level:
: 0

Registered: 12/12/09
Posts: 11

Profile Email    
  Quote
By: csor (offline)  Dec 13 2009 16:17 pm  
csor

Thank you that did the trick.
I wish these files were commented cuz I can not make heads or tails of someone else's code especially when its in syntax I have never used.

Forum Newbie
Newbie

Group Comfort
Level:
: 0

Registered: 12/12/09
Posts: 6

Profile Email    
  Quote
By: csor (offline)  Dec 13 2009 16:32 pm  
csor

I know very little about CSS and PHP but is there a way to tell the block something like

If nothing is underneath the block then
extend background to footer
Else: follow original code

Forum Newbie
Newbie

Group Comfort
Level:
: 0

Registered: 12/12/09
Posts: 6

Profile Email    
  Quote
By: Geiss (offline)  Dec 13 2009 17:44 pm  
Geiss

The basis of the Nouveau layout relies on floating div containers to create the left and right block areas. As those elements are floated, they are taken out of the DOM structure (treated independantly by the browser engine).

To learn more about the inner workings of the layout, you can visit http://blog.html.it/layoutgala/ which is where the base layout for Nouveau came from (Layout 13 in particular). The reason I chose to use it as a skeleton is that each one of those layouts can be achieved with the same markup, and just varying css. This becomes critical to implement the current ability to have dynamic 1, 2, or 3 column layouts, with only one master set of template (.thtml) files.

As far as extending the block background down the page, there are techniques that you can research on the web, do a google search for "faux column layout", for example, but they are not something that can just be dropped into Nouveau. You will need to re-design your theme from scratch. There was a mootools based javascript that extended the columns, but it caused funkiness with other parts of the site, and with the move to mootools 1.2, that method has become obsolete.

Thx!

Eric


Forum Active Member
Active Member

Group Comfort
Level:
: +58

Registered: 02/15/07
Posts: 2097
Location: Boise, Idaho

Profile Email Website  
  Quote
By: unionjack (offline)  Dec 14 2009 15:18 pm  
unionjack

i use top style so you can get an idea of what yr editing

http://www.topstyle4.com/

Forum Newbie
Newbie

Group Comfort
Level:
: 0

Registered: 12/12/09
Posts: 11

Profile Email    
  Quote
New Topic Post Reply


 All times are CDT. The time is now 12:10 pm.
Normal Topic Normal Topic
Locked Topic Locked Topic
Sticky Topic Sticky Topic
New Post New Post
Sticky Topic w/ New Post Sticky Topic w/ New Post
Locked Topic w/ New Post Locked Topic w/ New Post
View Anonymous Posts 
Able to Post 
HTML Allowed 
Censored Content