0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

[RESOLVED] RokContentRotator module

    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    [RESOLVED] RokContentRotator module

    Posted 13 years 8 months ago
    • I realize that this is not an individual module but I see that I can get it via the Nebulae package here . I have tried loading it into Joomla 1.7 of the Modulus template but it does not work right on the site front end . Will it not work in this template or do i have something set wrong? The Module settings do not seem as extensive as the settings in Nebulae.

      This image is hidden for guests.
      Please log in or register to see it.


      Many thanks,
      Houston
    • Last Edit: 13 years 8 months ago by Houston.
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6
    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    Re: [RESOLVED] RokContentRotator module

    Posted 13 years 8 months ago
    • OK, I have about half of it figured out. I took some css from the Nebulae template that has RokContentRotator running it and noticed that the Modulus template did not have css for RokContentRotator. I put that in and it seems to be working. My next part of getting this to work is figure out where the background images are coming from. I see the transparent png file, but I am not seeing the arrow that is the background for the active article. Where is that? Not seeing it at all in Firebug.

      Where is the red arrow graphic in this image located in the css?
      This image is hidden for guests.
      Please log in or register to see it.


      Many thanks,
      Houston
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6
    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    Re: [RESOLVED] RokContentRotator module

    Posted 13 years 8 months ago
    • Moved the content-tab-bg.png and content-tab-active.png images to the image directory and added some other missing CSS (see below) from Nebulae and now it is all working. Still need to make some color changes but it all seems to be working.

      Added this CSS to extensions.css:
      /* RokContentRotator */
      .rok-content-rotator {margin: 0;position: relative;}
      .rok-content-rotator ul {padding: 0;float: left;margin: 0;width: 220px;}
      .rok-content-rotator li {height: 55px;list-style: none;padding: 0;}
      .rok-content-rotator h2 {width: 220px;height: 55px;font-size: 15px;line-height: 55px;padding: 0;margin: 0;z-index: 1;outline: none;font-weight: normal;}
      .rok-content-rotator h2 a {display: block;z-index: 3;position: absolute;width: 220px;outline: none;font-weight: normal;line-height: 55px;text-indent: 15px;transition: color 0.2s ease-out;}
      .rok-content-rotator .arrow {position: absolute;width: 241px;height: 67px;top: 0;margin-top: -6px;left: 0;z-index: 2;background-position: 100% 0;background-repeat: no-repeat;}
      .rok-content-rotator .content {position: absolute;right: 0;top: 0;margin-left: 265px;padding: 0;}
      .contentrotator-item {margin: 20px 0 -5px 0;overflow: hidden;}
      .contentrotator-thumb {float: left;margin-right: 25px;margin-bottom: 15px;width: 100px;height: 100px;}
      .rok-content-rotator .module-title {display: inline-block;}
       
      .rok-content-rotator li {background: #868686 url(../images/content-tab-bg.png) 50% 0 repeat-x;border-bottom: 1px solid rgba(0,0,0,0.3);}
      .rok-content-rotator h2 a {color: #eee;text-shadow: -1px -1px 1px rgba(0,0,0,0.4);}
      .rok-content-rotator h2 a:hover, .rok-content-rotator h2 a.active {color: #fff;text-shadow: -1px -1px 1px rgba(0,0,0,0.4);}
      .rok-content-rotator .arrow {background-image: url(../images/content-tab-active.png);}

      Left with too much time I guess you can figure it out eventually.

      Houston
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6

Time to create page: 0.095 seconds