3 x 3 Goldauszeichnungen von MiniLiter, Sky und Obsidian

Diverses:Facebook: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
 
Zeile 1: Zeile 1:
 
{{Inuse|1=Martinnitus}}
 
{{Inuse|1=Martinnitus}}
 +
 +
<html>
 +
<div id="dialog" style="display:none;">
 +
Meldung<hr>
 +
Haben Sie sich schon die AGB durchgelesen?
 +
<br /><input type=button value="Ja" id="yes" />
 +
<input type=button value="Nein" id="no" />
 +
</div>
 +
<div id="line"></div>
 +
<div lang="s" id="s">
 +
<a href="http://www.stupidedia.org/stupi/England" style="position: absolute; z-index: 1; font-size: 11px;">Englische Version</a>
 +
<div id="header">
 +
<h1>facebook</h1>
 +
<br />
 +
<form id="efeld">
 +
<input type=text name="mail" value="Hier die E-Mail eingeben." id="t1" maxlength=20 size=30%>&nbsp;
 +
<input type=text name="pwort" value="Hier das Passwort eingeben." id="t2" maxlength=20 size=30%>&nbsp;
 +
<input name="anmeld" type=button value="Anmelden" id="subm" style="margin-right: 50px;"/>
 +
</form>
 +
</div>
 +
Noch nicht blau genug? Dann meld' dich jetzt an!
 +
<div style="position: absolute; text-align: center">
 +
<br /><br /><img src="http://upload.wikimedia.org/wikipedia/commons/c/ce/Spinnennetz_im_Gegenlicht.jpg" width="380" title="Die Vernetzung schreitet immer weiter voran" onclick="window.open('http://www.stupidedia.org/stupi/Netz');">
 +
<br /><span style="font-family: comic sans ms; font-size: 13px;">Die Vernetzung schreitet immer weiter voran <br />(ähnlich wie bei einer Spinnenplage)</span>
 +
</div>
 +
<div id="r" style="font-family: Calibri; position: relative;"><span style="font-size: 36px;">Registrieren</span>
 +
<br /><span style="font-size: 24px;">Facebook ist und bleibt kostenlos.</span>
 +
<div style="font-size: 10px;">(zumindest, solange wir mit dem Ermitteln eurer Daten noch genügend verdienen)</div>
 +
<input type=text value="Vorname" id="name1" maxlength=15 size=30%>&nbsp;
 +
<input type=text value="Nachname" id="name2" maxlength=15 size=30%>
 +
<br /><input type=text value="Koordinaten deines Wohnortes" id="name2" maxlength=15 size=40%>
 +
<br /><input type=text value="E-Mail-Adresse" id="name2" maxlength=15 size=30%>
 +
<br /><input type=text value="Nochmal deine E-Mail-Adresse (nicht kopieren)" id="name2" maxlength=15 size=45%>
 +
<br />Geburtsdatum:&nbsp;<select id="tag" style="width:40px;" onchange="alert('bla');"></select>&nbsp;
 +
<select id="mon" style="width:40px;" onchange="alert('bla');"></select>&nbsp;
 +
<select id="jahr" style="width:55px;" onchange="alert('bla');"></select>&nbsp;<a style="font-size:10px;" title="Damit wir wissen, ob wir Werbung für hochprozentigen Alkohol schalten dürfen.">Warum muss ich meinen Geburtstag angeben?</a>
 +
<br /><input type=button value="Registrieren" id="register">
 +
</div>
 +
 +
</div>
 +
<script src="http://code.jquery.com/jquery-latest.js"></script>
 +
<script type="text/javascript">
 +
