Hello All,

I have begun exploring the wonderful world of XOOPS theme editing :) Everything was going great untill I wanted to add a top and bottom graphic to a block to make it look more professional. I then wanted to change the background color of the block inbetween those two graphics. I want all content to be shown inbewteen those two graphics. Also, where it says Main Menu in text with default settings, I would like that to be replaced by the top graphic completely. Here is the code from the admin panel of editing the block for main menu. The code I added is in bold.
======

<{$block.lang_youraccount}> <{$block.lang_editaccount}> <{$block.lang_notifications}> <{$block.lang_logout}> <{if $block.new_messages > 0}> <{$block.lang_inbox}> (<{$block.new_messages}>) <{else}> <{$block.lang_inbox}> <{/if}> <{if $xoops_isadmin}> <{$block.lang_adminmenu}> <{/if}>

============================
I am assuming this is wrong since when I press view, nothing happens and it reloads the page. It is using css from looks of it by the "
commands, but I am not sure which css file it is using. Maybe I need to edit the .css files associated with blocks to get it to work correctly? Please help! Oh, one other thing, I want the width of the main menu to only be as wide as the image itself. Here is a picture of what I am trying to make it look like:

EDIT:
After thinking this over, I decided this is not the best way to go about this. Have the image constrict how wide the menu would be is not smart. If you take a look at gooberhead.net she has it with two corner images and a middle background that can have text on it. I want to know how to do that.

no one can help me out here?

Actually you don't want to hardcode any images in the template for this, theme will do

First create a copy of the default theme folder, copy any images you want to use to that folder... then open styles.css, find td#mainmenu and add something like "background-image: url(coolbg.gif); background-repeat: no-repeat; background-attachment: fixed;" inside it's {}. You can do that with any theme, content class or item you want. If you want to style something that doesn't have a handy id or class, add it to the corresponding template.

Happy XOOPSing!

Edit: forgot about width, you can also add "width: 150px;" or something like that to td#mainmenu.

okay, Im getting a tad bit frustrated... so heres the code from the page:
==========================================

 Main Menu







===============================================
So, I am assuming I need to change the class in the css file that the bolded part refers to, so blocktitle. Correct? I found this in my css:

.blockTitle {background-color: #E2DBD3; color: #666600; padding: 2px; font-weight: bold}

Now is that the proper code I need to edit? I tried to enter it, but it didnt work. I had it like this:

.blockTitle {background-image: url(tdmainbg.gif); background-repeat: no-repeat; background-attachment: fixed; color: #666600; padding: 2px; font-weight: bold}

That didnt work. So I tried changing it to url(/images/tdmainbg.gif) and url(images/tdmainbg.gif) since the image is in a sub directory called images. Here is the hiearchry or my files:

style.css
stylemac.scc
stylenn.css
Folder images
--- tgmainbg.gif in this folder

What the heck am I doing wrong?

---

And I have a new class in my style.css:
Quote:

But how do I get everything to line up?

---

Home Sections PhpCollab wfsection Form WF-Channel Members News Agenda-X

<{foreach item=block from=$xoops_lblocks}> <{include file="camo/theme_blockleft.html"}> <{/foreach}>

Stats
Goal:	$100.00
Due Date:	Nov 30
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00