Pomoć oko tražilice (slika)

[John.]

Imam problem sa tražilicom, ubacim sliku kao objekt  za tražilicu i nikako je ne mogu unkobinirat.

Evo slike: http://www.zaslike.com/files/ps90n8mrsghrl8xus3.png

To je vjerovatno tako jer sam taj kod nasao za forume 1.x, a ja koristim SMF 2.0.2, tema: mysticjade

CSS od tražilice šta sam ubacio:

Code Select Expand

#searchbar {
   position: absolute;
   top: 218px;
   right: 30px;
   height: 36px;
   width: 210px;
   background: url(../images/custom/searchbox.png) no-repeat;
   overflow: hidden;
}
#searchbar .inputbox {
   background: transparent;
   color: #ddd;
   padding: 3px 3px;
   border: none;
   margin: 4px 0 0 35px;
   width: 140px;
   height: 14px;
   font-size: 12px;
   font-family: tahoma, sans-serif;
}

Kod u index.template:

Code Select Expand

<div id="searchbar">
               <form action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
                  <input class="inputbox" type="text" name="search" value="', $txt['forum_search'], '" onfocus="this.value = \'\';" onblur="if(this.value==\'\') this.value=\'', $txt['forum_search'], '\';" />';

            // Search within current topic?
               if (!empty($context['current_topic']))
               echo '
                  <input type="hidden" name="topic" value="', $context['current_topic'], '" />';
   
            // If we're on a certain board, limit it to this board ;).
               elseif (!empty($context['current_board']))
               echo '
                  <input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';

      echo '
         </form><br />
      </div>';

Hvala!

[Dzonny]

Najverovatnije je problem u neodgovarajućim elementima u css-u. Promeni malo vrednosti za left, right i top elemente u prvoj klasi gore, i vidi kako će da se pomera search bar, probaj više puta dok ne pozicioniraš bar na pravo mesto.

[John.]

Izmjenjivo sam sve i ništa.

Od prošle tražilice CSS mi je:

Code Select Expand

#searchfield {
   background: #1a1a1a url(../images/custom/searchfield.png) 0 0 repeat-x;
   color: #cdcdcd;
   text-align: right;
   padding: 50px 25px 10px 5px;
}

I kod u index.template:

Code Select Expand

<div id="searchfield">
<form action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '" style="margin: 0;">
<a href="', $scripturl, '?action=search;advanced"><img src="'.$settings['images_url'].'/filter.gif" align="middle" style="margin: 0 1ex;" alt="" /></a>
<input class="biginput" type="text" name="search" value="', $txt['search'], '..." onfocus="this.value = \'\';" onblur="if(this.value==\'\') this.value=\'', $txt['search'], '...\';" style="width: 170px;" /> ';

// Search within current topic?
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="', $context['current_topic'], '" />';

// If we're on a certain board, limit it to this board ;).
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';

echo '
</form><br />
</div>';

Šta bi sad u onom kodu u prvom postu trebalo edit da bude normalno?

[John.]

Zna netko? :S

[Dzonny]

Ne znam da li ti je širina foruma fixna ili ne, ali probaj da povećavaš vrednost right atributa u prvoj klasi css-a koju si gore naveo.
Ako imaš link gde to može da se vidi, ostavi da pogledamo.

[John.]

Evo igro sam se malo sa CSSom.. I uspio uštimat - http://www.zaslike.com/files/usavvs9mgvpml7zxercn.png

a kako stavit pozadinu ispod? kad produžim ovu gdje mi je avatar i piše ovaj text onda mi baci tražilicu ispod (oboje je slika, ako me razumiješ)

[Dzonny]

Pretpostavljam da moraš search da ubaciš unutar diva u kom je i tekst i avatar samo ga cssom pomeriš tamo gde hoćeš.
Toplo ti preporučujem firebug za firefox, pomoći će ti da lakše rešiš ovaj i mnoge druge probleme