$(function() {
 +
if(document.body.clientWidth>1000){
 +
var weite = 1000;
 +
}else{
 +
var weite = document.body.clientWidth;
 +
}
 +
$("#s").css({"width":weite+"px"});
 +
var zeit = new Date();
 +
$("#t1").css("color","#BBBBBB");
 +
$("#t1").css("color","#BBBBBB");
 +
for(var i=1; i<=12; i++){
 +
$("<option value='"+i+"t'>"+i+"</option>").appendTo('#tag');
 +
}
 +
for(var i=1; i<=31; i++){
 +
$("<option value='"+i+"m'>"+i+"</option>").appendTo('#mon');
 +
}
 +
for(var i=zeit.getFullYear()-70; i<=zeit.getFullYear(); i++){
 +
$("<option value='"+i+"j'>"+i+"</option>").appendTo('#jahr');
 +
}
 +
var hset = $("#header").offset();
 +
var mset = $("#t1").offset();
 +
$("#r").css("left",mset.left+"px");
 +
var te = [];
 +
$("#line").css({"top":"-"+hset.top+"px","left":"-"+hset.left+"px"});
 +
  $("#t1,#t2").focus(function(){
 +
    var te12 = $(this).attr('ID');
 +
    if(te12==="t1" && !te[0]){
 +
    this.value = "";
 +
    $(this).css("color","#000000");
 +
    te[0] = true;
 +
    }else if(te12==="t2" && !te[1]){
 +
    this.value = "";
 +
    $(this).css("color","#000000");
 +
    te[1] = true;
 +
    }
 +
    });
 +
    $("#subm").click(function(){
 +
    if(($("#t1").val()!=="" && $("#t2").val()!=="") && (te[0] && te[1])){
 +
    this.value = "Deine persönlichen Daten\nwerden übermittelt...";
 +
    this.disabled = true;
 +
    }
 +
    });
 +
 +
    $("#register").click(function(){
 +
    $("#s,#line").css("opacity","0.7");
 +
    $("#dialog").show();
 +
    $("#dialog").css({"left":Math.round(weite/2)+"px","top":Math.round(document.body.clientHeight/2)+"px"});
 +
    $("input:lang(s),select:lang(s)").attr("disabled", "disabled");
 +
    $("a:lang(s)").bind('click', function(lin){
 +
        lin.preventDefault();
 +
      });
 +
    });
 +
   
 +
    $("#no").click(function (){
 +
    $("#s,#line").css("opacity","1.0");
 +
    $("#dialog").hide();
 +
    $('input:lang(s),select:lang(s)').removeAttr("disabled");
 +
    $('a:lang(s)').unbind('click');
 +
    });
 +
 +
});
 +
</script>
 +
<style type="text/css">
 +
h1{
 +
font-size: 36px; font-family:Arial Black; color: #FFFFFF; position: absolute;
 +
//margin-left: 250px;
 +
z-index: 1; top:-5px;
 +
}
 +
#line{
 +
background: -moz-linear-gradient(top, #3B5998, #355189); background: -o-linear-gradient(top, #3B5998, #355189);
 +
background: -webkit-linear-gradient(top, #3B5998, #355189); background: -ms-linear-gradient(top, #3B5998, #355189);
 +
height: 80px;
 +
width: 100%;
 +
position: absolute;
 +
padding: 10px;
 +
z-index: -1;
 +
}
 +
#efeld{
 +
text-align: right;
 +
}
 +
html{
 +
background: -moz-linear-gradient(top, #3B5998, #355189); background: -o-linear-gradient(top, #3B5998, #355189);
 +
background: -webkit-linear-gradient(top, #F2F2F2, #BCBCBC); background: -ms-linear-gradient(top, #3B5998, #355189);
 +
}
 +
#dialog{
 +
    position: fixed;
 +
    z-index: 99;
 +
    padding: 20px;
 +
    box-shadow: 0px 0px 25px #000000;
 +
    border-style: solid; -webkit-border-radius: 5px; -moz-border-radius-: 5px; border-radius: 5px;
 +
    border-width: 2px;
 +
    background: -moz-linear-gradient(top, #DDDDDD, #AFAFAF); background: -o-linear-gradient(top, #DDDDDD, #AFAFAF);
 +
    background: -webkit-linear-gradient(top, #FFFFFF, #D3F2FF); background: -ms-linear-gradient(top, #DDDDDD, #AFAFAF);
 +
    text-align: center;
 +
}
 +
</style>
 +
</html>

Version vom 18. Juni 2014, 19:20 Uhr

Locked.svg Dieser Artikel ist in Arbeit • Letzte Bearbeitung: 18.06.2014

Hier nimmt Martinnitus Änderungen vor. Falls Du etwas dazu beitragen willst, melde Dich bitte in der Autorendiskussion oder in der Seitendiskussion.

Nimm keine eigenmächtigen Änderungen vor, bis dieser Baustein vom Autor entfernt wurde.

Tools.svg


Englische Version Noch nicht blau genug? Dann meld' dich jetzt an!



Die Vernetzung schreitet immer weiter voran
(ähnlich wie bei einer Spinnenplage)
Registrieren
Facebook ist und bleibt kostenlos.
(zumindest, solange wir mit dem Ermitteln eurer Daten noch genügend verdienen)
 



Geburtsdatum:      Warum muss ich meinen Geburtstag angeben?


Linktipps: Faditiva und 3DPresso