Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • francesco bertetti Friend
    #192351

    Hi All,

    I am learning Joomla web development, I have some small questions. Any help will be greatly appreciated!
    (attached you will see how mainpage should become)

    1. How’s possible to customize the homepage so the sidebar/position 5 ends at the same level as slideshow?

    2. At the same time I would like to enlarge the dimension of the slideshow, in order to have a small margin at the right and left (1 cm).

    3. Is it possible to insert the logo at the same level of the main menu? (as ‘SilentSquall’ in the img attached)

    4. How’s possible to change the color (and set my green) of the background of the website?

    I’m not able to give my site information (your site URL, your site admin account) since I’m developing it in local.
    Thanks for your support.

    Francesco 🙂


    1. Mainpage
    phong nam Friend
    #512762

    Hi Francesco,

    I’d like to answer your questions in detail as follows:

    1. How’s possible to customize the homepage so the sidebar/position 5 ends at the same level as slideshow?

    >> In order to get the Homepage layout with slideshow and position-5 ending at the same level like your snapshot, you can backup the files and follow these steps:

    – Open templatesja_merotplsblocksmainbody-home.php file and remove lines:

    <?php if ($this->countModules($sidebar)) : ?>
    <div class="ja-sidebar <?php echo $this->getClass($layout, $col) ?><?php $this->_c($sidebar)?>" <?php echo $this->getData ($layout, $col++) ?>>
    <!-- SIDEBAR -->
    <jdoc:include type="modules" name="<?php $this->_p($sidebar) ?>" style="T3xhtml" />
    <!-- //SIDEBAR -->
    </div>
    <?php endif ?>

    – Open templatesja_merotplsblocksslideshow.php and overwrite it with these:

    <?php
    /**
    * @package T3 Blank
    * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
    * @license GNU General Public License version 2 or later; see LICENSE.txt
    */

    defined('_JEXEC') or die;
    ?>

    <?php if ($this->countModules('slideshow')) : ?>
    <!-- SLIDESHOW -->
    <div class="wrap ja-slideshow<?php $this->_c('slideshow') ?> span9">

    <?php if($this->countModules('slideshow')) : ?>
    <jdoc:include type="modules" name="<?php $this->_p('slideshow') ?>" style="raw" />
    <?php endif; ?>

    </div>

    <?php if ($this->countModules('position-5')) : ?>
    <div class="ja-sidebar <?php $this->_c('position-5')?> span3">
    <!-- SIDEBAR -->
    <jdoc:include type="modules" name="<?php $this->_p('position-5') ?>" style="T3xhtml" />
    <!-- //SIDEBAR -->
    </div>
    <?php endif ?>
    <!-- //SLIDESHOW -->
    <?php endif ?>

    2. At the same time I would like to enlarge the dimension of the slideshow, in order to have a small margin at the right and left (1 cm).

    After changing the Slideshow layout with span4 in the first question, you can try to put below css styles into templates/ja_mero/css/custom.css file:

    .ja-slideshow {
    margin-left: -X px;
    margin-right: -X px;
    }

    Change X value until you get perfect, 1cm is around 40px.

    3. Is it possible to insert the logo at the same level of the main menu? (as ‘SilentSquall’ in the img attached)

    It will take quite much time of you to reach the requirement in terms of both changing the mainnav and header block layout and also its css styles. It will be great that you can hire or corporate with a Joomla developer to help you handling this task.

    There are 2 steps you want need to do:

    – Move the logo section from header block (header.php) to mainnav block (mainnav.php) and assign the span witdh as you want.

    It is recommended: logo (span2), navigation (span8) and search (span2).

    – Adjust the new layout with css styles to make the elements fitted like your design. You can put the override css styles into templates/ja_mero/css/custom.css file.

    4. How’s possible to change the color (and set my green) of the background of the website?

    You can put these codes into the custom.css i mentioned above:

    body {
    background-color: green;
    }

    francesco bertetti Friend
    #514216

    Thanks for your support, unfortunately I’m unable to change as described in point 1 and 2.

    In fact, as fo my understanding, If I follow your info regarding point 1-step1 (modify on file templatesja_merotplsblocksmainbody-home.php)
    –> I’m deleting right column for position 5 (yellow, light-blue squares… for screenshot)
    then in point 1-step2 (modify on file templatesja_merotplsblocksslideshow.php)
    –> I’m entering column deleted before, with colored square for position 5 (yellow, light-blue squares… for screenshot) in the central body – as displayed in the attached screenshot.

    Regarding answer for question2, I’m not getting any differences by changing file templates/ja_mero/css/custom.css

    Thanks for your help.

    phong nam Friend
    #514329

    Hi,

    You understood the correct idea I suggested you. However, lets me explain it again more clearly. You can see that the position-5 and slideshow position are defined on different block (mainbody & slideshow) while only sidebar position is at the same level with slideshow.

    That is the reason why I suggested you to replace the sidebar position with position-5 inside the slideshow block. And we can just define one position-5 or one sidebar at the same level like your snapshot. You will need to choose one of that 2 positions, not both.

    On the 2nd question, it will be great when you can send me PM with the site’s url so that I can give your more accurate margin value to enlarge the slideshow’s dimensions.

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 4 replies, has 2 voices, and was last updated by  phong nam 10 years, 11 months ago.

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