Keresés gomb képpel
Lássuk mi a teendő, ha azt szeretnénk, hogy a keresés gomb a mi általunk választott, elkészített kép legyen?Admin / Kiterjesztések / Keresés
Itt három beálítási lehetőséget (fület) találunk (+ a sugó):
Opciók / Kereső sablon / Eredmény sablon / Sugó
Nekünk most a Kereső sablon kell, ami alapból ezt mutatja:
{$startform}
<!--{$label}: -->{$inputbox}<input name="submit" value="{$submittext}" type="submit" />
{if isset($hidden)}{$hidden}{/if}
{$endform}
Ezt kell megváltoztatnunk így:
<!--{$label}: -->{$inputbox}<input name="submit" value="{$submittext}" type="submit" />
{if isset($hidden)}{$hidden}{/if}
{$endform}
{$startform}
<!--{$label}: -->{$inputbox}<input type="image" src="/uploads/images/cms/button-search.gif" name="submit" value="{$submittext}" type="submit" />
{if isset($hidden)}{$hidden}{/if}
{$endform}
<!--{$label}: -->{$inputbox}<input type="image" src="/uploads/images/cms/button-search.gif" name="submit" value="{$submittext}" type="submit" />
{if isset($hidden)}{$hidden}{/if}
{$endform}
(Itt a label részt is ki van kommentezve, ha valakinek szüksége van rá, akkor a kommentet ki kell törölni.)
Egy további példa:
(a honlap kereső megoldása - jobbra fent)
Sablon
<div id="search"><div id="searchlabel">Keresés:</div>{search}</div>
Stíluslap
/* search */
div#search {
float: right;
width: 205px;
height: 30px;
padding: 1px 0 0 0;
margin-top:-3px;
background: url(uploads/newcmsmshu/search.png) no-repeat left 3px;
}
#searchlabel {
float: left;
margin: 4px 5px 0px 8px;
color: #FBFBFB;
}
div#search #cntnt01searchinput {
float: left;
width: 115px;
height: 19px;
padding: 0;
margin: 4px 0px 0px;
border: none;
color: #FBFBFB;
background: transparent;
}
div#search input.search-button {
float: right;
width: 25px;
height: 23px;
padding: 0;
margin: 0;
border: none;
cursor: pointer;
background: url(uploads/newcmsmshu/search.png) no-repeat right top;
}
div#search {
float: right;
width: 205px;
height: 30px;
padding: 1px 0 0 0;
margin-top:-3px;
background: url(uploads/newcmsmshu/search.png) no-repeat left 3px;
}
#searchlabel {
float: left;
margin: 4px 5px 0px 8px;
color: #FBFBFB;
}
div#search #cntnt01searchinput {
float: left;
width: 115px;
height: 19px;
padding: 0;
margin: 4px 0px 0px;
border: none;
color: #FBFBFB;
background: transparent;
}
div#search input.search-button {
float: right;
width: 25px;
height: 23px;
padding: 0;
margin: 0;
border: none;
cursor: pointer;
background: url(uploads/newcmsmshu/search.png) no-repeat right top;
}
Eredmény:
Előző oldal: CMSMS magyarul Következő oldal: Lightbox használata
( Készült: 2010. 12. 03. 10.00 Módosítva: 2010. 12. 27. 10.40 )