Joomla Templates Club 406,261 posts

[nvestor24 Friend nvestor24Join date: March 2012Posts: 42Downloads:0Uploads:23 Thanks: 10 Thanked: 1 times in 1 posts]

#185983

hi guys,

another one question: how can i change and design the search-module in the header – take a look at my attachments, please.

ja_nex: my wish

ja_minituis: reality

in ja_nex, it was very simple to do – but here in this great template i does not get it to run.

i have made the following steps:

header.php:
[PHP]<div class=”ja-search”>
<?php if ($this->countModules(‘ja-search’)) : ?>
<jdoc:include type=”modules” name=”<?php $this->_p(‘ja-search’) ?>” style=”T3Xhtml” />
<?php endif ?>
</div>[/PHP]

templateDetails.xml:
[PHP]<position>ja-search</position>[/PHP]

template.ccs:

/* Search ---
------------------------------------------------------------*/

.ja-search .module {
background: none repeat scroll 0 0 transparent;
border: medium none;
margin-left: 600px;
position: absolute;
}

.searchintro { border-bottom: 1px solid #ccc }

.results h4 { font-size: 110%; text-transform: none; }

.search fieldset { border: 1px solid #ccc margin: 15px 0; padding: 10px; }

.search legend {
font-size: 100%;
font-weight: bolder;
line-height: 1.2;
margin-left: 10px;
}

#ja-search { bottom: 23px; margin-right:18px; }

#ja-search, .moduletable_search .ja-box-ct { background: none; padding: 5px !important; right: 0; }

#ja-search .search,
.search_search{
background:none;;
border: none;
padding: 5px 10px;
}

#ja-search .inputbox,
.moduletable_search .inputbox_search {
background: #fff
border: 1px solid #e8e8e8
color: #ababab
padding: 0;
width: 200px;
}

#ja-search .inputbox:hover,
#ja-search .inputbox:focus,
#ja-search .inputbox:active { background: #fff }

#ja-search input.button,
.moduletable_search input.button_search {
background: url("../images/search.png") repeat scroll 0 0 #D1D1D1
border: 1px solid #E1E1E1
height: 17px;
margin-right: 0;
padding: 2px;
vertical-align: top;
}

.moduletable_search .inputbox_search{ width: 70% !important; }

.search .word label {
display: inline-block;
margin-right: 5px;
margin-top: 4px;
vertical-align: top;
}

:(( — my result is the ja_minituis pic in the attachment above.

Hope somebody can help me, to get it to run, like the first pic ja_nex 🙂

Thanks sooo much
Torsten

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#487247

You can back anything change above

+ Open templates/ja_mitius/tpls/blocks/top-bar.php file

Cut this script


<div class="head-search<?php $this->_c('head-search')?>">
<jdoc:include type="modules" name="<?php $this->_p('head-search') ?>" style="raw" />
</div>


+ Open templates/ja_mitius/tpls/blocks/header.php file

from

<div class="span4">

</div>
change to

<div class="span4">
<div class="head-search<?php $this->_c('head-search')?>">
<jdoc:include type="modules" name="<?php $this->_p('head-search') ?>" style="raw" />
</div>
</div>

Let me know if it helps

[Author]

Posts