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:
Obrazek

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. :P
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:

Obrazek

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'] . "&nbsp;(" . $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