CMS Made Simple - Official website CMS made Simple Czech Site Zur deutschsprachigen Supportseite CMS Made Simple - Danmark Sitio en Castellano Site francophone Benvenuto su CMSmadesimple CMSMS -  русский CMS Made Simple - slovenská verzia
Facebook

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}:&nbsp;-->{$inputbox}<input name="submit" value="{$submittext}" type="submit" />
{if isset($hidden)}{$hidden}{/if}
{$endform}
Ezt kell megváltoztatnunk így:
{$startform}
<!--{$label}:&nbsp;-->{$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;
}

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 )