A few minor improvements to the Tabled Theme Style Ocean.
vanilla.css
Change line 380 from: background: url('tableheader.png') repeat-x 0 0;to: background: #b4de18 url('tableheader.png') repeat 0 0; Change line 390 from: background-color: #ffeec5;to: background-color: #fff7e3; Change line 493 from: background-color: #ffeec5;to: background-color: #fff7e3; Oh, and you'll want to replace tableheader.png with this one.
The first and the last point fix the table header from looking crap when you are on a narrow screen and the two middle points make the alternate comments/discussions background paler so it's not so I'm-a-different-colour-look-at-meeeeeeeeeee
Great style Jazzman, even if you don't like the "alternate" colour chage, perhaps you could implement the other two changes in the official style?
Jim, thanks for th epost.
No, I still cannot see the logo image i.e. http://www.multitrackers.com/themes/tabled/styles/ocean/title.jpg
when i am on my website http://www.multitrackers.com
Do you see it?
I did find that if you remove the "#Logo" from the css where the title image is, the image will be displayed. However, you then seem to loose the Vanilla panel image. The #Logo indicates a div id like the Header. I looked through the theme files and did not find a reference to it.
Edit: The ultimate solution is to add the div Logo to the menu.php file as below after the div Header:
echo '<div id="Header"><div id="Logo"></div>
<a name="pgtop"></a>
thanks Jim. I found a few menu.php files.....amended the two ones I thought were most likely........but nope, still no change. :(
There is something fundamentlly skewed in this style, I suspect. Other icons aren't showing either along the top, like they should.
It's maybe linked to the new versions of vanilla. I do recall the style working fine when I tried it in 2006.
Jim's right about the logo div missing... One alternitive that I just tried (and worked) was to change the CSS line that reads #Header #Logo { to #Header h1 {.
Yah, I got that too... when I tried #Header the panel image disappeared, like you noted, but if you do #Header h1 everything seems to fall in to place.
great stuff! Now shows the image. Thank you both!
Tho i do note that the other little icons (to the left of the logo) still don't show.
Jazzman's thumbnail for this add-on shows: http://lussumo.com/addons/uploads/images/ocean-2006-09-30.jpg
But those little icons are not up there. I saw somebody else above who has had these same problems as me.
It looks like the menu.php file in the theme is missing--or is missing the customization needed to work properly.
Open up themes/tabled/menu.php... if its not there, copy the one from themes/menu.php into this folder and edit it.
There should be something like this inside:<a href="'.$Tab['Url'].'" '.$Tab['Attributes'].'>'.$Tab['Text'].'</a></li>';
Change it like so:<a href="'.$Tab['Url'].'" '.$Tab['Attributes'].' id="'. $Tab['Value'] .'">'.$Tab['Text'].'</a></li>';
thanks Jim and WallPhone for the great guidance.
I have tempoararily turned on my old theme - because a friend couldn't get signed up. When I went to look today at the vanilla ocean theme's registration page, it was a mess. I had to switch back to my old theme to allow my friend to register later today
When I used Jazz's vanilla ocean theme last year it worked beautifully......unsure of what has happened in the meantime (I assume the new vanilla version has upset things).
It looks like this theme/style became a victim of updates and probably isn't 100% compatible with changes in the most recent release. Someone should nag jazzman to bump it up in his spare time.
Comments
vanilla.css
Change line 380 from:background: url('tableheader.png') repeat-x 0 0;to:background: #b4de18 url('tableheader.png') repeat 0 0;Change line 390 from:
background-color: #ffeec5;to:background-color: #fff7e3;Change line 493 from:
background-color: #ffeec5;to:background-color: #fff7e3;Oh, and you'll want to replace tableheader.png with this one.
The first and the last point fix the table header from looking crap when you are on a narrow screen and the two middle points make the alternate comments/discussions background paler so it's not so I'm-a-different-colour-look-at-meeeeeeeeeee
Great style Jazzman, even if you don't like the "alternate" colour chage, perhaps you could implement the other two changes in the official style?
On my site - http://www.multitrackers.com
the title logo (see url below) should show up at the top, but does not show - http://www.multitrackers.com/themes/tabled/styles/ocean/title.jpg
position: relative;
background: url('panel.png') no-repeat 0 0;
height: 100px;
}
#Header * {
margin:0px;
padding:0px;
}
#Header #Logo {
height: 100px;
background: url('title.jpg') no-repeat right center;
}
#Header #Logo h1 {
display: none;
}
#Header ul {
position: absolute;
top: 50px;
left: 230px;
text-align:center;
z-index: 1000;
}
the title.jpg is the pic that does not show
Edit: The ultimate solution is to add the div Logo to the menu.php file as below after the div Header:
echo '<div id="Header"><div id="Logo"></div> <a name="pgtop"></a>This will then show both images.
#Header #Logo {to#Header h1 {.Open up themes/tabled/menu.php... if its not there, copy the one from themes/menu.php into this folder and edit it.
There should be something like this inside:
<a href="'.$Tab['Url'].'" '.$Tab['Attributes'].'>'.$Tab['Text'].'</a></li>';Change it like so:
<a href="'.$Tab['Url'].'" '.$Tab['Attributes'].' id="'. $Tab['Value'] .'">'.$Tab['Text'].'</a></li>';