-
Data: 2011-05-30 19:00:43
Temat: Re: panel logowania
Od: the_foe <t...@w...pl> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]W dniu 2011-05-28 08:59, mokpl pisze:
> Witam.
> Jestem lamerem, ale chciałbym sobie zrobić taki oto panel logowania (a
> nuż się uda :). O taki jak tutaj np. :
>
> http://www.softwaredroid.com/themes/green_element/im
ages/screenshots/admin_panel_login.gif
>
>
> Chodzi mi tylko o stronę wizualną - jak się do tego zabrać.
>
> - czy uda się to zrobić przy pomocy DIV-a, który będzie ramką dla tego
> obrazka i tam wstawić editboxy o odpowiedniej wysokości i długości oraz
> ustawić atrybuty takie jak padding, margin itd...?
>
> - czy DA się wtedy nad nimi równo wpasować tekst "login", "password"
> itd...? Czy lepiej te teksty narysować na tym tle? (gorzej jak będzie
> trzeba później np. zmienić język)
>
> - czy może trzeba by to jakoś pozycjonować "absolutnie" co do px na
> ekranie?
>
> Generalnie proszę o podpowiedź jakimi sposobami nanieść opisy, pola na
> podanie loginu/hasła oraz przyciski na tego typu obrazek, żeby się nie
> rozjeżdżało i dało jako całość (później) wpasować w resztę strony -
> zanim zacznę samodzielnie rzeźbić w g...
>
masz tu kod, nie dziala dobrze na IE bo nie chcialo mnie sie ohackowac kodu:
<html>
<head>
<style type="text/css">
body{
background-color:#EBF0F1;
}
#login{
margin:auto;
position:relative;
top:170px;
width:408px;
height:311px;
background-image:url('http://img716.imageshack.us/im
g716/2306/droid.png');
background-repeat:no-repeat;
}
#username{
position:absolute;
top:90px;
left:33px;
}
#password{
position:absolute;
top:155px;
left:33px;
}
#submit{
position:absolute;
top:222px;
left:113px;
height:28px;
width:185px;
border:none;
background-color:transparent;
font-family:Verdana;
font-size:15px;
}
#foot{
position:absolute;
top:270px;
width:100%;
text-align:center;
font-size:9px;
font-family:Verdana;
}
.inputtext{
width:340px;
height:42px;
border:none;
background-color:transparent;
color:#B3B6B5;
font-weight:bold;
font-size:18px;
font-family:Verdana;
}
</style>
</head>
<body>
<div id='login'>
<form method='get' action='#'>
<input type='text' id='username' class='inputtext' value="Username"
onfocus="if (this.value == 'Username') {this.value = '';}" onblur="if
(this.value == '') {this.value = 'Username';}">
<input type='text' id='password' class='inputtext' value="Password"
onfocus="if (this.value == 'Password') {this.value = '';}" onblur="if
(this.value == '') {this.value = 'Password';}">
<input type='submit' id='submit' value='Login'>
</form>
<p id='foot'>powered by <b>Software droid</b></p>
</div>
</body>
</html>
Najnowsze wątki z tej grupy
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
Najnowsze wątki
- 2025-07-02 Jaka ładowarka sieciowa do Iphona?
- 2025-07-02 ,,The Plot to Get RFK" (,,Spisek, by pozbyć się RFK")
- 2025-07-02 Rozkaz 17-2025: O Zaprzestaniu Zaciągania Kredytów
- 2025-07-02 Rozkaz 16-2025: 2025-06-19 Apelacja Do Wyroku Sądu Rej. w Sprawie IVRNs 295-23
- 2025-07-02 Rozkaz 17-2025: O Zaprzestaniu Zaciągania Kredytów
- 2025-07-02 Inżynierowie... inżynierzy...
- 2025-07-02 Can you activate BMW 48V 10Ah Li-Ion battery, connecting to CAN-USB laptop interface ?
- 2025-07-02 Kto potrafi sprawdzić aku BMW 48V 10Ah Li-Ion do mini hybrydy, czy sprawny ?
- 2025-07-02 Warszawa => Senior IT Recruitment Consultant <=
- 2025-07-02 Gdańsk => Konsultant wdrożeniowy (systemy controlingowe) <=
- 2025-07-02 Warszawa => IT Hardware Specialist - Wsparcie i Konfiguracja <=
- 2025-07-02 Warszawa => Inżynier oprogramowania .Net <=
- 2025-07-02 Znaleziony
- 2025-07-02 Warszawa => Data Developer <=
- 2025-07-02 Kraków => Kotlin Developer <=
Jak poznać wysokość przyszłej emerytury?
