Fork me on GitHub

pnJoomla theme  Bottom

  • I am using Zikula 1.0.2 and trying to setup the pnJoomla theme. However, I cannot get the background/rollover images to show in the left menu. Has anybody got this working with Zikula? I see in the comments in the download area someone needed to edit a template file but gave no details.
  • for my part, i tested only on the pn0.8 dev version,

    this rollover is done by a CSS, perhaps you can look what's different compare to the demo
    http://www.ingénieurs.org/demo/

    http://community.zikula.org/module-Database-viewpub-tid-4-pid-76.htm



    edited by: mumuri, Oct 19, 2008 - 10:17 AM
  • In your instructions you say not to use extmenu.css for the left menu block. Is there another stylesheet that we're supposed to use? Everything on my test site is setup exactly as the demo, only the left menu shows as plain text with no background.
  • as far as i remember the picture look like this,
    http://www.ingénieurs.org/demo/images/menu_bg.png

    i said not to include extmenu.css, because there was some possible conflict with the :hover CSS property (which will change the position of the background in order to display only the bottom picture)

    you should look where this :hover property is stored in the CSS
    http://www.ingénieurs.org/demo/index_fichiers/template_css.css






    edited by: mumuri, Oct 12, 2008 - 08:04 AM
  • I have found the offending code.

    The start of the left block code, on my site, generates like this:

    Code

    <!-- Left Block Start -->
                   
    <div class="pn-block pn-blockposition-left pn-bkey-extmenu pn-bid-13">
    <!-- deb boite 3-->                              
    <!-- deb boite 1-->

    <div class="moduletable">
                  <h3>    </h3>
            <ul>
            <div id="navcontainer_13" class="navcontainer">
        <ul class="navlist">

    This doesn't work, shows no images.

    The correct code looks like this:

    Code

    <!-- Left Block Start -->
                   
    <div class="pn-block pn-blockposition-left pn-bkey-extmenu pn-bid-13">
    <!-- deb boite 3-->                              
    <!-- deb boite 1-->

    <div class="moduletable">
                  <h3>      </h3>
            <ul>
    <div id="navcontainer">
        <ul class="navlist">

    This works perfectly.

    The question is, where is the source for this code? I can't find the template where this comes from.
  • May be a special template in /themes/pnJoomla/templates/blocks ?

    Edit: Ah! editing one of my Extended Menu blocks
    i realize that the code belongs to the extmenu template.
    But thinking that you need id="navcontainer" to make it work
    i would recommend you to search in your styles
    and replace #navcontainer to .navcontainer ...

    it's a bad idea to use the id in that case.



    edited by: nestormateo, Oct 17, 2008 - 01:43 PM

    --
    - Mateo T. -
    Mis principios... son mis fines
  • note that if you don't like red, there are other picture to customize this rollover
  • I believe that is the answer, nestor. Thanks guys.
  • eventually, if you send me the updated version, i will put it back to my serveur
    thus other won't have problem

This list is based on users active over the last 60 minutes.