Joomla Templates Club 406,261 posts

[serkilinc Friend serkilincJoin date: October 2009Posts: 11Downloads:0Uploads:0]

#147341

Hello Dear Joomla Art Members and Administrators

I’m living Turkey and I’m using only Joomla Art Templates, because I believe Joomla Art is 1 number in the world Joomla Template maker. (I think)

When I have a problem, I’m writing here it, and Dear Joomla Art Members and Administrators give me answers very quickly and ‘I’m being very happy…

Thank you Joomla Art.

Sarper Erkılınç – ISTANBUL – TURKEY

———————————————————————————————————————————-
My problem is;

I’m using JA SULFUR Templates…

but ı have a problem

my webpages menu is here (original show)

bu I want to make this

—————————————————————————————————-

I WANT TO; THE LOGO MUST BE MENU’S NEAR…

PLEASE HELP ME..

THANKS

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#328386

Happy new year, Serkilinc

Please open templatesja_sulfurindex.php and edit lines 74 as follow:

Change :


<!-- MAIN NAVIGATION-->
<div id="ja-mainnav" class="wrap">
<div class="main clearfix">

<ul class="no-display">
<li><a href="<?php echo $tmpTools->getCurrentURL();?>#ja-content" title="<?php echo JText::_("SKIP TO CONTENT");?>"><?php echo JText::_("SKIP TO CONTENT");?></a></li>
</ul>

<?php if($ja_menutype!='none') { $jamenu->genMenu (0); } ?>

</div></div>
<!-- //MAIN NAVIGATION-->

<!-- HEADER -->
<div id="ja-header" class="wrap">
<div class="main clearfix">

<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam('logoType')=='image') { ?>
<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>
<?php } else {
$logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
$sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?>
<h1 class="logo-text">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a>
<span class="site-slogan"><?php echo $sloganText;?></span>
</h1>
<?php } ?>

<?php if ($this->countModules('user4')) { ?>
<div id="ja-search">
<jdoc:include type="modules" name="user4" style="raw" />
</div>
<?php } ?>

</div>
</div>
<!-- //HEADER -->


to :


<!-- MAIN NAVIGATION-->
<div id="ja-mainnav" class="wrap">
<div class="main clearfix">

<ul class="no-display">
<li><a href="<?php echo $tmpTools->getCurrentURL();?>#ja-content" title="<?php echo JText::_("SKIP TO CONTENT");?>"><?php echo JText::_("SKIP TO CONTENT");?></a></li>
</ul>
<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam('logoType')=='image') { ?>
<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>
<?php } else {
$logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
$sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?>
<h1 class="logo-text">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a>
<span class="site-slogan"><?php echo $sloganText;?></span>
</h1>
<?php } ?>
<?php if($ja_menutype!='none') { $jamenu->genMenu (0); } ?>

</div></div>
<!-- //MAIN NAVIGATION-->

<!-- HEADER -->
<div id="ja-header" class="wrap">
<div class="main clearfix">
<?php if ($this->countModules('user4')) { ?>
<div id="ja-search">
<jdoc:include type="modules" name="user4" style="raw" />
</div>
<?php } ?>

</div>
</div>
<!-- //HEADER -->


1 user says Thank You to Css Magician for this useful post

1. JA Developer

[dric83 Friend dric83Join date: February 2007Posts: 55Downloads:0Uploads:6 Thanks: 12 Thanked: 8 times in 1 posts]

#328388

Duchh you are to fast for me 🙂 I was writing the same same solution but you post before me ! 🙂

Just an other thing for serkilinc

After doing this, you have to modify CSS (templates/ja_sulfur/css/template.css)

in

h1.logo, h1.logo-text {
float:left;
font-size:300%;
letter-spacing:1px;
margin:0;
padding:25px 0 0;
}

You can modify the padding “25” for a 5 may be …

and in

h1.logo a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/logo.png) no-repeat scroll 0 0;
display:block;
height:73px;
width:195px;
}

Modify the height and the width for those of your logo.

🙂

[Author]

Posts