Re: Need help with ajax "hotlava" theme

I've found this resource that used Smarty to compress javascript files and it looks promising, but alas, again I am out of my experience here. Is there anyone out there that this makes sense to that might be willing to give it a try for me?


Re: How can I do to create theme!

Thank you for the post.

Which theme are you reffering to, that is not compatible?

At the moment we are working on a new Wiki site for Community documentation - but until then, you may want to check out "XoopsWiki" for some details on theme creation.

We can help with any specific questions you may have of course.


How can I do to create theme!

Hi, I have one question to create theme.

I See a theme but that theme is Not COMPATIBLE WITH impress core Please Help me, how can I do to create this theme for impress?

its means, how can i copy this theme for impress?

Sorry I understand a little English and can’t write well!

Re: Need help with ajax "hotlava" theme

Indeed this is a great job and I hope it will be the beginning of a new "theme-history"

in valid code we trust

Re: Need help with ajax "hotlava" theme

Great job! You can bet I'll study how did you do all this stuff and leech it. :D

If you can't understand what I'm saying, you're not geek enough

Re: Need help with ajax "hotlava" theme

Really it looks fine. Good job!

Re: Hotlava Theme v1

Good Work, I enjoyed it

Hotlava Theme v1

Okay, here's version 1 of the Hotlava theme. you can see it in action temporarily here:

Note the links there to preview the lightwindow effects and the left block scrolling (Next, previous) and the right according effects block.

And download it attached as a zip below.

It's not production-ready yet, and I could use some help with some 'to do' items below and with testing if anyone feels so inclined Remember, this theme is not meant to be visually flashy. I intentionally only use one image in the theme because of all the javascript and also for easy theming. This is more of a framework to show the neat things you can do with AJAX, although I am kind of fond of the simple, subtle theming it currently incorporates.

1) All-CSS layout

2) Colors (colors.css) and fonts (fonts.css) CSS are stored in seperate files to make it easy to modify without worrying about layout stuff. New colors themes can be adapted from colors.css and used to overwrite the default to get different looks.

3) All Javascript degrades nicely when Javascript is turned off in the browser.

4) Utilities for the theme are designed to be easily overwritten when new versions of the utilities are released. All CSS overriding to them is done in style.css.

5) AJAX/Javascript goodies include:
a) Scrolling left blocks with navigation
b) Right blocks have "accordian" effect
c) All media can be put into a lightwindow effect by simply adding class="lightwindow" to any tag. This includes images, movies, entire image galleries, external websites, local forms and pages. See DEV/LightWindow.txt for more info.
d) Notification options are hidden until clicked on to unclutter the layout (like
e) Font size adjustment options for the user

6) Well documented HTML and CSS.

7) Integration with Mastop Publish's horizontal menu block (simply put it in the top-center block position. In fact, this theme will replace the default menu system with a better one! See DEV/mastop_publush.txt for more details. If no center-top block is present, the include/menu.html file is used instead.

8) Layout adjusts to display properly on non-home pages.

Please read the DEV/README.TXT for details.

1) I can't figure out the correct path for the images in /assets/lightwindow/lightwindow.css. There should be a spinning loading icon and the background should get dark when viewing a lightwindow but I can't figure it out for the life of me

2) Need a way to combine/compress the loading of the CSS/JS. I tried these two methods with no luck. I'm sure I was doing something wrong: (currently located in includes folder)

3) Develop a hack for multimenu to use the included Ruthsarian menu instead (like Mastop does).

4) Develop alternate colors.css files to drop in and easily change the look.

5) Add styles for common modules like news, smartsection, forums, etc.

6) Utilize lightwindow pop up windows for icms/xoops forms and utility blocks/pages (IE login, edituser).

7) Get unique block IDs for styling and spry, rather than using block title for ID's, as that doesn't validate with spaces in titles.

8) Correct HTML and CSS validation errors.

Attach file:

zip Size: 0.00 KB; Hits: 48

Re: Strange font issue in FireFox

Problem seems to have cured it self....

Strange font issue in FireFox

There's a small fontsize issue when using FireFox
Some fonts are displayed a little weird, see picture.
It seems to happen when using the small-tag in templates.
This happens especially with the 2 ImpressThemes.

Anybody has an idea about this?

Re: Need help with ajax "hotlava" theme

  • 2008/1/12 22:50:26
  • Will

agreed^^ you really should utilize the $marty where it is available.

<{include file="$xoops_theme/includes/menu.html"}>

no need for <{php}>

Re: Need help with ajax "hotlava" theme

Smarty also has an include tag <{include file="path/to/file.ext"}>

Re: Need help with ajax "hotlava" theme

Awesome! I knew there was something like that. This worked:

<{php}> include (XOOPS_URL."/themes/hotlava/includes/menu.html"); <{/php}>

Thanks so much nachenko!

Is there a variable that does the same as <{xoImgUrl includes/menu.html}> ?

Re: Need help with ajax "hotlava" theme

About the first question: Have you tried using XOOPS_ROOT_PATH?

I think XOOPS_ROOT_PATH and XOOPS_URL are both available.

If you can't understand what I'm saying, you're not geek enough

Need help with ajax "hotlava" theme

I'm developing a new theme for icms/xoops that has a lot of neat ajax features, simplicity to use and modify and such, but there are few things that I need help with. I'm going to use this thread for that.

First of all, here's the theme:

And here's what I need help with:

1) I want to include a menu file and I am currently doing it this way:

<{php}> include (""); <{/php}>

But this method requires a hard coded link. How can I get the same effect of<{xoAppUrl /themes/hotlava/includes/menu.html}> inside a php snippet, or perhaps there is a better way to include rather than the php snippet.

2) I've found a CSS-only drop down menu that only requires javascript for older browser compatibility. This is better than the one that Mastop Publish currently uses (Son of Suckerfish, I believe) because of it's lack of needing JS and more compatible with browsers (Even IE on the Mac!), but I don't know how to modify Mastop's horizontal menu block template to use this new menu. The PHP coding is over my head. Anyone want to take a stab at it? The menu is here:[/d] Managed to figure this out afterall

3) Is there a way to return a unique block ID with a variable in the theme? IE, blocks could have id="1", id="2" for identifying them seperately for styling. Marcan pointed out that you can use <{$}> to identify that block's ID, which will let us validate properly now and also we can have a user-friendly "Click here to edit this block" button. Yay!

More to come!

Re: Examples impress themes

Hi Shine,

We're in the same situation. I'm not a theme whiz myself.
However, I treat the themes that are coming out as a Xoops Theme for the moment (there is some documentation on that somewhere)

Furthermore, I treat the template I will make as a normal Web Layout.
So, I searched the web for my type of layout (3 Columns with some specifications) I even searched

So when I started I wanted a 3 Column Layout.
I googled some more and found a good search term "holy grail"

It's a good place to start. The sites with the best examples will be shown in that search result. Then you look for your own type of layout that you wish.

When you have your layout, you can convert it into an impressive template.

Examples impress themes

  • 2008/1/11 15:40:01
  • Shine

Oh dear oh dear,..... always I've been a totally noob in themes and design.
I see a lot of new things within the standard impress theme and css. And really am totally lost.
Is there some specialist who can explain a bit more about theme designing considering impress? Or can even give some more examples?
Keep in mind you are talking to a design nitwit.

Thanks in advance,
Grtz., Shine

PHP Version 5.2.4
SQL: 5.0.77
Zend: v2.2.0
Apache: 1.3.39