Exclude Welcome Page from a CSS Style
|
Posted
#73176
(In Topic #15320)
|
|
|---|---|
|
Community saint |
I'm trying to exclude only the Main Page from a CSS style, but do not seem to be using the correct syntax. The Zone is "Welcome" The page is "start" Thanks, Jean PHP code
|
|
Posted
|
|
|
ocStaff (admin) |
1- You can't use this level of contextualisation in CSS files, except no_cache.css, because they are compiled statically to a single place. 2- Remove 'Welcome'. That's the title for the zone, the codename is just blank. If I answered something that you think should be in the documentation, please take the initiative and add it to the community documentation. We really need people to help out here and build a well-organised large support resource. |
|
Posted
|
|
|
Community saint |
But I'm not sure I follow you correctly there. There are many instances of Code
{+START,IF,{$NOT,{$MOBILE}}}
I've now tried the no_cache.css with my example, Code
{+START,IF,{$NOT,{$MATCH_KEY_MATCH,:start}}}css_style{+END}
Sorry, but I'm not sure how this works. Maybe I'm trying do produce the effect I want the wrong way. What I would like to achieve is to have the global_middle_ph background visible on the entire site except on the start page. I cannot use just the "start" name of the page since all zones have a default "start" page name. |
|
Posted
|
|
|
ocStaff (admin) |
I can't explain any issue with no_cache.css, your code looks fine to me. no_cache.css is effectively included into the page <head> and evaluated on each page load. You can always put something like class="zone_running_forum" into your GLOBAL.tpl so that you may use .zone_running_#page_running_start as a selector. If I answered something that you think should be in the documentation, please take the initiative and add it to the community documentation. We really need people to help out here and build a well-organised large support resource. |
|
Posted
|
|
|
Community saint |
I'll look at your suggestion about GLOBAL.tpl, but at first glance I'm not sure I understand the usage of .zone_running_#page_running_start as a selector. Thanks again! Jean |
|
Posted
|
|
|
ocStaff (admin) |
(so if you have <div class="zone_running_{$ZONE*}" id="page_running_{$PAGE*}"> in your template) There's no space between .zone_running_ and #page_running_start because it's being selected against the same div. Useful CSS technique although does not work on IE6. Welcome zone is blank name (which explains the trailing underscore). If I answered something that you think should be in the documentation, please take the initiative and add it to the community documentation. We really need people to help out here and build a well-organised large support resource. |
|
Posted
|
|
|
Community saint |
This will surely help my experimentation with this technique. I just hope I can get creative with this tip! I hope to finish my new Theming project over the weekend. Presently adding some HTML5/CSS3 animation to it with the new Adobe Edge preview. I had a bit of a problem integrating the JS script at first, but it is sorted out now. It was a whole lot easier with Flash, but I've got to move with the times! |
|
Posted
|
|
|
ocStaff (admin) |
If I answered something that you think should be in the documentation, please take the initiative and add it to the community documentation. We really need people to help out here and build a well-organised large support resource. |
|
Posted
|
|
|
Community saint |
How was using Edge? I planned to download and take a look at it once I get some time. I won't be using much animation on the site but there are a few places and I thought I'd give Edge a look. Bob |
|
Posted
|
|
|
Community saint |
Great! If you are familiar with Flash, it is practically the same interface time-line but in a simpler way. What's even more awesome, is its ability to work right on an existing HTML page and produce all the CSS adjustments. I can imagine the potential for making interesting comcode pages. This is well worth a try! |
1 guests and 0 members have just viewed this: None
Control functions:








