Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Vanilla CSS

edited July 2006 in Vanilla 1.0 Help
Does anyone know where the controls are in the .css for the front disscussion page on the vanilla v3 I am looking to just make those shades of whites / greens.


  • MarkMark Vanilla Staff
    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...
  • 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... Also, congradulations on this new vanilla, it's amazing... I really like it.
  • MarkMark Vanilla Staff
    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!
  • 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: 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 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); } ?>
  • 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.
  • Mark is away for the weekend, said something about a friends wedding.
  • yup it's on the blog..
  • 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?
  • lechlech Chicagoland
    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.
  • 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. function Render() { include("extensions/Topnav/navigation.html"); } } $BannerInsertion = new BannerInsertion($Context); $Head->AddStyleSheet("extensions/Topnav/style.css"); $Page->AddControl("Menu_Render", $BannerInsertion); }
  • lechlech Chicagoland
    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.
  • 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?
  • edited 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" "">
  • lechlech Chicagoland
    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.
  • edited 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: The main site is : Here is the Flash Header page, I need to add : Right now once your in the forum, there is no way back to the rest of the site.
  • edited July 2006
    Have you tried:

    <?php /* Extension Name: Lussumo Banner Extension Url: Description: Adds the lussumo banner to the top of the page. Version: 1.0 Author: Mark O'Sullivan Author Url: */ 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=",0,0,0" width="978" height="227" id="community-g-nav" align="top"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="" /> <param name="quality" value="autohigh" /> <param name="scale" value="exactfit" /> <param name="wmode" value="transparent" /> <param name="bgcolor" value="#ffffff" /> <embed src="" 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="" /> </object></center>'; } } $LussumoBanner = new LussumoBanner($Context); $Page->AddRenderControl($LussumoBanner, $Configuration["CONTROL_POSITION_HEAD"]+1); $Head->AddStyleSheet('extensions/LussumoBanner/style.css'); } ?>
  • 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( left top repeat-y inherit inherit; width: 978px; } I tried this and a few other options and nothing moves or displays?
  • Try this for centering - 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.
  • I am not sure where I would add the div tags, since it seems that vanilla is running completely on php
This discussion has been closed.