Lighty - FJT 002 - a simple free Template for Joomla 2.5 - Author: joomlathemes

Posted by on in Free Joomla Templates
  • Font size: Larger Smaller
  • Hits: 12125
  • 9 Comments
  • Subscribe to this entry
  • Print

Lighty, FJT 002, is a simple free template for Joomla 2.5 by joomlathemes. The template has a elegant style. The layout is very clear and can be styled by more than 10 module positions. Joomlathemes provides Lighty with a image slider module and a drop down sublevel menu. Lighty loads very fast and requires, by its minimal size, less server resources.

Features:

  • Drop down sublevel menu
  • Image slider module
  • More than 10 module positions
  • Fast loading
  • Clear and clean layout
  • Minimal size

Details:

Name: Lighty - FJT 002

Author: joomlathemes

License: GNU / GPL

Charge: free

Size: 112 kb (zip-file template package)

Language: English

Native to: Joomla 1.5, 2.5

Framework: not reported

Build with: PHP

Added on joom-friends.com: Friday, 6 July 2012

Demo:

Demo Link

Download:

Download Link

Last modified on
Rate this blog entry:

Comments

  • Saleen
    Saleen Wednesday, 25 July 2012

    Hi ! Thanks for the great template !
    but how can I add a menu on the left side ?
    it seems only rightbar are avaliable ?
    Please Help ! Thank You !

  • joom-friends
    joom-friends Wednesday, 25 July 2012

    Hi Saleen,

    have you already tried to change the alignment of the right sidebar in the style.css of Lighty?

  • joom-friends
    joom-friends Thursday, 26 July 2012

    Hi Howard,

    Can you guide me that which line should I change?

    All related lines I found are :

    /* Sidebar */
    #rightbar-w {/*position: absolute*/; width:175px; float:right; margin:0; padding:0;}
    #sidebar {padding:0}
    #sidebar .module {padding:0; margin:0 0 10px 0;}
    #sidebar .module-title {font-size:25px; line-height:43px; padding:0 0 0 10px; margin:0; color:#333; text-shadow:1px 1px #fff; background:#D3CECC;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
    #sidebar h3 {}
    #rightbar-w .module-title {}
    #sidebar .module-body {margin:0; padding:10px;}
    #sidebar .module-body p{padding:0; margin:0 0 5px 0;}
    #sidebar ul li { margin:0 5px; padding:0;}
    #sidebar a{}
    #sidebar a:hover{}
    /* Sidebar Menu*/
    #sidebar .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
    #sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; border-bottom:1px solid #D3CECC;}
    #sidebar .module ul.menu li a {background: url(../images/li1.png) 0 50% no-repeat; display:block;margin:0; padding:3px 0 3px 20px; text-decoration:none; color:#D3CECC; font-family:'Kotta One',Arial, Helvetica, sans-serif; font-size:15px; line-height:25px;}
    #sidebar .module ul.menu li a:hover {background: url(../images/li2.png) 0 50% no-repeat; color:#B31EF0; text-decoration:none;}
    #sidebar .module ul.menu li.active {}
    #sidebar .module ul.menu li.active a{background: url(../images/li2.png) 0 50% no-repeat;color:#B31EF0;}
    /* Sidebar SubMenu*/
    #sidebar .module ul.menu li ul {margin:0;border-top:1px solid #D3CECC;}
    #sidebar .module ul.menu li ul li {background:none; border-bottom:1px solid #D3CECC; margin: 0 0 0 15px; }
    #sidebar .module ul.menu li ul li a{ }
    #sidebar .module ul.menu li ul li a:hover{ border: 0; background: url(../images/li2.png) 0 50% no-repeat; color:#B31EF0;}
    #sidebar .module ul.menu li.active ul li a{background: url(../images/li1.png) 0 50% no-repeat; color:#D3CECC; }
    #sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li.active ul li { background:none}
    #sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{background: url(../images/li2.png) 0 50% no-repeat; color:#B31EF0;}
    #sidebar .module ul.menu li ul li.active ul li a {background: url(../images/li1.png) 0 50% no-repeat;color:#D3CECC; }
    #sidebar .module ul.menu li ul li.active ul li.active a {background: url(../images/li2.png) 0 50% no-repeat; color:#B31EF0; }

    ---------------------------------------------------------------------------

    It seems no such alignment class above i can change , if I had to add it by my self
    Where should I put it ?

    Thanks For the reply !:D

  • joom-friends
    joom-friends Thursday, 26 July 2012

    Hi Saleen, maybe this will help you further.

    Change following settings in style.css of Lighty:

    #rightbar-w {width:250px; float:left; margin:0; padding:0;}
    and
    #main-content { clear:both;margin:0 auto;padding:0;float:right; }

    Change the position of rightbar-w in the index.php of Lighty:

    The author implement the right sidebar via php, which you will find in the index.php of Lighty at line 67.

    Put this php source code direct under line 57 and delete it at the previous position.

    You can find and edit both files in Joomla 2.5 Template Manager at Lighty Template.

    In Firefox it works.;)

  • joom-friends
    joom-friends Friday, 27 July 2012

    hi Howard , thanks You so much for the help
    but, I tried to put these source code below :

    countModules('right')) : ?

    To the above of : countModules('breadcrumbs')) : ?>

    And it still not worked , Did I miss something

    Anyway , I'm very appreciate for you help , Thank You !

    This website is Great !

Leave your comment

Guest Tuesday, 24 December 2024

Shortcuts

Wohnung Löbau Auf wohnen-in-loebau.de finden Sie bestimmt Ihre neue Wohnung in Löbau.