Strona 1 z 2
Logowanie na topie
: 16 czerwca 2010, 10:08
autor: Przemo
Witam! Czy jest możliwość zrobienia logowania na topie jak w phpbb Przemo??
Chodzi mi o coś takiego:
http://forgraf.eu/
Nick
Hasło
Zapamiętaj mnie!
i jakoś ustawione to po lewo, np tak:
Bo na tle panelu chciałbym dać telefon tzn jego ekran, jako, że logujemy się na ekranie tela

Re: Logowanie na topie
: 16 czerwca 2010, 22:30
autor: pit
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>
zmień na
Kod: Zaznacz cały
<div id="top">
<div id="render" align="right"></div>
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="login-top">
<form method="post" action="{S_LOGIN_ACTION}">
<fieldset class="search">
<input class="inputbox" 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" 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>
</div>
<!-- ENDIF -->
<!-- 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
.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;
}
zmień na
Kod: Zaznacz cały
.inputbox {
padding: 2px;
cursor: text;
border: 1px solid #0597BE;
background: transparent;
}
.login-top .inputbox, .login-top p {
margin: 0 0 4px 0;
width: 100%;
}
.login-top .btnmain.search {
display: block;
width: 100px;
margin: 0 auto;
}
.inputbox:hover, .inputbox:focus {
border-color: #15C0DB;
}
.btnmain.search {
background: transparent;
color: #ddd;
}
.btnmain.search:hover {
color: #0597BE;
}
.login-top {
float: left;
margin-top: 45px;
width: 125px;
}
Jeśli będziesz chciał przesunąć zmień "margin-top: 45px" na np. "margin: 45px 0 0 20px", to będzie 45 od góry i 20 od lewej.
Re: Logowanie na topie
: 17 czerwca 2010, 07:59
autor: Przemo
Zrobiłem tak jak napisałeś, lecz nic nie wiadać, styl odświeżyłem.
Re: Logowanie na topie
: 17 czerwca 2010, 08:51
autor: pit
Się wyloguj to zobaczysz.
Nie edytuj plików w notatniku.
Zmień
Kod: Zaznacz cały
.btnmain.search {
background: transparent;
color: #ddd;
}
na
Kod: Zaznacz cały
.btnmain.search {
border: 1px solid #0597BE;
background: transparent;
color: #ddd;
}
bo obramowanie zniknęło.
Re: Logowanie na topie
: 17 czerwca 2010, 09:14
autor: Przemo
Super świetnie, a marzy mi się jeszcze po zalogowaniu zeby pokazywało wiadomości nowe Jak tutaj i wyloguj i profil jak nizej:

