Klikalne logo
: 23 czerwca 2010, 09:48
Witam! Jak zrobić, aby po kliknięciu na top przenosiło na stronę główna?
Kod: Zaznacz cały
<div id="top">
<div id="render" align="right"></div>
<div class="login-top">
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<form method="post" action="{S_LOGIN_ACTION}">
<fieldset class="search">
<input class="inputbox login" type="text" name="username" size="10" value="nick" onfocus="if (this.value == 'nick') {this.value = '';}" onblur="if (this.value == '') {this.value = 'nick';}" /><br />
<input class="inputbox login" type="password" name="password" size="10" value="********" onfocus="if (this.value == '********') {this.value = '';}" onblur="if (this.value == '') {this.value = '********';}" /><br />
<!-- IF S_AUTOLOGIN_ENABLED --> <p class="gensmall">Zapamietaj mnie!
<input type="checkbox" class="radio" name="autologin" /><!-- ENDIF --></p>
<input class="btnmain search" type="submit" name="login" value="{L_LOGIN}" />
{S_LOGIN_REDIRECT}
{S_FORM_TOKEN}
</fieldset>
</form>
<!-- ELSE -->
<!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><br /><!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /><!-- ENDIF -->
<a href="{U_PROFILE}">{L_PROFILE}</a><br />
<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
<!-- ENDIF -->
</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>Kod: Zaznacz cały
<div id="top">
<a href="{U_INDEX}" title="{L_INDEX}" id="top_link"></a>
<div class="login-top">
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<form method="post" action="{S_LOGIN_ACTION}">
<fieldset class="search">
<input class="inputbox login" type="text" name="username" size="10" value="nick" onfocus="if (this.value == 'nick') {this.value = '';}" onblur="if (this.value == '') {this.value = 'nick';}" /><br />
<input class="inputbox login" type="password" name="password" size="10" value="********" onfocus="if (this.value == '********') {this.value = '';}" onblur="if (this.value == '') {this.value = '********';}" /><br />
<!-- IF S_AUTOLOGIN_ENABLED --> <p class="gensmall">Zapamiętaj mnie!
<input type="checkbox" class="radio" name="autologin" /><!-- ENDIF --></p>
<input class="btnmain search" type="submit" name="login" value="{L_LOGIN}" />
{S_LOGIN_REDIRECT}
{S_FORM_TOKEN}
</fieldset>
</form>
<!-- ELSE -->
<!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><br /><!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /><!-- ENDIF -->
<a href="{U_PROFILE}">{L_PROFILE}</a><br />
<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
<!-- ENDIF -->
</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>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 {
padding: 2px;
cursor: text;
border: 1px solid #0597BE;
background: transparent;
}
.login-top .inputbox, .login-top p {
margin: 0 0 4px 0;
width: 95%;
}
.inputbox:hover, .inputbox:focus {
border-color: #15C0DB;
}
.btnmain.search {
border: 1px solid #0597BE;
background: transparent;
color: #ddd;
}
.btnmain.search:hover {
color: #0597BE;
}
.login-top {
background: #023867;
border: 1px solid #0597BE;
opacity: .7;
filter: alpha(opacity=70);
float: left;
margin: 10px 0 0 10px;
padding: 10px;
width: 140px;
text-align: center;
line-height: 1.8em;
}
.login-top a {
font-size: 1.1em;
}Kod: Zaznacz cały
#search-box {
color: #fff;
position: relative;
margin-top: -120px;
margin-right: 10px;
float: right;
text-align: center;
white-space: nowrap; /* For Opera */
border: 0;
}
* html #search-box {text-align: right;}
#search-box #keywords {
width: 105px;
opacity: .7;
filter: alpha(opacity=70);
background: #023867;
border: 1px solid #0597BE;
color: #ddd;
}
#search-box #keywords:hover, #search-box #keywords:focus {border-color: #15C0DB;}
fieldset.search {
border: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
.inputbox {
padding: 2px;
cursor: text;
border: 1px solid #0597BE;
background: transparent;
}
.login-top .inputbox, .login-top p {
margin: 0 0 4px 0;
width: 95%;
}
.inputbox:hover, .inputbox:focus {border-color: #15C0DB;}
.btnmain.search {
border: 1px solid #0597BE;
background: transparent;
color: #ddd;
}
.btnmain.search:hover {color: #0597BE;}
.login-top {
background: #023867;
border: 1px solid #0597BE;
opacity: .7;
filter: alpha(opacity=70);
float: left;
margin: -190px 0 0 10px;
padding: 10px;
width: 140px;
text-align: center;
line-height: 1.8em;
}
.login-top a {font-size: 1.1em;}Kod: Zaznacz cały
#top
{
background-image: url(images/top.jpg);
width: 960px;
height: 203px;
margin: 0 auto;
}Kod: Zaznacz cały
#top_link {
display: block;
background-image: url(images/spacer.gif);
width: 960px;
height: 203px;
}Długo zastanawiałeś się nad wyborem stylu który nie ma niczego co potrzebujesz?
