[SOLVED] How to add banner size 728x90 beside of logo

Post a reply
GK User
Fri Sep 30, 2011 8:15 am
Over 23 your very helpful thanks man, im going to try too see ;) and i will post ya back 1 milion thanks ;)
User avatar
Junior Boarder
GK User
Fri Sep 30, 2011 8:16 am
ove23 wrote:woww work 100 % thanks ercan-usta :)

http://crazyclubbing.com/


;)
User avatar
Gold Boarder
GK User
Fri Sep 30, 2011 8:23 am
ercan-usta, heheh thank for you is for sure but i have some problems and he helped me alot ;)
User avatar
Junior Boarder
GK User
Fri Sep 30, 2011 11:07 am
121261 wrote:Hi Ove23

This is what I`ve done so far:

1.
I`ve set up a testsite on joomla 1.5

2.
Put in module positions logobanner1 and logobanner2 in templateDetails.xml

3.
Copied logo.php into /layouts/blocks

4.
added your code to templates.css

#logobanner2 {
position: absolute;
max-width: 970px;
top: 60px;
right: 5px;
bottom: 20px;}

5.
Made a custom module with a banner image, and loaded it in position logobanner2

as you can see on the image I`m not close yet.

the logo is not left positioned
the banner dont show
the topbar is missing

top-error1.jpg


I can send you login details for the site, if you would have a look backend.

best regards
121261



yes send me the info ! pm me
User avatar
Junior Boarder
GK User
Fri Sep 30, 2011 11:52 am
Hi again ove23 - Maybe its me, but I cant find any PM button on this forum ???

do you have an email I can send the details to.
User avatar
Expert Boarder
GK User
Fri Sep 30, 2011 12:33 pm
[email protected] :)
User avatar
Junior Boarder
GK User
Fri Sep 30, 2011 3:31 pm
ok :) for joomla 1.5 is the Top.php .. joomla .1.5 dont have the logo.php
here the code and the zip
top.zip



<div id="gk-logo-wrap">
<?php if($this->countModules('logobanner1')) : ?>
<div id="logobanner1">
<jdoc:include type="modules" name="logobanner1" style="none" />
</div>
<?php endif; ?>
<?php if($this->countModules('logobanner2')) : ?>
<div id="logobanner2">
<jdoc:include type="modules" name="logobanner2" style="none" />
</div>
<?php endif; ?>
User avatar
Junior Boarder
GK User
Sat Oct 01, 2011 4:08 am
How do I make this position?

Adsz_2011-10-01.jpg
User avatar
Gold Boarder
GK User
Sat Oct 01, 2011 8:54 am
go to .../templates/gk_twn2/layouts/default.php

look for <?php $this->menu->genMenu($this->getParam('startlevel', 0)+1, $this->getParam('endlevel',-1));?>
</div>

and add


<?php else: ?>
<?php if( $this->modules('logobanner3')) : ?>
<div id="gklogobanner3" class="clear clearfix">
<jdoc:include type="modules" name="logobanner3" style="<?php echo $this->module_styles['logobanner3']; ?>" />
</div>
<?php endif; ?>
User avatar
Junior Boarder
GK User
Sat Oct 01, 2011 9:58 am
wow thanks keep costimize your templates and share with us :D thankssss
User avatar
Junior Boarder
GK User
Sat Oct 01, 2011 10:15 am
public_html/templates/gk_twn2/layouts/default.php on line 79
User avatar
Gold Boarder
GK User
Sat Oct 01, 2011 10:24 am
tropoja wrote:wow thanks keep costimize your templates and share with us :D thankssss


lol youwelcome :)
User avatar
Junior Boarder
GK User
Sat Oct 01, 2011 10:34 am
How do I?

I could not.
User avatar
Gold Boarder
GK User
Sat Oct 01, 2011 10:41 am
here the default.php


default.zip
User avatar
Junior Boarder
GK User
Sat Oct 01, 2011 10:46 am
over23 and ercan-usta, i know im asking you to much but please i have a problem i dont know if you have too i have disabled the logobanner 2 and i have costumized the logo to feet full template 1000px its very good and i have logobanner 1 as you have with facebook logo etc ,its great but please why when i enter in article the banner 1 isnt there ??????? its show the main logo only??? can you help me, i didnt see this problem?
User avatar
Junior Boarder
GK User
Sat Oct 01, 2011 10:47 am
Over 23 your very helpful thanks man, im going to try too see and i will post ya back 1 milion thanks


:D:D:DD:
User avatar
Gold Boarder
GK User
Sat Oct 01, 2011 10:48 am
hahahahaha my bad so sorry forgot to make it show in all pages hmmm im sorry :D
User avatar
Junior Boarder
GK User
Sat Oct 01, 2011 10:49 am
the logobanner1 is in all pages ? or only home

expl.:

Module Assignment : on all pages ?
User avatar
Junior Boarder
GK User
Sat Oct 01, 2011 12:36 pm
yeap thanks was my bad not assignment to all pages but i fixed that right away , over23 is there anyway i can make in this template article foto look lake in this portal its always in that position and sime size , is there anyway or need deep knowlegde? to do that


example http://www.telegrafi.com/teknologji/iph ... 4-760.html

just asking cuz im feeling friendly with ya:D
User avatar
Junior Boarder
GK User
Sat Oct 01, 2011 2:29 pm
yes for that you need to style your k2.css or use @ new k2 layout
User avatar
Junior Boarder
GK User
Sat Oct 01, 2011 2:41 pm
hmmm so its difficult? , can be done in template becuase i have removed k2 from my site it was to much in this beggining for me, so now im using only joomla with template...

okey when you have extra free time, if you dont mind helping me in this , cuz im so new to joomla im loosing all day only in 1 thing :d im so behind doing the site ...

thanks .
User avatar
Junior Boarder
GK User
Tue Oct 11, 2011 6:56 am
Hi guys...

Please help me to make banner position like crazyclubbing.com/. Its look very nice.

I am using joomla 1.7

Really apreciate for your help :)
User avatar
Fresh Boarder
GK User
Thu Nov 03, 2011 6:02 pm
pls i cant find it here can u help


<?php

/*
#------------------------------------------------------------------------
# The World News II - #6 2011 template (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
#------------------------------------------------------------------------
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
$this->_basewidth = 20;
$positions = array (
'left1' =>'left1',
'left2' =>'left2',
'left-mass-top' =>'left_top',
'left-mass-bottom' =>'left_bottom',
'right1' =>'right1',
'right2' =>'right2',
'right-mass-top' =>'right_top',
'right-mass-bottom' =>'right_bottom',
'content-mass-top' =>'top',
'content-mass-bottom' =>'bottom',
'content-top' =>'adv_top',
'content-bottom' =>'adv_bottom',
'inset1' =>'inset1',
'inset2' =>'inset2'
);

$this->customwidth('right', $this->_tpl->params->get("right_column"));
$this->customwidth('right2', $this->_tpl->params->get("right2_column"));
$this->customwidth('left', $this->_tpl->params->get("left_column"));
$this->customwidth('left2', $this->_tpl->params->get("left2_column"));
$this->customwidth('inset1', $this->_tpl->params->get("inset1_column"));
$this->customwidth('inset2', $this->_tpl->params->get("inset2_column"));

$this->definePosition ($positions);
$this->loadBlock('definitions');

$user =& JFactory::getUser();
// getting User ID
$userID = $user->get('id');
// defines if register is active
define('GK_REGISTER', ($this->countModules('register') ? $userID == 0 : false));
// defines if login is active
define('GK_LOGIN', $this->countModules('login'));

?>
<?php if ($this->isIE()) : ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<?php else : ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php endif; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<?php
$this->loadBlock('head');
$this->useCache($this->getParam('css_compress'), $this->getParam('css_cache'));
?>
</head>

<body id="bd" class="fs<?php echo $this->getParam(GK_TOOL_FONT);?> <?php echo $this->browser();?>">
<?php if($this->isIE6() && $this->_tpl->params->get('ie6bar') == 1) : ?>
<div id="infobar">
<a href="http://browsehappy.com"><?php echo JText::_('IE6_BAR'); ?></a>
</div>
<?php endif; ?>

<div id="gk-page" class="main clear">


<!-- MAIN NAVIGATION -->
<?php $this->loadBlock('top'); ?>
<?php $this->loadBlock('nav'); ?>
<jdoc:include type="message" />
<!-- TOP MODULES -->
<?php $this->loadBlock('topsl'); ?>
<?php if($this->checkComponent() || $this->checkMainbody() || $this->countModules($this->getPositionName('left1').' + '.$this->getPositionName('left2').' + '.$this->getPositionName('left-mass-top').' + '.$this->getPositionName('left-mass-bottom').' + '.$this->getPositionName('right1').' + '.$this->getPositionName('right2').' + '.$this->getPositionName('right-mass-top').' + '.$this->getPositionName('right-mass-bottom').' + '.$this->getPositionName('content-mass-top').' + '.$this->getPositionName('content-mass-bottom').' + '.$this->getPositionName('content-top').' + '.$this->getPositionName('content-bottom').' + '.$this->getPositionName('inset1').' + '.$this->getPositionName('inset2'))) : ?>
<!-- MAIN CONTAINER -->
<div id="gk-container">
<div class="static clearfix">
<div id="gk-mainbody" style="width:<?php echo $this->getColumnWidth('mw') ?>%">
<?php $this->loadBlock('left') ?>
<?php $this->loadBlock('main') ?>
</div>
<?php $this->loadBlock('right') ?>
</div>
</div>
<?php endif; ?>
<!-- USER MODULES -->
<?php $this->loadBlock('usersl') ?>
</div>

<div id="gk-bottom-wrap" class="main clear">
<!-- BOTTOM MODULES -->
<?php $this->loadBlock('botsl') ?>
</div>

<div id="gk-footer" class="main">
<!-- FOOTER -->
<?php $this->loadBlock('footer') ?>
<?php if($this->_tpl->params->get('t3_logo')) : ?>
<a href="http://wiki.joomlart.com/wiki/JA_Template_Framework/Overview" target="_blank" id="t3_logo">Powered by T3 Framework</a>
<?php endif; ?>
</div>

<?php if(GK_LOGIN) : ?>
<div id="gk-popup-login">
<div class="gk-popup-wrap">
<?php $this->loadBlock('usertools/login'); ?>
</div>
</div>
<?php endif; ?>

<?php if(GK_REGISTER) : ?>
<div id="gk-popup-register">
<div class="gk-popup-wrap">
<?php $this->loadBlock('usertools/register'); ?>
</div>
</div>
<?php endif; ?>

<?php if(GK_LOGIN || GK_REGISTER) : ?>
<div id="gk-popup-overlay"></div>
<?php endif; ?>

<jdoc:include type="modules" name="debug" />
</body>
</html>
User avatar
Fresh Boarder
GK User
Sat Nov 05, 2011 8:54 pm
willy321 what you need ?
User avatar
Junior Boarder
GK User
Thu Dec 08, 2011 1:47 pm
Ove23: Pls help me. I have TWN2 for Joomla 1.5. I change top.php, but have a 1 problem:

Background is transparent under the new logobanner2 position and the logo posititon . I would like to be white background.

thanx for help.
User avatar
Senior Boarder
GK User
Sun Dec 11, 2011 3:22 pm
Hi all I am using joomla 1.7

Made the changes to template.css and logo.php

But I still not can see the module positions :(
logobanner1
logobanner2
logobanner3

Like ercan-usta recommended?

I like to do the some as the picture below from ( ercan-usta)

Any help on this it would be great.
Thanks
cjcesar
Screen shot 2011-12-11 at 14.05.50.jpg
User avatar
Junior Boarder
GK User
Mon Dec 12, 2011 10:38 am
/public_html/templates/gk_twn2/css /template.css
Code: Select all
/*
#------------------------------------------------------------------------
# The World News II - July 2011 template (for Joomla 1.6/1.7)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/


/* Basic elements */
html { background: #d9d9d9 url('../images/style1/bg1.jpg') no-repeat center top; }
body { line-height:1.8; min-height:100%; background: transparent url('../images/style1/bg2.png') no-repeat center top; color: #444; }
a { text-decoration: none; color: #000; }
a:hover,
a:active,
a:focus { color: #a5240e; }
h1,
h2,
h3,
h4,
h5 { font-weight: normal; }
h1 { font-size:380% }
h2 { font-size:350% }
h3 { font-size:135% }
h4 { font-size:110% }
h5 { font-size:100% }
ul { list-style:none; }
ul li { line-height:2.6; }
p { margin: 0.1em 0 }

/* Logo  */
h1#gkLogo { margin: 0 auto; float: left; padding: 0; width: 200px; height: 90px; position: relative; top: 5px; }
h1#gkLogo a { background: url('../images/style1/logo.png') no-repeat 0 0; display: block; margin: 0; text-indent: -999em; width: 270px; height: 90px; }
h1.gkLogo.text { width: auto; margin: 0; padding-top: 30px; }
h1.gkLogo.text a { display: block; background:none!important; font-size: 18px; line-height: 64px; font-weight:normal; text-indent: 0; text-align: center }
h1.gkLogo.text a { padding: 0; width: auto!important; }
h1.gkLogo.text .gkLogoSlogan { font-size: 12px!important; line-height: 10px; color: #666!important; margin: 32px 0 18px 0; }
/* menu block */
#gkLogoWrap { min-height: 140px; position: relative;background: transparent; }
#gkTopMenu { height: 39px; line-height: 37px; background: #cb260a; border-bottom: 1px solid #f93d1c; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; }
#gkTopMenu1 .menu { float: left; font-size: 10px; color: #fff; text-shadow: -1px -1px 0 #a92009; text-transform: uppercase; font-weight: bold; line-height: 37px; }
#gkTopMenu1 .menu li { float: left; padding: 0 10px 0 14px; background: transparent url('../images/style1/separator_color.png') no-repeat left center; }
#gkTopMenu1 .menu li a { line-height:37px; color: #fff; display: block; }
#gkTopMenu1 .menu li a:hover,
#gkTopMenu1 .menu li a:focus,
#gkTopMenu1 .menu li a:active { color: #fff; text-decoration: underline; }
#gkTopMenu1 .menu li:first-child { padding-left: 17px; background:none; }
#gkSearch { float: right; padding: 7px; }
#gkSearch #mod-search-searchword { height: 23px; line-height: 23px; width: 180px; padding: 0; border: none; font-size: 10px; text-transform: uppercase; color: #4d4d4d; text-indent:10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow:inset 0 0 9px #d0d0d0; -webkit-box-shadow: inset 0 0 9px #d0d0d0; -moz-box-shadow: inset 0 0 9px #d0d0d0; font-family: Arial, Verdana, sans-serif; }
#gkMenuWrap { margin-bottom: 12px; }
#gkMainMenu { height: 40px; overflow: hidden; background: transparent url('../images/style1/menu_item.png') repeat-x 0 0; border-bottom: 3px solid #dc2a0b; }
#gkMainMenu > div { border-bottom: 1px solid #ff583b; height: 39px; }
#gkBottomMenu { height: 31px; background: #fafafa url('../images/breadcrumbs_bg.png') repeat-x left bottom; border-bottom: 1px solid #c3c3c3; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; position: relative; }
#gkBreadcrumb { float: left; }
#gkBreadcrumb + #gkTopMenu2 { margin-left: 35px; }
#gkTopMenu2 { float: left; margin-left: 0; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; opacity: 1; }
#gkTopMenu2 .menu { float: left; font-size: 10px; color: #686868; text-shadow: 1px 0 0 #fff; text-transform: uppercase; font-weight: bold; line-height: 30px!important; }
#gkTopMenu2 .menu li { float: left; padding: 0 10px 0 14px; background: transparent url('../images/separator_white.png') no-repeat left center; }
#gkTopMenu2 .menu li a { line-height:30px!important; color: #686868; display: block; }
#gkTopMenu2 .menu li a:hover { color: #686868; text-decoration: underline; }
#gkTopMenu2 .menu li:first-child { padding-left: 17px; background:none; }
/* middle menu */
#gkMiddleMenu { height: 31px; background: #3b3b3b url('../images/dropline_bg.jpg') repeat-x left bottom; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; }
#gkMiddleMenu .menu { float: left; font-size: 10px; color: #fff; text-shadow: 0 1px 0 #000; text-transform: uppercase; font-weight: bold; line-height: 30px!important; }
#gkMiddleMenu .menu li { float: left; padding: 0 10px 0 14px; background: transparent url('../images/separator_dark.png') no-repeat left center; }
#gkMiddleMenu .menu li a { line-height:30px!important; color: #fff; display: block; }
#gkMiddleMenu .menu li a:hover { color: #fff; text-decoration: underline; }
#gkMiddleMenu .menu li:first-child { padding-left: 17px; background:none; }
/* ajax search */
.gk_ajax_search_results .search-results dt.result-title { font-size: 12px; }
/* breadcrumbs at top */
#gkBreadcrumb { position: absolute; top: 4px; left:11px; width: 21px; height: 21px; background: transparent url('../images/breadcrumbs_icon.png') no-repeat left top; cursor: pointer; z-index:1; overflow: hidden; }
#gkBreadcrumb .breadcrumbs { background: transparent url('../images/breadcrumbs_icon.png') no-repeat left -21px; margin-left: -9999px; width: auto; float: left; opacity: 0; font-size: 11px; }
#gkBreadcrumb .breadcrumbs li.separator { display: block; float: left; width: 4px; margin: 0 10px; height: 21px; background: transparent url('../images/separator_white.png') no-repeat left 9px; text-indent:-999em; }
#gkBreadcrumb .breadcrumbs li a { color: #666; }
#gkBreadcrumb .breadcrumbs li.pathway { color: #cb260a; }
#gkBreadcrumb .breadcrumbs li a:hover { color: #000; }
#gkBreadcrumb .breadcrumbs > ul { margin-left: 21px; background: transparent url('../images/breadcrumbs_icon.png') no-repeat right bottom; height: 21px; line-height: 21px; padding: 0 15px 0 8px; }
#gkBreadcrumb .breadcrumbs > ul > li { float: left; width: auto; clear: none; line-height: 21px; }
#gkBreadcrumb:hover { width: 80%; }
#gkBreadcrumb .breadcrumbs { -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
#gkBreadcrumb:hover .breadcrumbs { margin-left: 0; opacity: 1; }
#gkBreadcrumb:hover + #gkTopMenu2 { opacity: 0; filter: alpha(opacity=0); }
/* standard breadcrumb */
#gkBreadcrumbMainbody { height: 40px; cursor: pointer; z-index:1; margin-bottom: 12px; background: url('../images/bread_bg.png') repeat-x 0 0; border-radius: 3px; }
#gkBreadcrumbMainbody > div { height: 32px; border-bottom: 1px solid #f0f0f0; padding: 8px 12px 0; }
#gkBreadcrumbMainbody .breadcrumbs { width: auto; float: left; font-size: 12px; }
#gkBreadcrumbMainbody .breadcrumbs li.separator { display: block; float: left; width: 4px; margin: 0 10px; height: 21px; background: transparent url('../images/separator_white.png') no-repeat left 12px; text-indent:-999em; }
#gkBreadcrumbMainbody .breadcrumbs li a { color: #888; }
#gkBreadcrumbMainbody .breadcrumbs li.pathway { color: #cb260a; }
#gkBreadcrumbMainbody .breadcrumbs li a:hover { color: #000; }
#gkBreadcrumbMainbody .breadcrumbs > ul { margin-left: 0; height: 26px; padding: 0 15px 0 0; }
#gkBreadcrumbMainbody .breadcrumbs > ul > li { float: left; width: auto; clear: none; line-height: 26px; }
/* tools */
#gkTools { float: right; }
#gkTools a { display: block; float: right; width: 11px; height: 9px; margin: 7px 0 0 3px; text-indent: -99999em; background: transparent url('../images/font_size.png') no-repeat -44px 0; }
a#gkToolsReset { background-position: -24px 0; margin-left: 6px }
a#gkToolsDec { background-position: 0 0 }
/* top highlighter */
#gkHighlighter {position: absolute;left: 300px;bottom: 105px;width: 45%;}
/* userarea */
#gkButtons { background: transparent url('../images/style1/top_btn_left.png') no-repeat left top; height: 21px; line-height: 21px; padding-left: 14px; float: right; width: auto; position: absolute; top: 15px; right: 30px; }
#gkButtons > div { background: transparent url('../images/style1/top_btn_right.png') no-repeat right top; height: 21px; }
#gkButtons a { font-size: 9px; font-weight: bold; color: #545454; text-transform: uppercase; }
#gkButtons a:active,
#gkButtons a:focus,
#gkButtons a:hover { color: #cb260a; }
#gkButtons a:first-child { margin-left: -14px; }
#gkButtons #btnLogin { display: block; float: left; height: 21px; padding: 0 0 0 14px; background: transparent url('../images/style1/top_btn_left.png') no-repeat left bottom; }
#gkButtons #btnLogin span { display: block; float: left; height: 21px; padding: 0 10px 0 0; background: transparent url('../images/style1/top_btn_right.png') no-repeat right bottom; }
#gkButtons #btnRegister { display: block; float: left; height: 21px; padding: 0 0 0 14px; }
#gkButtons #btnRegister span { display: block; float: left; height: 21px; padding: 0 14px 0 0; }
/* Containers*/
#gkContentMainbody { background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#gkComponent { margin: 0 12px; }
/* middlenavs */
#gkMiddleNav1,
#gkMiddleNav2 { background: #fafafa url("../images/breadcrumbs_bg.png") repeat-x left bottom; height: 31px; border-bottom: 1px solid #C3C3C3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 8px; }
#gkMiddleNav1 .menu,
#gkMiddleNav2 .menu { float: left; font-size: 10px; color: #686868; text-shadow: 1px 0 0 #fff; text-transform: uppercase; font-weight: bold; line-height: 30px!important; }
#gkMiddleNav1 .menu li,
#gkMiddleNav2 .menu li { float: left; padding: 0 10px 0 14px; background: transparent url('../images/separator_white.png') no-repeat left center; }
#gkMiddleNav1 .menu li a,
#gkMiddleNav2 .menu li a { line-height:30px!important; color: #686868; display: block; }
#gkMiddleNav1 .menu li a:hover,
#gkMiddleNav2 .menu li a:hover { color: #686868; text-decoration: underline; }
#gkMiddleNav1 .menu li:first-child,
#gkMiddleNav2 .menu li:first-child { padding-left: 17px; background:none; }
/* footer */
#gkFooterWrap {
width: 100%;
margin: 1px auto;
overflow: hidden;
text-align: center;
font-size: 10px;
color: #333;
text-shadow: 0 1px white;
background: white;
}
#gkFooterWrap a { color: #444; }
#gkFooterWrap a:hover { color: #000; }
#gkCopyrights span { font-size: 11px; line-height: 15px; color: #555; }
#gkFooterNav li { display: inline; font-weight: bold; margin-left: 16px; padding-left: 16px; background: url('../images/footer_bullet.png') no-repeat 0 4px; }
#gkFooterNav li:first-child { margin: 0; padding: 0; background: none; }
#gkStyleArea { margin: 24px auto 0; width: 76px; }
#gkStyleArea a { display: inline; float: left; margin: 0 6px 0 0; width: 6px; height: 7px; text-indent: -99999em; background: url('../images/color_switcher.png') no-repeat; }
a#gkStyle2 { background-position: 0 -9px; }
a#gkStyle3 { background-position: 0 -18px; }
a#gkStyle4 { background-position: 0 -27px; }
a#gkStyle5 { background-position: 0 -36px; }
a#gkStyle6 { background-position: 0 -45px; }
#gkFrameworkLogo {
display: block;
width: 140px;
height: 1px;
background: url('../images/framework-logo.png') no-repeat 0 0;
text-indent: -9999em;
margin: 0px auto 0;
padding-bottom: 40px;
opacity: 0.3;
}
/* Suffixes */
#gkPage .box,
#gkPage .box_menu,
#gkPage .box_text { overflow: hidden; margin-top:8px; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
#gkPage .box:first-child,
#gkPage .box_menu:first-child,
#gkPage .box_text:first-child { margin-top: 0!important; }
#gkPage .box > div,
#gkPage .box_menu > div,
#gkPage .box_text > div { margin: 12px; }
#gkPage .box_content { padding: 0; overflow: hidden; color:#444; font-size:13px; line-height:1.2; }
#gkPage .box li,
#gkPage .box_text li { background: transparent url('../images/style1/bullet_color.png') no-repeat left 10px; line-height: 24px; padding-left: 13px; }
#gkPage .box li:first-child,
#gkPage .box_menu li:first-child,
#gkPage .box_text li:first-child { }
/*--- default */
#gkPage .box > div > h3.header,
#gkPage .box_text > div > h3.header { height: 15px; font-size: 18px; font-weight: normal; text-transform: uppercase; margin: 22px 0 14px 0; padding: 0; border-bottom: 1px solid #e0e0e0; border-top: 3px solid #ea1c1c; color: #333; }
#gkPage .box > div > h3.header > span,
#gkPage .box_text > div > h3.header > span { margin-top: -18px; display: block; padding-right: 12px; background: #fff; float: left; }
/* dotted */
#gkPage .box.dotted > div > h3.header,
#gkPage .box_text.dotted > div > h3.header { border-top: none!important; border-bottom: none!important; height: 19px!important; margin: 18px 0 14px 0!important; background: transparent url('../images/dotted_bg.png') repeat-x 0 0; }
#gkPage .box.dotted > div > h3.header > span,
#gkPage .box_text.dotted > div > h3.header > span { margin-top: -14px!important; }
/* advert */
#gkPage .box.advert h3.advert { border-bottom:1px solid #e0e0e0; color:#a5a4a4; font-size: 9px; text-transform: uppercase; line-height: 9px; padding-bottom: 6px; margin-bottom: 6px; text-align: right; font-weight: normal; }
/* colors */
#gkPage .box.red > div > h3.header,
#gkPage .box_text.red > div > h3.header { border-top-color: #ea1c1c; }
#gkPage .box.blue > div > h3.header,
#gkPage .box_text.blue > div > h3.header { border-top-color: #0e67a5; }
#gkPage .box.green > div > h3.header,
#gkPage .box_text.green > div > h3.header { border-top-color: #92c62d; }
#gkPage .box.grey > div > h3.header,
#gkPage .box_text.grey > div > h3.header { border-top-color: #b2b2b2; }
#gkPage .box.black > div > h3.header,
#gkPage .box_text.black > div > h3.header { border-top-color: #333; }
#gkPage .box.orange > div > h3.header,
#gkPage .box_text.orange > div > h3.header { border-top-color: #e2831d; }
#gkPage .box.bronze > div > h3.header,
#gkPage .box_text.bronze > div > h3.header { border-top-color: #88371b; }
#gkPage .box.pink > div > h3.header,
#gkPage .box_text.pink > div > h3.header { border-top-color: #c62d75; }
#gkPage .box.gold > div > h3.header,
#gkPage .box_text.gold > div > h3.header { border-top-color: #c6952d; }
#gkPage .box.violet > div > h3.header,
#gkPage .box_text.violet > div > h3.header { border-top-color: #992dc6; }
#gkPage .box.yellow > div > h3.header,
#gkPage .box_text.yellow > div > h3.header { border-top-color: #ebed38; }
/* - _menu */

#gkPage .box_menu {  }
#gkPage .box_menu > div { margin: 0; }
#gkPage .box_menu div.content { margin: 12px; }
#gkPage .box_menu > div > h3.header { background: #fff; border-bottom: 1px solid #e3e3e3; margin: 0; width: 100%; float: none; border-top: none; height: auto; }
#gkPage .box_menu > div > h3.header > span { font-size: 20px; text-transform: uppercase; line-height: 42px; height: 38px; margin: 1px; color: #333; text-indent: 12px; display: block; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #eee; float: none; text-shadow: 0 1px 0 #fff; }


/* - big */
#gkPage .box.big > div,
#gkPage .box_text.big > div { margin: 0; }
#gkPage .box.big div.content,
#gkPage .box_text.big div.content { margin: 12px; }
#gkPage .box.big > div > h3.header,
#gkPage .box_text.big > div > h3.header { background: #fff; border-bottom: 1px solid #e3e3e3; margin: 0; width: 100%; float: none; border-top: none; height: auto; }
#gkPage .box.big > div > h3.header > span,
#gkPage .box_text.big > div > h3.header > span { font-size: 20px; text-transform: uppercase; line-height: 42px; height: 38px; margin: 1px; color: #888; text-indent: 12px; display: block; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #eee; float: none; text-shadow: 0 1px 0 #fff; }
/* - dark */
#gkPage .box.dark,
#gkPage .box_text.dark { background: #333; color: #b1b1b1; }
#gkPage .box.dark h3,
#gkPage .box_text.dark h3 { color: #fff; }
#gkPage .box.dark > div,
#gkPage .box_text.dark > div { margin: 0; }
#gkPage .box.dark div.content,
#gkPage .box_text.dark div.content { margin: 12px; }
#gkPage .box.dark > div > h3.header,
#gkPage .box_text.dark > div > h3.header { background: #333; border-bottom: 1px solid #3e3e3e; margin: 0; width: 100%; float: none; border-top: none; height: auto; }
#gkPage .box.dark > div > h3.header > span,
#gkPage .box_text.dark > div > h3.header > span { text-transform: uppercase; line-height: 38px; min-height: 38px; margin: 1px; color: #fff; text-indent: 12px; display: block; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #444; float: none; text-shadow: 0 1px 0 #222; }
#gkPage .box.dark a,
#gkPage .box_text.dark a { color: #fff; }
#gkPage .box.dark a:hover,
#gkPage .box_text.dark a:hover { color: #cb260a; }
#gkPage .box.dark li,
#gkPage .box_text.dark li { background: transparent url('../images/separator_white.png') no-repeat left 10px; line-height: 24px; padding-left: 13px; }
/* - color */
#gkPage .box.color,
#gkPage .box_text.color { background: #dc2f10; color: #f9b2a6; }
#gkPage .box.color > div,
#gkPage .box_text.color > div { margin: 0; }
#gkPage .box.color div.content,
#gkPage .box_text.color div.content { margin: 12px; }
#gkPage .box.color > div > h3.header,
#gkPage .box_text.color > div > h3.header { background: #c6250a url('../images/style1/color_header_bg.png') repeat-x left top; border-bottom: 1px solid #ee4d30; margin: 0; width: 100%; float: none; border-top: none; height: auto; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; }
#gkPage .box.color > div > h3.header > span,
#gkPage .box_text.color > div > h3.header > span { text-transform: uppercase; line-height: 38px; min-height: 38px; margin: 0; padding: 1px; color: #fff; text-indent: 12px; display: block; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #c6250a url('../images/style1/color_header_bg.png') repeat-x left top; float: none; text-shadow: 0 1px 0 #bd2309; }
#gkPage .box.color a,
#gkPage .box_text.color a { color: #fff; }
#gkPage .box.color a:hover,
#gkPage .box_text.color a:hover { color: #f9b2a6; }
#gkPage .box.color li,
#gkPage .box_text.color li { background: transparent url('../images/separator_white.png') no-repeat left 10px; line-height: 24px; padding-left: 13px; }
.dark p.readmore a,
.dark a.readon,
.color p.readmore a,
.color a.readon { color: #fff!important; }
/* - small */
#gkPage .box.small > div > h3.header,
#gkPage .box_text.small > div > h3.header { color: #333; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #d1d1d1; line-height: 37px; margin-bottom: 12px; margin-top: -8px; border-top: none; height:auto!important; font-weight:bold; }
#gkPage .box.small > div > h3.header > span,
#gkPage .box_text.small > div > h3.header > span { margin: auto; background: transparent; float: none; }
/* - clear */
.box.clear,
.box.clear > div,
.box.clear > div > .box_content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; }
.box.clear > div > h3 { display: none; }
/* - no_vmargin */
.box.no_vmargin > div,
.box_menu.no_vmargin > div,
.box_text.no_vmargin > div { margin-top: 0!important; margin-bottom: 0!important; }
/* bottom modules */
#gkBottom1,
#gkBottom2 { background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#gkBottom1 > div,
#gkBottom2 > div { padding: 6px 0 12px 0; }
#gkBottomWrap ul { padding: 0; margin: 0; }
#gkBottomWrap div.k2ItemsBlock ul li  { padding: 0 0 0 15px!important; background: transparent url('../images/style1/bullet_color.png') no-repeat left 10px!important; line-height: 24px!important; font-size: 10px!important; font-weight:bold; text-transform: uppercase; margin: 0!important; }
#gkBottomWrap div.k2ItemsBlock ul li a {font-size: 10px}
#gkBottomWrap li { padding-left: 15px; background: transparent url('../images/style1/bullet_color.png') no-repeat left 10px; line-height: 24px; font-size: 10px; font-weight:bold; text-transform: uppercase; }
#gkBottom1 > .gkColLeft,
#gkBottom2 > .gkColLeft { padding-left: 12px; padding-right: 6px; }
#gkBottom1 > .gkColCenter,
#gkBottom2 > .gkColCenter { padding-left: 6px; padding-right: 6px; }
#gkBottom1 > .gkColRight,
#gkBottom2 > .gkColRight { padding-right: 12px; padding-left: 6px; }
#gkBottom1 > .gkColFull,
#gkBottom2 > .gkColFull { padding-left: 12px; padding-right: 12px; }
#gkBottomWrap .box { }
#gkBottomWrap .box > div > h3.header { color: #333; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #d1d1d1; line-height: 37px; margin-bottom: 12px; font-weight: bold; }
/* popup */
#gkPopupOverlay, #gkPopupLogin, #gkPopupRegister { display: none; overflow: hidden; width: 500px; margin-left: -250px; position: fixed; z-index: 1000002; left: 50%; top: 50%; background: #fff; }
#gkPopupLogin { width: 600px; margin-left: -300px; }
.gkPopupWrap { padding: 025px; }
#gkPopupOverlay { width: 100%; height: 100%; position: fixed; z-index:1000001; top:0; left:0; background:#000; opacity:0.3; filter:alpha(opacity=33); margin-left:0; }
.gkPopupWrap h3 { font-size: 28px; text-transform: uppercase; border-bottom: 1px solid #e7e7e7; margin: 0 0 20px; }
.gkPopupWrap h3 small { font: normal 12px Arial, Helvetica, sans-serif !important; }
.gkPopupWrap h3 small a { text-decoration: underline }
.gkPopupWrap h4 { font-size: 18px; margin: 0 0 12px; }
.gkPopupWrap ul li { }
#gkPopupLogin fieldset { padding: 0!important; }
#gkPopupLogin fieldset label { font-size: 12px }
#gkFBLogin { float: left; width: 45%; }
#gkFBLogin p { line-height: 18px; margin: 14px 0 20px }
#gkFBLogin + #login-form, #gkFBLogin + #com-login-form { float: left; width: 45%; margin-left: 4%; padding-left: 30px; border-left: 1px solid #e7e7e7 }
#form-login-remember { margin: 30px 0 4px; }
#form-login-remember label { color: #777; font-size: 11px; font-weight: normal; vertical-align: top; }
#login-form ul { border-top: 1px solid #E7E7E7; margin: 20px 0; overflow: hidden; padding: 2px 0 0; }
#login-form ul li { float: left; font-size: 11px; }
#login-form ul li:first-child { margin-right: 10px; }
#login-form ul li a { text-decoration: underline }
label#jform_spacer-lbl { font-size: 11px; font-weight: normal; color: #666 }
.logout-button .login-greeting { float: left; margin-right: 32px; font-size: 14px; }
#gkPopupRegister dl dt:first-child { font-size: 10px; display:block; width:100%; }
#gkPopupRegister dt { float: left; width: 35%; clear: both; }
#gkPopupRegister dt, #gkPopupRegister dd { line-height: 41px; height: 41px; }
#gkPopupRegister legend { display: none; }
#member-registration fieldset { padding: 0 0 24px }
#member-registration label { padding: 0 0 0 2px; font-size: 12px; }
#member-registration > div { line-height: 30px; }
#member-registration > div > button { margin-right: 12px; }
#member-registration > div a { text-decoration: underline }
#gkPopupLogin input[type="text"], #gkPopupLogin input[type="password"] { clear: both; display:block; width: 220px; }
#gkPopupRegister input[type="text"], #gkPopupRegister input[type="password"] { width: 250px; }

#logobanner2 {position: absolute; max-width: 719px; top: 49px; right: 10px; bottom: 5px;}
#logobanner3 {position: absolute;float: left;width: 510px;}
#logobanner4 {float: right;right: 500px}
#hwdvids div.sic-right .box > div
{margin:1px;}
#hwdvids {
    width: 100%!important;
    max-width: 100%!important;
    text-align: left;
    overflow: hidden!important;
    font-size: 100%;
    padding-top: 5px;
}

#hwdvids form {
    margin: 0!important;
    padding: 0!important;
}

#hwdvids img {
    border: 0px;
}

#hwdvids a:hover,#hwdvids a:active,#hwdvids a:focus {
        background-color: transparent!important;
}

User avatar
Gold Boarder
GK User
Mon Dec 12, 2011 10:41 am
STAY CONNECTED modüle logobanner1 Publish.
User avatar
Gold Boarder
GK User
Sun Dec 18, 2011 6:36 am
Hey Ercan, all great members who cntributed greatly to this: (Joomla 1.7, twn2 2.5.1)

Used the most recent attached template.css
added the following 2 to logo.php

<?php if( $this->modules('logobanner1')) : ?>
<div id="logobanner1" class="clear clearfix">
<jdoc:include type="modules" name="logobanner1" style="<?php echo $this->module_styles['logobanner1']; ?>" />
</div>
<?php endif; ?>
<?php if( $this->modules('logobanner2')) : ?>
<div id="logobanner2" class="clear clearfix">
<jdoc:include type="modules" name="logobanner2" style="<?php echo $this->module_styles['logobanner2']; ?>" />
</div>
<?php endif; ?>

___

all seems fine, but the format for logobanner1 was never defined in template.css

am i missing something?

http://www.gradina.com
User avatar
Junior Boarder
GK User
Tue Dec 20, 2011 6:20 pm
Thank you ercan-usta it works all fine :D
cjcesar
User avatar
Junior Boarder
GK User
Fri Feb 10, 2012 11:36 pm
I have followed each and every step outlined here but still I can not get it working. The new logobanner positions that I add in template.css as well as in the other mentioned files do not show on my template. Would someone care to lend a helping hand?
User avatar
Senior Boarder
GK User
Sat Feb 11, 2012 6:21 pm
Horisont wrote:I have followed each and every step outlined here but still I can not get it working. The new logobanner positions that I add in template.css as well as in the other mentioned files do not show on my template. Would someone care to lend a helping hand?



/public_html/templates/gk_twn2/layouts/blocks

logo.php

line 23
Code: Select all
<div id="gkLogoWrap">
<?php if( $this->modules('logobanner1')) : ?>
<div id="logobanner1" class="clear clearfix">
      <jdoc:include type="modules" name="logobanner1" style="<?php echo $this->module_styles['logobanner1']; ?>" />
</div>
<?php endif; ?>
<?php if( $this->modules('logobanner2')) : ?>
<div id="logobanner2" class="clear clearfix">
<jdoc:include type="modules" name="logobanner2" style="<?php echo $this->module_styles['logobanner2']; ?>" />
</div>
<?php endif; ?>

--------------------------------------------------------------
/public_html/templates/gk_twn2/css

template.css
line 32
Code: Select all
/* Logo  */
h1#gkLogo { margin: 0 auto; float: left; padding: 0; width: 200px; height: 95px; position: relative; top: 5px; }
h1#gkLogo a { background: url('../images/style1/logo.png') no-repeat 0 0; display: block; margin: 0; text-indent: -999em; width: 270px; height: 90px; }
h1.gkLogo.text { width: auto; margin: 0; padding-top: 30px; }
h1.gkLogo.text a { display: block; background:none!important; font-size: 18px; line-height: 64px; font-weight:normal; text-indent: 0; text-align: center }
h1.gkLogo.text a { padding: 0; width: auto!important; }
h1.gkLogo.text .gkLogoSlogan { font-size: 12px!important; line-height: 10px; color: #666!important; margin: 32px 0 18px 0; }



#logobanner2 {position: absolute;max-width: 780px;top: 43px;right: 50px;bottom: 20px;}
modüle name logobanner1 logobanner2
User avatar
Gold Boarder
GK User
Sat Feb 11, 2012 10:24 pm
Hi ercan-usta, thanks for taking your time. I am working on your solution and will let you know!

Best regards,
User avatar
Senior Boarder
GK User
Sat Feb 11, 2012 11:40 pm
It's me again. I implemented your solution and I have had a partial success. Though the banner is in position it appears as a duplicate!

http://www.samora.no/joomla17
I am not quite sure what is causing this. I hope you have a suggestion!

Regards,
User avatar
Senior Boarder
GK User
Sun Feb 12, 2012 3:17 am
Make a one off logobanner2
logobanner1 STAY CONNECTED publish
User avatar
Gold Boarder
GK User
Sun Feb 12, 2012 10:20 am
Hi ercan-usta, here is my logo.pho file (is there anything am doing wrong here?):
Code: Select all
<?php

// No direct access.
defined('_JEXEC') or die;
$logo_image = $this->getParam('logo_image', '');

if(($logo_image == '') || ($this->getParam('logo_type', '') == 'css')) {
     $logo_image = $this->URLtemplate() . '/images/style1/logo.png';
} else {
     $logo_image = $this->URLbase() . $logo_image;
}

$logo_text = $this->getParam('logo_text', '');
$logo_slogan = $this->getParam('logo_slogan', '');

$user = JFactory::getUser();
// getting User ID
$userID = $user->get('id');
//
$btn_login_text = ($userID == 0) ? JText::_('TPL_GK_LANG_LOGIN') : JText::_('TPL_GK_LANG_LOGOUT');

?>
<div id="gkLogoWrap">
<?php if( $this->modules('logobanner1')) : ?>
<div id="logobanner1" class="clear clearfix">
      <jdoc:include type="modules" name="logobanner1" style="<?php echo $this->module_styles['logobanner1']; ?>" />
</div>
<?php endif; ?>
<?php if( $this->modules('logobanner2')) : ?>
<div id="logobanner2" class="clear clearfix">
      <jdoc:include type="modules" name="logobanner2" style="<?php echo $this->module_styles['logobanner2']; ?>" />
</div>
<?php endif; ?>
   <?php if ($this->getParam('logo_type', 'image')!=='none'): ?>
     <?php if($this->getParam('logo_type', 'image') == 'css') : ?>
  <h1 id="gkLogo">
          <a href="./" class="cssLogo"></a>
     </h1>
     <?php elseif($this->getParam('logo_type', 'image')=='text') : ?>
 
    <?php elseif($this->getParam('logo_type', 'image')=='image') : ?>
    <h1 id="gkLogo">
          <a href="./">
          <img src="<?php echo $logo_image; ?>" alt="<?php echo $this->getPageName(); ?>" />
          </a>
  </h1>
     <?php endif; ?>
     <?php endif; ?>

   <?php if((GK_REGISTER || GK_LOGIN) && !GK_COM_USERS) : ?>
   <div id="gkButtons">
      <div>
         <a href="<?php echo $this->URLbase(); ?>index.php?option=com_users&amp;view=login" id="btnLogin"><span><?php echo $btn_login_text; ?></span></a>
         
         <?php if(GK_REGISTER) : ?>
         <a href="<?php echo $this->URLbase(); ?>index.php?option=com_users&amp;view=registration" id="btnRegister"><span><?php echo JText::_('TPL_GK_LANG_REGISTER'); ?></span></a>
         <?php endif; ?>
      </div>
   </div>
   <?php endif; ?>

   <?php if($this->modules('highlighter')) : ?>
   <div id="gkHighlighter">
      <jdoc:include type="modules" name="highlighter" style="<?php echo $this->module_styles['highlighter']; ?>" />
   </div>
   <?php endif; ?>   
</div>


Edit by NormanUK : Please use code tags when you are posting codes. Thank you...
User avatar
Senior Boarder
GK User
Sun Feb 12, 2012 12:08 pm
Edit by NormanUK : Please use code tags when you are posting codes. Thank you...
Point noted!
User avatar
Senior Boarder
GK User
Sun Feb 12, 2012 1:31 pm
I am getting closer. Now I have been able to position the banner without a duplicate. However, it is a bit lower on the front side while it is ok on all other pages. This is both a headache and a nightmare!

http://www.samora.no/joomla17
User avatar
Senior Boarder
GK User
Thu Feb 16, 2012 2:49 am
is there any diference doing this in joomla 2.5 ,becouse i tried oll of this ,but it+s like impossible to get it right.Thank You
User avatar
Junior Boarder
GK User
Thu Feb 16, 2012 3:15 am
ove23 wrote:go to .../templates/gk_twn2/layouts/default.php

look for <?php $this->menu->genMenu($this->getParam('startlevel', 0)+1, $this->getParam('endlevel',-1));?>
</div>

and add


<?php else: ?>
<?php if( $this->modules('logobanner3')) : ?>
<div id="gklogobanner3" class="clear clearfix">
<jdoc:include type="modules" name="logobanner3" style="<?php echo $this->module_styles['logobanner3']; ?>" />
</div>
<?php endif; ?>


I added logobanner3 in templatedetails as the position,but nothing happened...Am i missing something??
thank you
User avatar
Junior Boarder
Post a reply
cron