Viewing 15 posts - 1 through 15 (of 20 total)
  • Author
    Posts
  • graphicstylus Friend
    #124852

    We want to add a module position so we can display a full width banner right below the main menu and logo that goes from left to right and than below all the other module it is..so

    you would have the:
    logo and main menu
    a full width module that will be used to display rotating banners
    than top, user 1, user 2
    than left, right and so on

    site: http://www.foresureservices.com

    Please let us know what we need to do to insert this. Thanks in advance!


    1. ja-drimia
    Menalto Friend
    #235952

    What is the height of that module position you want?Email me at joomlasupport@gmail.com your index.php and template_css.css file and i can do it for you if you want

    Michael Casha Friend
    #236045

    Hi mate,

    Next time please post in the appropriate area 🙂

    graphicstylus Friend
    #236062

    This is Done! Thank you Menalto!

    ryanpitt Friend
    #236187

    Could the rest of us get instructions do do this also? Perhaps post the files here so we can see them?
    Thanks guys for a great template!
    Ryan

    mj1256 Friend
    #236202

    you can get the process for adding module positions from the joomla forums. this is not a process that is proprietary to this or any other template

    I requires very little html and php knowledge

    ryanpitt Friend
    #236206

    I cant seem to find anything that gives a good explanation on how to do this.
    I see posts that say we should be asking these questions in the forum for the template you are using.
    Any pointers here?
    I’d like to be able to increase the area above the menu and place a logo in there and I would also like to add a module between the menu and left-right-user1-user2 positions.
    This is what I have so far.
    http://www.vaultit.us
    Thanks
    Ryan

    Menalto Friend
    #236209

    <em>@ryanpitt 36675 wrote:</em><blockquote>I cant seem to find anything that gives a good explanation on how to do this.
    I see posts that say we should be asking these questions in the forum for the template you are using.
    Any pointers here?
    I’d like to be able to increase the area above the menu and place a logo in there and I would also like to add a module between the menu and left-right-user1-user2 positions.
    This is what I have so far.
    http://www.vaultit.us
    Thanks
    Ryan</blockquote>

    Did you read this?

    You can edit or remove the JoomlArt copyright information at the bottom of the template. You can claim the copyright notice "All right reserved", however the claim on creation of the template, such as:"Designed by Your Company"...are not allowed. Allowed: Copyright � 2005 - 2006 Your Company. Developed by Your Company Not Allowed : Copyright � 2005 - 2006 Your Company. Designed by Your Company

    graphicstylus Friend
    #236214

    To add a module below the header/logo/main menu and between left/right/user1/user2/main do the following

    In template index.php find the following code line:

    <div id="ja-containerwrap<?php echo $divid ?>" class="clearfix">

    Above that line add the following:

    <?php if (mosCountModules('user9')) { ?>
    <div id="xtra">
    <?php mosLoadModules('user9', -1); ?>
    </div>
    <?php } ?>

    In template template_css.css add the following code all the way to the botton:

    /*XTRA MODULE CSS */
    #xtra {
    width: 100%;
    height: 200px;
    padding: 5px 0 0 0;
    }

    This should create a module position. To adjest the height of the module change the height in the css code you just added.

    This can be seen here: http://www.foresureservices.com

    I would like to thank menalto for helping me get this. Without him this would have not happened!

    I hope this works for others.

    Take Care!

    graphicstylus Friend
    #236215

    This will help you change the logo a lil. Once you edit the logo in photoshop or whatever software you use go the template css file and find this:

    h1.logo {
    font-size: 300%;
    height: 45px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 60px;
    width: 198px;
    }

    h1.logo a {
    background: url(../images/logo.gif) no-repeat;
    display: block;
    float: left;
    height: 45px;
    outline: none;
    text-indent: -5000px;
    text-transform: uppercase;
    width: 198px;
    }

    Here you can see sevearl things:
    To adjust the logo so it can be moved up or down mess with the first section where it says top. Increase that number if you want the logo to be pushed down or decrease that number if you want your logo to move up.

    Also if you have the file logo.gif height and width please make sure to note the changes in both sections.

    I hope this helps everyone. See the changes we made at http://www.foresureservices.com

    Once again, I want to thank menalto for helping me get this.

    I hope this helps others!

    Take Care,

    ryanpitt Friend
    #236222

    I did not see the copyright/designed by notice. Sorry, it was late and was trying to do too many things. This has been changed.

    ryanpitt Friend
    #236223

    Thanks Malik for the great explanation and instructions. This is very much appreciated!

    Another quick question.
    How did you get the image to show up above the menu? (The one that says ForeGrass! ForeTrash! etc )

    Thanks again.
    Ryan

    graphicstylus Friend
    #236245

    Hey Ryan,

    to add that image follow this:

    In template index.php fine line:

    <h1 class="logo"><a href="index.php" title="<?php echo $mosConfig_sitename?>"><?php echo $mosConfig_sitename?></a></h1>

    Right above this line add:

    <h1 class="slogan"><a href="index.php?option=com_contact&Itemid=3" title="<?php echo $mosConfig_sitename?>"><?php echo $mosConfig_sitename?></a></h1>

    Now in template css do the following:
    Above the section:

    h1.logo {

    Add the following:

    h1.slogan {
    font-size: 300%;
    height: 45px;
    left: 265px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    width: 450px;
    }

    h1.slogan a {
    background: url(../images/slogan.jpg) no-repeat;
    display: block;
    float: left;
    height: 45px;
    outline: none;
    text-indent: -5000px;
    text-transform: uppercase;
    width: 450px;
    }

    Modify this per your image with height and width. You can also adjust top and left to position your image how ever you want.

    I hope this works. This is something I did myself so I am hoping I did it right but it seems to work. I have not seen any error so far.

    Take Care,

    graphicstylus Friend
    #236246

    <em>@ryanpitt 36696 wrote:</em><blockquote>I did not see the copyright/designed by notice. Sorry, it was late and was trying to do too many things. This has been changed.</blockquote>

    Ryan are you asking how to change the footer (copyright text)?

    If so you can edit that in index.php of the template. It should be below these lines of code:

    <!-- BEGIN: FOOTER -->
    <div id="ja-footerwrap" class="clearfix">
    <div id="ja-footer" class="clearfix">

    I hope that helps.

    Take Care,

    ryanpitt Friend
    #236247

    Thanks Malik!
    Much appreciated.
    Ryan

Viewing 15 posts - 1 through 15 (of 20 total)

This topic contains 20 replies, has 7 voices, and was last updated by  charyzma 16 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum