Script logare rapida

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Script logare rapida

Mesaj Scris de Django la data de Lun 18 Feb - 12:14

Doresc din codul de mai jos scriptul fast login :

Cod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<script language=Javascript>
<!--




var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

<style>

.image {
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
}

.image:hover {
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}

.jos {
background: #f2f2f2;
border: 1px solid #d8d8d8;
}

::selection {background: #ff0000;}
::-moz-selection {background: #ff0000;}
::-webkit-::selection {background: #ff0000;}

.oo {
margin-right: 10px;
-moz-transition: 1s ease-in-out;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}

.oo:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-o-transform: rotate(360deg);
}

body {
background: white;
color: black;
padding: 0px;
margin: 0px;
}

#td {
background: #f2f2f2;
border: 1px solid #d8d8d8;
padding: 0px;
}

#td img {
float: left;
padding: 5px;
}

#pttd {
background: url(http://i42.servimg.com/u/f42/15/32/16/91/button10.png) repeat-x;
padding-bottom: 2px;
border-bottom: 1px solid #d8d8d8;
text-shadow: black 0.1em 0.1em 0.2em;
-moz-text-shadow: black 0.1em 0.1em 0.2em;
-webkit-text-shadow: black 0.1em 0.1em 0.2em;
color: white;
}

.sus {
background: #f2f2f2;
width: 100%;
height: 100px;
}

.ah {
padding: 5px;
transition: background 1s linear;
-moz-transition: background 1s linear;
-webkit-transition: background 1s linear;
-o-transition-property: background-color;
-o-transition-duration: 1s;
}

.ah:hover {
background-color: #d8d8d8;
}

.butoane {
text-shadow: black 0.1em 0.1em 0.2em;
-moz-text-shadow: black 0.1em 0.1em 0.2em;
-webkit-text-shadow: black 0.1em 0.1em 0.2em;
color: white;
background: #d8d8d8;
width: 65px;
margin-right: 18px;
border: 1px solid #d8d8d8;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
height: 25px;
transition-property: height;
transition-duration: 0s;
-moz-transition-property: height; /* Firefox 4 */
-moz-transition-duration: 0s; /* Firefox 4 */
-webkit-transition-property: height; /* Safari and Chrome */
-webkit-transition-duration: 0s; /* Safari and Chrome */
-o-transition-property: height; /* Opera */
-o-transition-duration: 0s; /* Opera */
}

.butoane:hover {
height: 25px;
}

.butoane2 {
padding-top: 3px;
height: 22px;
text-shadow: black 0.1em 0.1em 0.2em;
-moz-text-shadow: black 0.1em 0.1em 0.2em;
-webkit-text-shadow: black 0.1em 0.1em 0.2em;
color: white;
background: #d8d8d8;
width: 65px;
margin-right: 18px;
border: 1px solid #d8d8d8;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
float: right;
margin-top: 70px;
}

a:link {
text-decoration: none;
color: #C11B17;
text-shadow: #d8d8d8 0.1em 0.1em 0.2em; 
-moz-text-shadow: #d8d8d8 0.1em 0.1em 0.2em;
-webkit-text-shadow: #d8d8d8 0.1em 0.1em 0.2em;
font-weight: bold;
}     

a:visited {
text-decoration: none;
color: #C11B17;
text-shadow: #d8d8d8 0.1em 0.1em 0.2em; 
-moz-text-shadow: #d8d8d8 0.1em 0.1em 0.2em;
-webkit-text-shadow: #d8d8d8 0.1em 0.1em 0.2em;
font-weight: bold;
}

a:hover {
text-decoration: none;
color: #C11B17;
text-shadow: #d8d8d8 0.1em 0.1em 0.2em; 
-moz-text-shadow: #d8d8d8 0.1em 0.1em 0.2em;
-webkit-text-shadow: #d8d8d8 0.1em 0.1em 0.2em;
font-weight: bold;


a:active {
text-decoration: none;
color: #C11B17;
text-shadow: #d8d8d8 0.1em 0.1em 0.2em; 
-moz-text-shadow: #d8d8d8 0.1em 0.1em 0.2em;
-webkit-text-shadow: #d8d8d8 0.1em 0.1em 0.2em;
font-weight: bold;


.im {
-o-transition: margin-top 0.5s ease-in-out;
-webkit-transition: margin-top 0.5s ease-in-out;
-moz-transition: margin-top 0.5s ease-in-out;
-ms-transition: margin-top 0.5s ease-in-out;
transition: margin-top 0.5s ease-in-out;
margin-top: -5px;
}

.im:hover {
margin-top: 0px;
}

</style>

</head>


<body>




<div style="height: 5px; background: #d8d8d8;"> </div>
<table class="sus" cellpadding="0" cellspacing="0">

<tr>



<td width="100" style="padding-top: 10px;">
<center><div class="im">
<a href="forum" onclick="clicksound.playclip()">
<img src="http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/64/Letter-B-icon.png">
</a></div>
</center>
</td>




<td valign="top" style="padding-top: 10px; border-left: 2px dashed #d8d8d8; padding-left: 10px; font-size: 20px; color: #C11B17; text-shadow: #d8d8d8 0.1em 0.1em 0.2em;  -moz-text-shadow: #d8d8d8 0.1em 0.1em 0.2em; -webkit-text-shadow: #d8d8d8 0.1em 0.1em 0.2em; font-weight: bold;">
Bogdan index
<hr style="color: #f2f2f2; width: 120px;" align="left">

<font style="font-size: 16px; color: white; text-shadow: black 0.1em 0.1em 0.2em; -moz-text-shadow: black 0.1em 0.1em 0.2em; -webkit-text-shadow: black 0.1em 0.1em 0.2em;">
O tema simpla facuta de mine.

</font>
</td>


<td align="right">

<div class="butoane">
<center><a href="/login" style="color: white; text-shadow: black 0.1em 0.1em 0.2em; -moz-text-shadow: black 0.1em 0.1em 0.2em; -webkit-text-shadow: black 0.1em 0.1em 0.2em;" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">Login</a></center>
</div>


<div class="butoane2">
<center><a href="/login" style="color: white; text-shadow: black 0.1em 0.1em 0.2em; -moz-text-shadow: black 0.1em 0.1em 0.2em; -webkit-text-shadow: black 0.1em 0.1em 0.2em;" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">Register</a></center>
</div>

</td>



<td width="32">
<div class="oo">
<a href="javascript:location.reload(true)" onclick="clicksound.playclip()"><img src="http://icons.iconarchive.com/icons/tatice/cristal-intense/32/Reload-icon.png" title="Refresh" alt="Refresh"></a>
</div>
</td>


</tr>
</table>
<div style="height: 5px; background: #d8d8d8;"> </div>










<br>



<table align="center" width="900" height="400" cellspacing="10" cellpadding="0">

<tr>




<td valign="top" id="td" width="650">
<div id="pttd" align="center">Tabel 1</div>
<font style="float: left; padding: 5px;">

<img src="http://icons.iconarchive.com/icons/everaldo/crystal-clear/64/Mimetype-text-2-icon.png">

Forumul este o comunitate de oameni care se aduna sa discute probleme de zi cu zi
sau probleme legate de Internet.<br>

In general se incearca crearea unei comunitati care sa dezbata un anumit aspect al
vietii cotidiene. Iti dai seama ca un forum care se axeaza pe subiectul VIATA ar fi
mult prea complex si in acelasi timp superficial pentru ca nu ar putea sa acopere
intreaga problematica a vietii. De aceea se alege numai un aspect al vietii cum ar
fi relatiile dintre sef si angajat, un forum auto sau un forum dedicat problemelor
web-design-ului.
<br>
<br>
Administratorii

Administratorii sunt de obicei webmaster-ii site-ului pe care se afla forumul de
discutii. Ei se ocupa de partea tehnica a forumului. Administratorii detin control
deplin asupra unui forum. Pot sterge sau edita un raspuns in cadrul unui subiect de
discutie. Pot sa baneze ( a bana = a ridica dreptul unui user de a posta) un user.
Orice banare a unui user este anuntata si insotita de avertismente. Daca acel user
nu se conformeaza atunci va fi banat. Banarea este de doua feluri:

- partiala - pe o perioada limitata de timp

- totala - user-ul nu va mai putea posta nici un subiect de discutie si nici nu va
mai putea sa participe la activitatea forumului.

Rolul unui administrator pe un forum este foarte complex. Administratorul trebuie sa
fie tot timpul atent pentru ca user-ul sa fie cat mai bine informat despre
schimbarile care se petrec pe un forum. Principalul obiectiv al unui administrator
de forum este sa incerce sa ofere user-ului un mediu cat mai placut de disctutii.
Administratorii nu trebuie priviti ca o politie a forumului. Ei sunt cei care
incearca sa faca totul pentru binele comunitatii din care fac parte.


</font>



</td>







<td valign="top" style="border: none;">
<table>

<tr>
<td valign="top" id="td" width="250">
<div id="pttd" align="center">Meniu</div>

<div style="height: 8px;"> </div>

<div class="ah"><a href="/forum" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">Forum</a></div>
<hr style="color: #f2f2f2; width: 250px;">
<div class="ah"><a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">Link 1</a></div>
<hr style="color: #f2f2f2; width: 250px;">
<div class="ah"><a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">Link 2</a></div>
<hr style="color: #f2f2f2; width: 250px;">
<div class="ah"><a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">Link 3</a></div>


<div style="height: 8px;"> </div>
</td>
</tr>


<tr><td height="5"><div style="height: 5px; font-size: 5px;"> </div></td></tr>


<tr>
<td valign="top" id="td" width="250">
<div id="pttd" align="center">Fast login</div>






<div style="height: 4px;"> </div>


      <div>
        <form  action="login.forum?connexion" method="post" >
            <label for="log"><b><font style="font-size: 12px;">  Username: </font> </b></label>
            <input style="border: 1px solid grey; color: orange; background: white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;" type="text" name="username" id="log" value="" size="20" />

<br>
<br>


            <label for="pwd"><b><font style="font-size: 12px;">  Password:  </font></b></label>
            <input style="margin-left: 2px; color: orange; background: white; border: 1px solid grey; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;" type="password" name="password" id="pwd" size="20" />


<br>
<br>
<div align="center">
  <input style="cursor: pointer; background-color: #1CA4E8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: white; border: 1px solid #1CA4E8; font-weight: bold;" type="submit" name="login" value="Conectare" class="button_login" />
            <input type="hidden" name="redirect_to" value=""/>
</div>
        </form>

<br>



              <label for="rememberme"><input name="rememberme" id="rememberme" class="rememberme" type="checkbox" checked="checked" value="forever" /><font style="color: grey; font-weight: 700; font-size: 12px; font-family: arial; text-decoration: none;">Tine-ma minte!</font></label>

  <div style="float: right;" align"right"> <a style="color: grey; font-weight: 700; font-size: 12px; font-family: arial; text-decoration: none;" href="/profile.forum?mode=sendpassword">Mi-am uitat parola. </a> </div>


<div style="height: 4px;"> </div>

</td>
</tr>





</table>
</td>

</tr>
</table>



<table cellspacing="0" cellpadding="0" align="center">
<tr><td align="center">
<div style="color: grey; font-weight: bold; padding-left: 4px; padding-right: 4px; font-size: 13px; padding-top: 2px; padding-bottom: 2px; margin-left: 600px; background: #f2f2f2; border: 1px solid #d8d8d8; border-bottom: none;" align="center">Design by <a href="digital-zone.tk" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">RoLe[x]</a>.</div>
</td></tr></table>

<table class="jos" cellpadding="5" cellspacing="5" width="885" height="50" align="center">
<tr>





<td style="border-right: 2px dashed #d8d8d8;">
<center>
<div class="image"><a href="#"><img src="http://icons.iconarchive.com/icons/iconshock/real-vista-web-design/96/Banner-design-icon.png"></a></div>
</center>
</td>


<td style="border-right: 2px dashed #d8d8d8;">
<center>
<div class="image"><a href="#"><img src="http://icons.iconarchive.com/icons/iconshock/real-vista-web-design/96/Banner-design-icon.png"></a></div>
</center>
</td>

<td style="border-right: 2px dashed #d8d8d8;">
<center>
<div class="image"><a href="#"><img src="http://icons.iconarchive.com/icons/iconshock/real-vista-web-design/96/Banner-design-icon.png"></a></div>
</center>
</td>

<td>
<center>
<div class="image"><a href="#"><img src="http://icons.iconarchive.com/icons/iconshock/real-vista-web-design/96/Banner-design-icon.png"></a></div>
</center>
</td>

</tr>
</table>




<div style="color: grey; margin-top: 5px; margin-bottom: 5px;" align="center">Hosted by <a href="http://www.forumgratuit.ro/" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">forumgratuit</a>.</div>




<script>

// Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
// Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code

//** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc)
//** Call: uniquevar.playclip() to play sound

var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  "mp3": "audio/mpeg",
  "mp4": "audio/mp4",
  "ogg": "audio/ogg",
  "wav": "audio/wav"
}

function createsoundbite(sound){
  var html5audio=document.createElement('audio')
  if (html5audio.canPlayType){ //check support for HTML5 audio
      for (var i=0; i<arguments.length; i++){
        var sourceel=document.createElement('source')
        sourceel.setAttribute('src', arguments[i])
        if (arguments[i].match(/\.(\w+)$/i))
            sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
        html5audio.appendChild(sourceel)
      }
      html5audio.load()
      html5audio.playclip=function(){
        html5audio.pause()
        html5audio.currentTime=0
        html5audio.play()
      }
      return html5audio
  }
  else{
      return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  }
}

//Initialize two sound clips with 1 fallback file each:

var mouseoversound=createsoundbite("http://www.javascriptkit.com/script/script2/click.ogg", "http://www.javascriptkit.com/script/script2/click.mp3")
var clicksound=createsoundbite("http://www.javascriptkit.com/script/script2/whistle.ogg", "http://www.javascriptkit.com/script/script2/whistle.mp3")

</script>



</body>

</html>

Am incercat eu sa-l iau, l-am luat dar nu-mi apare la fel ca acolo ci dilatat.


Ultima editare efectuata de catre Django in Lun 18 Feb - 16:11, editata de 1 ori

Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 46
Data de inscriere : 09/02/2013
Multumiri : 0
Membru exclus

http://www.legiuneastraina.forumz.ro

Sus In jos

Rezolvat Re: Script logare rapida

Mesaj Scris de NoMusic1 la data de Lun 18 Feb - 13:42

hmm ciudat am si eu un template la fel dar l-am incercat pe acesta si nu vad nici o problema la el

NoMusic1
Membru nou

Mesaje : 9
Varsta : 22
Data de inscriere : 11/01/2013
Multumiri : 0
Niciun avertisment

http://ace-romania.hitforum.ro

Sus In jos

Rezolvat Re: Script logare rapida

Mesaj Scris de Vizitator la data de Lun 18 Feb - 14:27

Cod:

<table>
<tr>
<td valign="top" id="td" width="250">
<div id="pttd" align="center">Fast login</div>






<div style="height: 4px;"> </div>


      <div>
        <form action="login.forum?connexion" method="post">
            <label for="log"><b><font style="font-size: 12px;">  Username: </font> </b></label>
            <input style="border: 1px solid grey; color: orange; background: white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;" type="text" name="username" id="log" value="" size="20">

<br>
<br>


            <label for="pwd"><b><font style="font-size: 12px;">  Password:  </font></b></label>
            <input style="margin-left: 2px; color: orange; background: white; border: 1px solid grey; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;" type="password" name="password" id="pwd" size="20">


<br>
<br>
<div align="center">
  <input style="cursor: pointer; background-color: #1CA4E8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: white; border: 1px solid #1CA4E8; font-weight: bold;" type="submit" name="login" value="Conectare" class="button_login">
            <input type="hidden" name="redirect_to" value="">
</div>
        </form>

<br>



              <label for="rememberme"><input name="rememberme" id="rememberme" class="rememberme" type="checkbox" checked="checked" value="forever"><font style="color: grey; font-weight: 700; font-size: 12px; font-family: arial; text-decoration: none;">Tine-ma minte!</font></label>

  <div style="float: right;" align"right"=""> <a style="color: grey; font-weight: 700; font-size: 12px; font-family: arial; text-decoration: none;" href="/profile.forum?mode=sendpassword">Mi-am uitat parola. </a> </div>


<div style="height: 4px;"> </div>

</div></td>
</tr></table>
Nu are culorile de acolo.

Vizitator
Vizitator


Sus In jos

Rezolvat Re: Script logare rapida

Mesaj Scris de Django la data de Lun 18 Feb - 15:19

Multumesc.

Nu-l marcati rezolvat inca ca sar putea sa mai o intrebare si sa nu deschid alt topic.

Django
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 46
Data de inscriere : 09/02/2013
Multumiri : 0
Membru exclus

http://www.legiuneastraina.forumz.ro

Sus In jos

Rezolvat Re: Script logare rapida

Mesaj Scris de Vizitator la data de Lun 18 Feb - 15:38

Pentru 2 probleme, deschideti 2 topicuri diferite.

Vizitator
Vizitator


Sus In jos

Rezolvat Re: Script logare rapida

Mesaj Scris de Cassius Dio la data de Lun 18 Feb - 15:41

Buna ziua. Foarte fericit

Danger a scris:Pentru 2 probleme, deschideti 2 topicuri diferite.
Mult depinde si de problema: daca este diferita de cea prezentata mai sus, aveti dreptate, - se deschide topic nou. In caz contrar, autorul are dreptul sa mai puna intrebari. A face cu ochiul

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Rezolvat Re: Script logare rapida

Mesaj Scris de Adi. la data de Lun 18 Feb - 18:00

Subiectul a fost marcat ca fiind rezolvat, deci il voi trimite in arhiva.

Adi.
Membru onorific
Membru onorific

masculin

Mesaje : 3749
Localizare : Forumgratuit
Data de inscriere : 01/08/2012
Multumiri : 30
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum