Klikalne logo

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
Przemo
Posty: 206
Rejestracja: 18 maja 2010, 18:18

Klikalne logo

Post autor: Przemo » 23 czerwca 2010, 09:48

Witam! Jak zrobić, aby po kliknięciu na top przenosiło na stronę główna?

pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: Klikalne logo

Post autor: pit » 23 czerwca 2010, 22:51

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>
zmień na

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;
              }
na

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;}
znajdź

Kod: Zaznacz cały

#top 
{
	background-image: url(images/top.jpg);
	width: 960px;
	height: 203px;
	margin: 0 auto;
}
dodaj po

Kod: Zaznacz cały

#top_link {
	display: block;
	background-image: url(images/spacer.gif);
	width: 960px;
	height: 203px;
}
btw
Długo zastanawiałeś się nad wyborem stylu który nie ma niczego co potrzebujesz? :mrgreen:

Zablokowany

Wróć do „Pomoc”