Re: Logowanie na topie
: 17 czerwca 2010, 13:07
autor: pit
Kod: Zaznacz cały
<div id="render" align="right"></div>
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="login-top">
<form method="post" action="{S_LOGIN_ACTION}">
<fieldset class="search">
<input class="inputbox" 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" 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>
</div>
<!-- ENDIF -->
zmień na
Kod: Zaznacz cały
<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" 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" 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 -->
<a href="{U_PROFILE}">{L_PROFILE}</a><br />
<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
<!-- ENDIF -->
</div>
Kod: Zaznacz cały
.inputbox {
padding: 2px;
cursor: text;
border: 1px solid #0597BE;
background: transparent;
}
.login-top .inputbox, .login-top p {
margin: 0 0 4px 0;
width: 100%;
}
.login-top .btnmain.search {
display: block;
width: 100px;
margin: 0 auto;
}
.inputbox:hover, .inputbox:focus {
border-color: #15C0DB;
}
.btnmain.search {
background: transparent;
color: #ddd;
}
.btnmain.search:hover {
color: #0597BE;
}
.login-top {
float: left;
margin-top: 45px;
width: 125px;
}
zmień na
Kod: Zaznacz cały
.inputbox {
padding: 2px;
cursor: text;
border: 1px solid #0597BE;
background: transparent;
}
.login-top .inputbox, .login-top p {
margin: 0 0 4px 0;
width: 100%;
}
.inputbox:hover, .inputbox:focus {
border-color: #15C0DB;
}
.btnmain.search {
border: 1px solid #0597BE;
background: transparent;
color: #ddd;
}
.btnmain.search:hover {
color: #0597BE;
}
.login-top {
float: left;
margin-top: 45px;
width: 125px;
text-align: center;
line-height: 1.5em;
}
.login-top a {
font-size: 1.1em;
}
Re: Logowanie na topie
: 17 czerwca 2010, 15:11
autor: Przemo
Świetnie a dało by się zrobić tak, żeby dodać tam jeszcze "Nowe posty" i w nawiasie ich liczbę?
Chcę, aby było to pod nowe wiadomości na topie.
Żeby było tak :
nowe wiadomości
Nowe posty(liczba)
zarządzaj profilem
Wyloguj
Re: Logowanie na topie
: 17 czerwca 2010, 21:42
autor: pit
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" 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" 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 -->
<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>
</div>
zmień na
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">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
.inputbox {
padding: 2px;
cursor: text;
border: 1px solid #0597BE;
background: transparent;
}
.login-top .inputbox, .login-top p {
margin: 0 0 4px 0;
width: 100%;
}
.inputbox:hover, .inputbox:focus {
border-color: #15C0DB;
}
.btnmain.search {
border: 1px solid #0597BE;
background: transparent;
color: #ddd;
}
.btnmain.search:hover {
color: #0597BE;
}
.login-top {
float: left;
margin-top: 45px;
width: 125px;
text-align: center;
line-height: 1.5em;
}
.login-top a {
font-size: 1.1em;
}
zmień na
Kod: Zaznacz cały
.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: 45px 0 0 10px;
padding: 10px;
width: 140px;
text-align: center;
line-height: 1.8em;
}
.login-top a {
font-size: 1.1em;
}
Otwórz includes/functions.php
znajdź
Kod: Zaznacz cały
// Which timezone?
$tz = ($user->data['user_id'] != ANONYMOUS) ? strval(doubleval($user->data['user_timezone'])) : strval(doubleval($config['board_timezone']));
dodaj po
Kod: Zaznacz cały
if( $user->data['user_id'] != ANONYMOUS )
{
$sql = "SELECT COUNT(post_id) as total
FROM " . POSTS_TABLE . "
WHERE post_time >= " . $user->data['session_last_visit'];
$result = $db->sql_query($sql);
if( $result )
{
$row = $db->sql_fetchrow($result);
$user->lang['SEARCH_NEW'] = $user->lang['SEARCH_NEW'] . " (" . $row['total'] . ")";
}
}
znajdź
Kod: Zaznacz cały
'PRIVATE_MESSAGE_INFO_UNREAD' => $l_privmsgs_text_unread,
dodaj po
Kod: Zaznacz cały
'L_SEARCH_NEW' => $user->lang['SEARCH_NEW'],
Re: Logowanie na topie
: 17 czerwca 2010, 21:52
autor: Przemo
Dzięki wielkie za poświęcony mi w tym celu czas.
Re: Logowanie na topie
: 06 lipca 2010, 17:16
autor: groverr
pit pisze: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>
zmień na
Kod: Zaznacz cały
<div id="top">
<div id="render" align="right"></div>
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="login-top">
<form method="post" action="{S_LOGIN_ACTION}">
<fieldset class="search">
<input class="inputbox" 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" 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>
</div>
<!-- ENDIF -->
<!-- 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
.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;
}
zmień na
Kod: Zaznacz cały
.inputbox {
padding: 2px;
cursor: text;
border: 1px solid #0597BE;
background: transparent;
}
.login-top .inputbox, .login-top p {
margin: 0 0 4px 0;
width: 100%;
}
.login-top .btnmain.search {
display: block;
width: 100px;
margin: 0 auto;
}
.inputbox:hover, .inputbox:focus {
border-color: #15C0DB;
}
.btnmain.search {
background: transparent;
color: #ddd;
}
.btnmain.search:hover {
color: #0597BE;
}
.login-top {
float: left;
margin-top: 45px;
width: 125px;
}
Jeśli będziesz chciał przesunąć zmień "margin-top: 45px" na np. "margin: 45px 0 0 20px", to będzie 45 od góry i 20 od lewej.
W jakim pliku mam to szukać i pozostałe
Re: Logowanie na topie
: 06 lipca 2010, 17:23
autor: Przemo
Pierwsze to overall_header a drugie to stylesheet (albo coś takiego);P
Re: Logowanie na topie
: 26 kwietnia 2011, 17:19
autor: seboo107
Witam!!
Sorki że odkopuję temat, ale po co zakładać nowy na ten sam temat
Piszę tutaj, bo zamieniam to co karzecie, ( niektórych takich linijek co podaliście nie mam wgl w stylu ) i nie wychodzi mi trochę
Wyszło mi tak
http://ssszorly.website.pl/forum/
Nie chcę mieć tej białej ramki, i chce żeby to wszystko było po prawej stronie.
Wgl nie wiem czemu, ale całe forum mi się rozjechało
Modyfikację robię na
http://ssszorly.website.pl/forum/ dla testów

Gdy już mi się uda wszystko zrobić ( mam nadzieję że trochę mi pomożecie wstawię na normalne
P.S. Styl to 1Game
Re: Logowanie na topie
: 03 maja 2011, 13:09
autor: seboo107
Pomoże mi ktoś??
Re: Logowanie na topie
: 07 maja 2011, 18:44
autor: seboo107
Proszę was pomóżcie mi
Re: Logowanie na topie
: 10 maja 2011, 17:06
autor: Widmo
W czym Ci mamy pomagać? To jest czysty HTML i CSS. Poczytaj kursy poćwicz i zrób tak jak chcesz.
www.kurshtml.boo.pl