przenosiny wyszukiwarki

agroenergetyka.pl

2010-07-15 22:52

w jaki sposób przenieść wyszukiwarkę w miejsce pokazane na printscreenie (do obszaru #head2 z wyrównaniem prawa dół)?
http://agroenergetyka.pl/o%20co%20mi%20chodzi/szukaj.gif

» Quick.Cart v3.x

Witam
wycinasz w pliku container.tpl z sekcji column: $sSearchForm
i wklejasz do head2 (przykład poniżej)

<div id="head2">
$sMenu1
$sSearchForm
<div id="navipath">$sPagesTree</div>
</div>

ustawienie wyglądu w pliku plugins.css w części pod wpisem:
/* advanced search */

przykład www.decoupage.galeriaperon.pl

Kamil Nowak

agroenergetyka.pl

2010-07-16 01:57

opiszę co wykonałem:
1) usunąłem w container.tpl '$sSearchForm'
było:


<div id="column">
        $sSearchForm
        $sMenu7
        $sMenu3

jest:


<div id="column">
        $sMenu7
        $sMenu3

2) dalej w container. mamy w 2 miejscach head2. Czy w tych 2 miejscach mamy dodoać wycięte ''? w któym miejscu dokładnie? Mam taki wyglad:
a)


<!-- BEGIN BODY -->
</head>
<body>
<div class="skiplink"><a href="#content" accesskey="2">$lang['Skip_navigation']</a></div>
<div id="container">
  <div id="main">
    <div id="head1">
      $sMenu1
    </div>
    <div id="head2"><img src="$sHeaderPic"/>
      <div id="logo">
        <h1><a href="$config[index]" tabindex="1"><img src="$config[dir_templates]img/logo.png" alt="$config[title]" /></a></h1>
        <h2>$config[slogan]</h2>
      </div>
      <div id="navipath">$sPagesTree</div>
    </div>
    <div id="head3">


<!-- BEGIN ORDER_BODY -->
</head>
<body>
<div class="skiplink"><a href="#body" accesskey="2">$lang['Skip_navigation']</a></div>
<div id="container">
  <div id="main">
    <div id="head1">
      $sMenu1
    </div>
    <div id="head2">
      <div id="logo">
        <h1><a href="$config[index]" tabindex="1"><img src="$config[dir_templates]img/logo.png" alt="$config[title]" /></a></h1>
        <h2>$config[slogan]</h2>
      </div>
      <div id="navipath">$sPagesTree</div>
    </div>
    <div id="head3">

3) w pliku plugins.css nie mam oryginalnie zapisanego '/* advanced search */'
Pomimo tego dodaje w plugins.css:


/* advanced search */
#searchForm{width:220px;padding:0;position:relative;bottom:40px;left:535px;}
#searchForm .input{width:145px;}
#searchForm .phrase label, #searchForm .producer label{font-size:0.9em;color:#fff;}
#searchForm .phrase {}
#searchForm select{width:125px;}
#searchForm .hide{display:none;}
#searchForm div{padding:0;}
#searchForm .prices .input{width:45px;margin:0 0 0 4px;}
#searchForm .prices label{padding-left:4px;}
#searchForm p{padding:5px 0 0;}
#searchForm .submit{font-size:0.9em;}
/** html #searchForm select{width:188px;}
* html #searchForm .input{width:187px;margin-right:1px;}*/

4) pytanie o plik default.css
W pliku tym są odnośniki do atrybutów #searchForm... co z nimi robimy? kasujemy?


/* LEFT COLUMN STYLES */
#column{float:left;width:200px;background:#ffffff;overflow:hidden;}
#column .type{margin:10px 0 0;padding:5px 0 5px 15px;border-top:2px solid #E6E8FA;border-bottom:2px solid #E6E8FA;background:#006699;color:#fff;font-weight:bold;font-size:1.1em;}
#column #searchForm{margin:0;padding:10px 5px;background:#E6E8FA;text-align:center;}
#column #searchForm .input{width:100px;}
#menu3, #menu4, #menu7{margin:2px 0 10px;}

#searchForm{margin:10px;}
#searchForm label{display:none;}
#searchForm .input{width:120px;}
#searchForm .submit{font-size:0.8em;}

Proszę o komentarz do tego co napisałem

srebny

2010-07-16 09:36

Sory przepis z wersji exd w lite $sSearchForm przenosisz do sekcji
<div id="head2">
<div>$sSearchForm</div>
mogą byc inne wpisy ich nie kasujesz tylko wklejasz
</div>

advanced search jest z wersji pełnej więc je skasuj z plugins.css

deflaut.css
zmodyfikuj na coś takiego
#searchForm{margin:10px 605xp;float: left:} - tu modyfikujesz :)
#searchForm label{display:none;}
#searchForm .input{width:120px;}
#searchForm .submit{font-size:0.8em;}

teraz powino być ok :)

Kamil

agroenergetyka.pl

2010-07-16 11:52

Kamil dziękuję. Faktycznie już widzę wyszukiwarkę... i dałem parametry dla #searchForm w .css jak widać na obrazku:
http://agroenergetyka.pl/o%20co%20mi%20chodzi/wyszukiwarka_n1.JPG
niestety wyszukiwarka wyrzucona jest pod obszar head2 (co widac na powyzszym obrazku)

dlatego zmieniłem parametry na nastepujące (obrazek 2) i niestety obszar wyszukiwarki jest "zamrozony" i nie mozna wpisywac ani klikać szukaj
http://agroenergetyka.pl/o%20co%20mi%20chodzi/wyszukiwarka_n2.JPG

agroenergetyka.pl

2010-07-16 12:12

dałem


#searchForm{position:relative;bottom:40px;left:535px;padding:0;with:220px;}

i działa

srebny

2010-07-16 12:38

faktycznie zapomniałem napisac że do ustawienia pozycji musisz pokombinować z tym wpisem :), ale miło jak ktoś sam kombinuje a nie tylko czeka na gotowce.
Pozdro ;)

Kamil

agroenergetyka.pl

2010-07-16 13:32

i... muszę się dopytać gdyż pojawił się problem.
Jak na obrazku ponżej widać wyszukiwarka jest i działa, ale...
http://agroenergetyka.pl/o%20co%20mi%20chodzi/szukaj.JPG

niestety pojawił się długi pasek który widać (Firebug) przy najechaniu na searchForm. Spodziewam się, że być moze on jest przyczyną iż jest zasłonięty pasek w menu poniżej.

być może winą tego jest również kod w container.tpl tj. miejsce gdzie wkleiłem <div>$sSearchForm</div>:


<div id="head1">
      $sMenu1
    </div>
    <div id="head2"><img src="$sHeaderPic"/>
      <div>$sSearchForm</div>
      <div id="logo">
        <h1><a href="$config[index]" tabindex="1"><img src="$config[dir_templates]img/logo.png" alt="$config[title]" /></a></h1>
        <h2>$config[slogan]</h2>
      </div>
      <div id="navipath">$sPagesTree</div>
    </div>

agroenergetyka.pl

2010-07-16 22:59

oki problem rozw-ny. zamiast "relative" dałęm "absolute" w .css