Wyszukiwarka na topie

[Przemo]

Witajcie ! Jak zrobić wyszukiwarkę na topie jak na tym forum phpbb.pl ??
Mam styl 1Game, chciałbym w tym miejscu co na phpbb

[pit]

W "overall_header.html" znajdź

Kod: Zaznacz cały

<div id="top"><div id="render" align="right"></div></div>

zmień na

Kod: Zaznacz cały

	<div id="render" align="right"></div>
		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset class="search">
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<input class="btnmain search" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->
	</div>

w "stylesheet.css" dodaj

Kod: Zaznacz cały

#search-box {
	color: #fff;
	position: relative;
	margin-top: 80px;
	margin-right: 10px;
	float: right;
	text-align: center;
	white-space: nowrap; /* For Opera */
	border: 0;
}

#search-box #keywords {
	width: 105px;
	background-color: transparent;
	color: #ddd;
}

fieldset.search {
	border: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

.inputbox#keywords {
	padding: 2px;
	cursor: text;
	border: 1px solid #0597BE;
}

.inputbox#keywords:hover, .inputbox#keywords:focus {
	border-color: #15C0DB;
}

.btnmain.search {
	background: transparent;
	border: 1px solid #0597BE;
	color: #ddd;
}

.btnmain.search:hover {
	color: #0597BE;
}

[Przemo]

w "stylesheet.css" dodaj

Dodałem na końcu i proszę zobaczyć co wyszło:
zniknęło logo, a wyszukiwarka jest na prawo.
http://www.phone4u.pl

[pit]

Pomyliłem się i wywaliłem div z topem.
Przed

Kod: Zaznacz cały

   <div id="render" align="right"></div>

dodaj

Kod: Zaznacz cały

<div id="top">

po

Kod: Zaznacz cały

            </form>
         </div>
      <!-- ENDIF -->
   </div>

dodaj

Kod: Zaznacz cały

</div>

Całość będzie wyglądać tak

Kod: Zaznacz cały

<div id="top">
<div id="render" align="right"></div>
      <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box">
            <form action="{U_SEARCH}" method="post" id="search">
            <fieldset class="search">
               <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
               <input class="btnmain search" value="{L_SEARCH}" type="submit" /><br />
               <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->
</div>

Przepraszam za bałagan.

[Przemo]

Dziękuję, super.