Joomla Templates Club 406,261 posts

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#160249

**************************************
To Joomlart Staff, Moderators and Members: I had to repost this because my original post has been HIJACKED by another member, injecting an issue not relevant to the essence of the original Forum thread:

Modularize the Header region like the footer and other positions of Teline IV

posted on 01-31-2011 02:07 AM (JA Forum stamp)
JA Ticket # ERN-723-54268
No relevant response as of 20110215

Please do not hijack this thread, again. If it remains unanswered, so be it.

CGC
****************************************

Hello,

Right now, many components of the header section are hardwired in the scripting including:

• Date
• Update
• Logo
• cPanel
• Magazine Menu
• borderline

They are fixed and it requires some knowledge of the script and time-consuming tracking where they are located to modify the position of these components of the header.

In contrast, the footer and almost all other positions of the Teline IV layout have been modularized.

Can some assist in placing all the components in the header be modularized also, just like the footer components and be included as one in the Modules extensions?

In this regard, what needed to be moved in the script of such a Header module so that the “Magazine menu” is also a submodule, as well as other components in the header — just like the submodules in the “footer” could be published and unpublished, as desired?

With a header module, it would be easier to move each submodule around, even outside the header. For example, I moved the Search, News Sticker to clear the very top of the page, and possibly have the very top cleared as a position where one could move anything, e.g., the Magazine menu sub “module”, at the very top.

I am sure you have seen magazines, and especially online where the logois placed vertically on the left side. Joomlart template include layouts where, the “main navigational menu” are hardwired at the very top.

By modularizing the subcomponent of the header region, just like the footer and most other components of the Teline IV, it gives website creators more options in customizing the layout.

“Let a thousand flowers bloom!” — to paraphrase Mao (???). In this case, a thousand more design layout possibilities by modularizing the header region, just like the other positions in the Teline IV.

Thanks.

Cornelio

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#376865

Here’s a concept of the modularized header:

________________________________________________________________

________________________________________________________________

There are four (4) “full-width span” sub-positions in the header module

Codes:

1. top_most
2. top_mid – current Header default position
3. top_bot01 – current Magazine menu default position
4. top_bot02 – New align right position
5. top_bot03

In the proposed modularization, the “Logo” script, the “Magazine menu” script, “Day Date Time” scripts, etc. will be converted into “stand alone” modules, just like the Search, etc., and appear in the Modules Manager window.

This way, each of the said modules, e.g., “Logo” module, the “Magazine menu” module, “Day Date Time” module, etc. can be

1. placed in any of the above header sub-positions
2. turn ON (appear) or OFF (not appear)
3. or placed in other positions in the Frontpage, or other pages

as desired. Just like the other modules.

The examples given are the revised positions of the SEARCH module, a new DAY DATE TIME module.

Cornelio

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#376942

Dear Cornelio,

Your post is so long and I am sorry but I am not clear on this,Can you explain exactly what you wanted with the modules on the header block.
It would be more clearer if you attach an image show out the issue.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#377065

Dear Cornelio,

if you want to play around with the module positions on the header area just try as following
open the file of templatesja_teline_ivblockstopbar.php
on this file you can add or remove the module positions as you wanted.

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#377226

Thanks dathq.

Please see image included in first response. There are several parts actually.

First part of the task:

How do I create the following whole width-span (980px) positions in the header section?

1. top_most
2. top_mid – current Header default position
3. top_bot01 – current Magazine menu default position
4. top_bot02 – New align right position
5. top_bot03

as shown in the image below:

Notes:

I included the above subpositions in the “templateDetails.xml” so they now appear as potential positions to use.

Questions

What would be the CSS markups that must be added to define these subpositions (just one example, e.g., the “top_most”) should suffice.

Also, How should the above subpositions be arranged in the “header” block?

Cornelio

<em>@dathq 221971 wrote:</em><blockquote>Dear Cornelio,

if you want to play around with the module positions on the header area just try as following
open the file of templatesja_teline_ivblockstopbar.php
on this file you can add or remove the module positions as you wanted.</blockquote>

I know how to mainpulate those, I can move the blocks there, but they remain at the header sections. I can move the components there that are already in modular form (like the Search, the News Ticker, because they are already in Modules Manager as modules.

There is a block in the header block but no module yet for the following:

1. logo
2. magazine menu
3. date

I tried to outline how to create the logo module, below. Just not sure if it is correct.

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#377233

dathq,

I think to create a logo module, it is likely to include the following:

1. First Step: Create a “logo.php” file:

[PHP]
<?php
/*
# ————————————————————————
#Place LOGO only script below
# Do not include any other features
# Is the “header.php” (see below) equivalent to a logo.php???
# ————————————————————————
*/
?>

<?php
$app = & JFactory::getApplication();
$siteName = $app->getCfg(‘sitename’);
if ($this->getParam(‘logoType’, ‘image’)==’image’): ?>
<h1 class=”logo”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>
</h1>
<?php else:
$logoText = (trim($this->getParam(‘logoText’))==”) ? $siteName : JText::_(trim($this->getParam(‘logoText’)));
$sloganText = JText::_(trim($this->getParam(‘sloganText’))); ?>
<div class=”logo-text”>
<h1><a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $logoText; ?></span></a></h1>
<p class=”site-slogan”><span><?php echo $sloganText;?></span></p>
</div>
<?php endif; ?>

<div class=”ja_logo”>
<jdoc:include type=”modules” name=”logo” />
</div>
[/PHP]

2. Second Step Place “ogo.php” file in “blocks” directory => “templates” => “ja_teline_iv” => “blocks” => “ogo.php“
3. Third Step: Assign the “LOGO” only module to one of the subpositions outlined in previous response here.

Question. Is the above a complete step to create a new LOGO module?

Cornelio

Is the “header.php” (shown below) equivalent to a logo.php???

[PHP]<?php
/*
# ————————————————————————
# JA Teline IV
# ————————————————————————
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license – Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com – http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
# ————————————————————————
*/
?>

<?php
$app = & JFactory::getApplication();
$siteName = $app->getCfg(‘sitename’);
if ($this->getParam(‘logoType’, ‘image’)==’image’): ?>
<h1 class=”logo”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>
</h1>
<?php else:
$logoText = (trim($this->getParam(‘logoText’))==”) ? $siteName : JText::_(trim($this->getParam(‘logoText’)));
$sloganText = JText::_(trim($this->getParam(‘sloganText’))); ?>
<div class=”logo-text”>
<h1><a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $logoText; ?></span></a></h1>
<p class=”site-slogan”><span><?php echo $sloganText;?></span></p>
</div>
<?php endif; ?>

<div class=”ja-header-r”>
<jdoc:include type=”modules” name=”header-r” />
</div>
[/PHP]

what part of the header.php script defines the “LOGO only scripts“.

Key Question: What else is needed to create a “LOGO only Module” and make this “LOGO only Module” appear in Modules Control Panel, in the Backend

BackEnd => Extensions => Modules Manager => logo.php

[Author]

Posts