Joomla Templates Club 406,261 posts

[jmdaniels16 Friend jmdaniels16Join date: March 2010Posts: 3Downloads:0Uploads:0 Thanks: 3]

#155884

We are almost ready to launch an intranet site using JA Droid. But, the top menu really needs something on the top right and left – too much blue. I really like the two modules that are in JA social – the date & tiime of the top right and the ability to put a login button on the top right. Is that possible to do in ja droid?

Thanks, Jeanne

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#361242

You create a new file name “topbar.php” in the templatesja_droidblocks and go to the configuration of this template

and put the following code into this:
[PHP]
<?php
/*
# ————————————————————————
# JA Social Template
# ————————————————————————
# 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 $this->genBlockBegin ($block) ?>

<p class=”ja-day”>
<?php
echo “<span class=”day”>”.date (‘l’).”</span>”;
echo “<span class=”date”>, “.date (‘M’).” “.date (‘d’).date (‘S’).”</span>”;
?>
</p>
<p class=”ja-updatetime”><span><?php echo JText::_(‘Last update’)?></span><em><?php echo T3Common::getLastUpdate(); ?></em></p>

<?php if($this->countModules(‘ja-login’)) : ?>
<div id=”ja-headtools” class=”ja-headtool”>
<ul>
<jdoc:include type=”modules” name=”ja-login” />
</ul>
</div>
<?php endif; ?>

<?php $this->genBlockEnd ($block) ?>

[/PHP]

=> Click to the Layout tab and then you re-configure the Defualt layout:

you find:
[PHP] <block name=”top-panel” type=”modules” style=”raw” main-inner=”1″>top-panel</block>[/PHP]
and replace:
[PHP]
<block name=”top-panel” type=”modules” style=”raw” main-inner=”1″>top-panel</block>
<block name=”topbar” type=”topbar”></block>
[/PHP]
and add the following code into the template.css fle:

/* Top bar —*/
#ja-topbar {
border-bottom: 1px solid #2985A8;
color: #BAE1EF;
font-size: 11px;
position: absolute;
top: 0;
z-index: 16;
background: url(../images/header-bg2.gif);
}

#ja-topbar .main {
height: 28px;
line-height: 28px;
}

#ja-topbar .ja-day {
background: url(../images/sep-w.gif) no-repeat right center;
display: block;
float: left;
margin-left: 15px;
padding-right: 10px;
}

#ja-topbar .ja-updatetime {
float: left;
padding: 0 10px;
}

#ja-topbar .ja-updatetime em {
margin-left: 5px;
font-style: normal;
color: #fff;
}

You can find those image of the css into the ja_social template, or remove it 🙂

1 user says Thank You to Saguaros for this useful post

1. jmdaniels16

[jmdaniels16 Friend jmdaniels16Join date: March 2010Posts: 3Downloads:0Uploads:0 Thanks: 3]

#361283

Thank you so much! This worked great for the date & time. I also copied the html code from the post below to get the login to show on the right. This worked out geat!

http://www.joomlart.com/forums/topic/login-and-top-panel-from-ja-social-added-in-ja-portfolio/

[Dean Howarth Friend Dean HowarthJoin date: September 2014Posts: 126Downloads:0Uploads:4 Thanks: 13]

#362682

Hi I have implemented this ad it works well although the “Create Account” link displays behind my menu, any thoughts on how I can fix this?
http://www.c2conline.com.au/helpdesk/submit-http://www.c2conline.com.au/helpdesk/submit-http://www.c2conline.com.au/helpdesk/submit-ticket

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#362981

<em>@deanandeva 203325 wrote:</em><blockquote>Hi I have implemented this ad it works well although the “Create Account” link displays behind my menu, any thoughts on how I can fix this?
http://www.c2conline.com.au/helpdesk/submit-http://www.c2conline.com.au/helpdesk/submit-http://www.c2conline.com.au/helpdesk/submit-ticket</blockquote>

You open the template.css file:
and find:

#ja-mainnav {
background: url(../images/mainnav-bg.gif) repeat-x left top #18223B;
border-top: 1px solid #3C5189;
position: relative;
z-index: 22;
}

replace:

#ja-mainnav {
background: url(../images/mainnav-bg.gif) repeat-x left top #18223B;
border-top: 1px solid #3C5189;
position: relative;
z-index: 10;
}

[Author]

Posts