Vanilla CSS

GMonkey · June 2006

Does anyone know where the controls are in the .css for the front disscussion page on the vanilla v3 http://gliving.tv/community/ I am looking to just make those shades of whites / greens.

Mark · June 2006

View source on the discussions page to see what the various classnames are. There are many, many different ways to color the discussions. It all depends on what you want...

GMonkey · June 2006

Mark, As soon as I ask, I found it. It was the CategoryColourChanger / newStyle.css. For the life of me I couldn't find what was controlling those colors.... This version changed, so now I can' add that top frame to hold our navigation, is there going to be a work around for that soon? I would like to keep our standard nav bar at the top... http://gliving.tv Also, congradulations on this new vanilla, it's amazing... I really like it.

Mark · June 2006

You can add your top frame in many different ways. You can create an extension that throws a control above the forum, you can create a new theme and just edit the menu template, including your custom menu code, whatever. I'd suggest the former since you would always have the latest templates when updating that way...

Thanks for the kudos!

GMonkey · July 2006

Mark, Here is the code you gave me (thank you) for version 9.2. But it doesn't seem to work for the new Version 1. Also, not related by a problem, is that when you click in the categories or settings, you loose the tab navigation completely. I can't find what is effecting that. <?php /* Extension Name: Banner Insertion Extension Url: N/A Description: Inserts a banner at the top of the page Version: 1.0 Author: Mark O'Sullivan Author Url: http://markosullivan.ca/ Copyright 2003 - 2005 Mark O'Sullivan This file is part of Vanilla. Vanilla is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. Vanilla is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Vanilla; if not, write to the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA The latest source code for Vanilla is available at www.lussumo.com Contact Mark O'Sullivan at mark [at] lussumo [dot] com */ if (in_array($Context->SelfUrl, array("index.php","comments.php", "categories.php", "account.php", "settings.php", "search.php", "post.php",))) { class BannerInsertion extends Control { function BannerInsertion(&$Context) { $this->Control($Context); } function Render() { include("./extensions/BannerInsertion/navigation.html"); } } $BannerInsertion = new BannerInsertion($Context); $Head->AddStyleSheet("./extensions/BannerInsertion/style.css"); $Page->AddControl("Menu_Render", $BannerInsertion); } ?>

GMonkey · July 2006

Mark, I know you have a lot going on with the new release, but do you think you could look at the code above to see what needs to be changed, so I could use the top navigation with the forum. http://gliving.tv/community/

Roguefoxx · July 2006

Mark is away for the weekend, said something about a friends wedding.

lament · July 2006

yup it's on the blog..

GMonkey · July 2006

I see, thanks... Do either of you guys know what needs to be adapted to make the old code work with the new Vanilla 1?

Dinoboff · July 2006

check the troubleshooting page

lech · July 2006

I tested the code dino links to in the docs and it works fine. Just create a new folder in your extensions folder appropriately name "LussumoBanner" or something, then create a default.php in that folder and paste the code in. Upload it to your site, activate and you should have the basic header above your forum without any fancy styling of course.

GMonkey · July 2006

Lech, I did everything you said, and I was able to see it as an extension and even use the css, but I could never load the top page. I am trying to load this page on the top. http://gliving.tv/community/extensions/Topnav/navigation.html function Render() { include("extensions/Topnav/navigation.html"); } } $BannerInsertion = new BannerInsertion($Context); $Head->AddStyleSheet("extensions/Topnav/style.css"); $Page->AddControl("Menu_Render", $BannerInsertion); }

lech · July 2006

Hmmm, I don't know how it would apply under different styles and that's one of the main issues others might find with it. GreenMonkey, let me see if I'm following: you're saying it worked and enabled fine though, right? I presume that if it appeared within the source of the document, the only thing you're going to need to tweak is the CSS for that given theme to bring it up to the top or exactly where you want it to appear. Otherwise I don't understand what you're referring to.

GMonkey · July 2006

Lech, Yes I am saying I can activate the extension. And even create a top area where the page should show up, but for some reason it just doesn't. Are you thinking the CSS is hiding the page?

Dinoboff · July 2006

Start by taking off from extensions/Topnav/style.css ( edit: i meant from navigation.html) everything between the tags and take off the tags.

And check why forum page start like that:

 
<code>
< /code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

lech · July 2006

Yeah, it's quite possible that the css for the theme is over-riding that of the extension. While the extension for the Lussumo Banner does include its own set of class and ID names for each div, the custom theme you're using might not utilize them and hide them completely or behind the header. In other words, if it appears in the source code then it is working but the css is driving it elsewhere.

GMonkey · July 2006

Okay guys, I have been working in circles here on the site and now I am back to the forums. I still can't figure out this flash header issue on the new vanilla. I had it worked out on 9.3 but for some reason I can't figure this one out. I will start over on explaining. The entire site has a top header navigation which is a flash file and the site is contained within a width of 978pix. I would like the forum to do the same. This way site is a unifide experience. I can install Marks header with the simple links and that works, but I have no idea how to adapt that to have it pull the page with the flash header and I also do know how to enlarge the area, if I could pull in the page. I know, I should learn to code. One more hat to wear. The forum is here: http://gliving.tv/community The main site is : http://gliving.tv Here is the Flash Header page, I need to add : http://gliving.tv/community/extensions/LussumoBanner/navigation.html Right now once your in the forum, there is no way back to the rest of the site.

Dinoboff · July 2006

Have you tried:

<?php
/*
Extension Name: Lussumo Banner
Extension Url: http://lussumo.com/docs/
Description: Adds the lussumo banner to the top of the page.
Version: 1.0
Author: Mark O'Sullivan
Author Url: http://www.markosullivan.ca/
*/
 
if (in_array($Context->SelfUrl, array("index.php", "account.php", "categories.php", "comments.php", "post.php", "search.php", "settings.php"))) {
   class LussumoBanner extends Control {
      function LussumoBanner(&$Context) {
         $this->Name = "LussumoBanner";
         $this->Control($Context);
      }
      
      function Render() {
echo '<center>
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="978" height="227" id="community-g-nav" align="top">
				<param name="allowScriptAccess" value="sameDomain" />
				<param name="movie" value="http://gliving.tv/navigation/community-g-nav.swf" />
				<param name="quality" value="autohigh" />
				<param name="scale" value="exactfit" />
				<param name="wmode" value="transparent" />
				<param name="bgcolor" value="#ffffff" />

				<embed src="http://gliving.tv/navigation/community-g-nav.swf" quality="autohigh" scale="exactfit" wmode="transparent" bgcolor="#ffffff" width="978" height="227" name="community-g-nav" align="top" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

			</object></center>';
}
   }
   
   $LussumoBanner = new LussumoBanner($Context);
   $Page->AddRenderControl($LussumoBanner, $Configuration["CONTROL_POSITION_HEAD"]+1);
   $Head->AddStyleSheet('extensions/LussumoBanner/style.css');
}
?>

GMonkey · July 2006

Dinoboff, Yes, thank you that worked. Yeah. Okay, one more slight problem, I am searching around in the css to center the entire forum and add the background fade. Shouldn't this work? body { margin:0px; padding:0px; background: inherit url(http://gliving.tv/images/bg-gliving-white.jpg) left top repeat-y inherit inherit; width: 978px; } I tried this and a few other options and nothing moves or displays?

c-unit · July 2006

Try this for centering - http://www.simplebits.com/notebook/2004/09/08/centering.html You may need to make a new theme and throw another div (#container) around the forum. I've never worked with Vanilla so I couldn't tell you.

GMonkey · July 2006

I am not sure where I would add the div tags, since it seems that vanilla is running completely on php

Vanilla CSS

Comments