Mal was neues..o.O.

synaptic

is dat game jetzt vorbei??
macht hier niemand mehr mit?

The User

Werde morgen wieder was dran machen, das scroll war ja von mir, da kann ichs ja auch ändern.

synaptic

Zitat von Alienx

Hi,

um kurz auf die Fragen einzugehen:

Nein, nachträgliche Änderungen -auch die, des eigenen Codes- sind nicht erlaubt, würde sonst zu viel Verwirrung geben.

Den Code zu validieren, ist natürlich jederzeit gestattet.

Für den Umfang der Ergänzungen gibt es natürlich keine Begrenzung.

MfG Alienx

Alles anzeigen

also diesem posting entsprechend wäre des net erlaubt....
aber ich denke, da es ja das erste mal ist wird des net so tragisch sein!

Alienx
falls wir dieses spiel weiterführen (und zum beispiel die anderen pages machen und nich nur die index.html) wären feste regeln angebracht
überleg dir da mal was.
wobei ich aber denke, daß dieses spiel scheinbar net genug anklang findet-
was für den gut besuchten html-bereich schon wieder traurig ist.. hier kann man doch so schön die basics testen und rumprobieren

The User

HTML

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


<head>
<meta name="DC.Creator" content="Forum-Hilfe-User"/>
<meta name="DC.Rights" content="© Alle Rechte liegen bei den Autoren"/>
<meta name="DC.Description" content="Mal eine neue Seite, erstellt von Forum-Hilfe.de"/>
<meta name="title" content="Mal etwas neues"/>
<meta name="keywords" content="Mal was neues, Forum Hilfe,"/>




         <title>Mal was neues...o.O.</title>
 
<style type="text/css">
body{
margin:0;
padding:0;
background: url("http://home.arcor.de/synaptic/hier/bg.png") repeat-x #DCDCDC;
}
#main {
margin: 0 auto;
width: 1000px;
}
#hauptbanner {
background:url("http://home.arcor.de/synaptic/hier/header_fhs.jpg");
width:1000px;
height: 250px;
margin:0 auto;
}
#content {
width:750px;
height: 750px;
margin-left: 25px;
padding:0 10px;
overflow: auto;
float: left;
border: 2px solid green;
border-top: 0;
}
#midsection {
margin: 25px auto;
}
#status {
width: 100px;
float: left;
}
#sublinks {
width: 100px;
overflow:none;
margin-left: 8px;
float: left;
}
#sublinks ul {
list-style:none;
padding: 0;
margin: 0;
}
#sublinks ul li a{
text-decoration:none;
}


#navi {
width : 1000px;
height : 25px;
border : 1px solid #999999;
background : #5d5d5d;
font : normal 90% Verdana;
}
#navi a {
color : #999999;
text-decoration : none;
}
#navi a:hover, #navi a:focus {
color : #008000;
text-decoration : underline;


}
#navi ul{
list-style:none;
margin-top:3px;
}


#navi ul li{
display: inline;
padding-right:10px;
}


#footer {
width:1000px;
height: 75px;
margin-top: 25px;
text-align: center;
}
#main{
margin: 0 auto;
}
h1{
font-weight:600;
font-size:1.5em;
color:#000AAA;
text-align:center;
}
fieldset{
padding:10px;
}
.clear{
clear:both;
}
</style>




<script type="text/javascript">
var hola = "Am Dienstag den 06.05.2008 um 20:31 eröffnete der User Alienx den Thread mit dem Titel: 'Mal was neues..o.O'
"+
         "damit rief er ein kleines Fun-Projekt ins Leben, was unser Können im Bereich HTML, CSS, Javascript sowie Elemente des Webdesigns
"+
         "von uns abverlangte....
Die Aufgabenstellung war folgende:"+
         "


Ein User postet ein Stück (vollständigen) HTML-Code mit oder ohne sichtbaren Inhalt, das bleibt dem User selbst überlassen. Der User danach postet wiederum ein weiteres Stück ergänzenden HTML Code zu dem bereits bestehenden HTML-Fragment. Das ganze geht dann immer so weiter. Jetzt soll das ganze ja nicht nur einfach zu einer Ansammlung von zusammenhangslosem Codeabfall führen, am Ende soll dabei eine vollständ strukturierte HTML-Seite mit passenden Layout und Design entsehen. Bilder dürfen verwendet werden, ebenso JavaScript. Für Bilder gilt aber nach wie vor, das Urheberrecht zu beachten. CSS ist ebenfalls erlaubt, allerdings in dem Fall nur als Notation im Head oder inline-style-Element. </p>";


      
var hola2 = "<fieldset>"+
              "<legend>Mitarbeiter</legend>"+
          "


synaptic</p>"+
            "


The User</p>"+
            "


Alienx</p>"+
            "


Sport Tipps</p>"+
            "


::RMB::</p>"+
            "


Josi</p>"+
            "</fieldset>";

//var

function schreibe(objekt, text){
   document.getElementById(objekt).innerHTML = text;
}


</script>
      </head>


      <body>


      <div id="main">


      <div id="hauptbanner">
      </div>


      <div id="navi">


      <ul>
      [*][url='index.html']Startseite[/url]
      [*][url='galerie.html']Galerie[/url]
      [*][url='about.html']About[/url]
      [*][url='kontakt.html']Kontaktformular[/url]
      [*][url='impressum.html']Impressum[/url]
      [/list]
      <noscript><div>Bitte aktivieren Sie Javascript, um eine volle Funktionalität dieser Website zu erreichen!!!</div></noscript>
      </div>


      <div id="midsection"><h1>Das Forum-Hilfe.de Fun-Projekt</h1>
      <div id="sublinks">
      <ul>
      <!--  Deklariert im javascript einfach eine neue variable, die ihr mit inhalt füllt so wie die variable "hola"
      diese variable muss außerhalb jeder funktion deklariert sein!!
      danach könnt ihr sie dann über die href eines links aufrufen (siehe unten)
      ich wollte hier jetzt nicht die links vorgeben, weil ich sonst eure kreativität zu sehr einschränken würde...
      aber es würde mich freuen, wenn ihr hier noch ein bisserl inhalt über links in diese liste hier unten
      einpflegen würdet ;o)
      also dann in diesem style: [*][url='javascript:schreibe('content', euer_variablenname);'][/url]
      mfg synaptic
      -->
      [*][url='javascript:schreibe('content', hola);']Geschichtliches[/url]
      [*][url='javascript:schreibe('content', hola2);']Mitarbeiter[/url]
 
      [/list]
      </div>


      <div id="content">
     Das hier ist das Forum-hilfe.de-Fun-Projekt


     Über die Navigation links findet Ihr alle Informationen, wie dieses Projekt entstanden ist.


     Viel Spass beim stöbern ;o)
      </div>


      <div id="status">
      Du bist bei Forum-Hilfe
      </div>
      </div>


      <div id="footer" class="clear">
      [C] and Design by [url]www.forum-hilfe.de[/url]
      </div>


      </div>


      </body>
      </html>

Alles anzeigen

Ist jetzt valider, aber das mit den HTML-Tags im Javascript-String habe ich nicht hinbekommen, zu validieren.

Alienx

Hi,

synaptic, war eine Woche in Italien und bin eben erst nach Hause gekommen. Hatte leider auch keinen I-Net Zugang.

Werde mir morgen mal ein paar festere Regeln überlegen und dann alles hier posten.

MfG Alienx

Hubi

ob der ein oder andere nicht damit versucht, weil er nicht selber html kann, eine Homepage zu erschleichen?

Alienx

Tja,

solche Leute wird es immer geben. Ich will nicht wissen, wie oft das Forum hier schon als "Open-Source-Code-Quelle" missbraucht wurde. Das Risiko besteht immer, aber wenn es danach ginge, wäre es schon zuviel, hier einfachen HTML/CSS-Code als Hilfestellung zu posten.

MfG Alienx

Alienx

So, also folgende, hier nochmal kurz zusammengefasste Regeln gelten:

1. Es sind nach, wie vor KEINE Änderungen am bestehenden Quelltext erlaubt. Egal in welcher Form, es sei denn, es geht darum, bestehenden Quellcode zu validieren, die ist gestattet.

2. Abgesehen von XHTML, CSS und JavaScript sind KEINE anderen Technologien, wie PERL, PHP, Flash, CGI oder JAVA gestattet.

3. Selbstverständlich dürft ihr neben der index-Datei auch sämtliche weiter in der Navigation aufgelisteten Unterseiten basteln, allerdings auch hier mit der Einschränkung, dass das bestehende Gersüt der index.html übernommen, und nur der Main-Content-Bereich bearbeitet werden darf. Solltet ihr eine dieser Unterseiten erstellen, schreibt bitte immer dazu, um welche Datei es sich handelt, damit kein Durcheinander zwischen den einzelnen Quelltexten entsteht.

Wenn du, synaptic, oder jemand anderes noch Vorschläge hat, bitte ich darum, diese hier zu posten. Vielen Dank.

MfG Alienx

synaptic

joa also der einbau von nem applet sollte schon erlaubt sein, daß is ja nix serverseitiges, sondern wird durch html dargestellt, genauso wie flash...
also wenn jemand da was hat oder bauen möchte sollte des schon erlaubt sein... ist halt lediglich die frage nach dem hosten über längere zeit, also wie wir des hinbekommen, daß des persistent bleibt.

Alienx

Hi,

ehrlich gesagt, hatte ich das Spiel so konzipiert, dass es bis zum 6.6. lediglich um Gestaltung und Strukturierung der Seite geht, JavaScript fiele da im Prinzip schon fast weg, aber da es nur eine Art Steuerungssprache ist, lasse ich es vorerst einmal zu.

JAVA o.ä. geht dann doch zu sehr in den programmiertechnischen Bereich.

Allerdings hatte ich mir gedacht, dass, wenn wir dann dieses Spiel am 6.6. beenden, ein neues Spiel, sozusagen Runde 2 von dem hier, gestartet wird.

In diesem werden dann Applets erlaubt sein, ebenso, wie PHP oder andere serverseitige Sprachen. Was das Hosten betrifft, mach dir mal keine Sorgen, ich kann die Seite auf Wunsch gerne auf meinen Server packen. Habe 4 DB´s und Datenbankunterstützung.

MfG Alienx

Alienx

So,

da das Spiel tatsächlich, wie synaptic schon sagte, kaum Anklang findet, würde ich sagen, beenden wir das ganze hier jetzt einmal und machen mit der Pahse2 weiter, die eigentlich erst für den 6.6. vorgesehen war.

Das heißt, es sind ab jetzt JAVA-Applikationen, PHP-Skripte, Flash-Animationen, CGI-Anwendungen und PERL-Skripte erlaubt.

Hoffe, dass sich jetzt ein paar mehr melden, die Interesse am Spiel haben. Ich kann mich zwar mit den meisten, d. o.g. Technologien nicht beteiligen, aber ich denke, es gibt hier einige, die dies könnten.

Viel Spaß weiterhin und

MfG Alienx

gelöschter User

HTML

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


<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<meta name="DC.Creator" content="Forum-Hilfe-User" />
<meta name="DC.Rights" content="© Alle Rechte liegen bei den Autoren"/>
<meta name="DC.Description" content="Mal eine neue Seite, erstellt von Forum-Hilfe.de"/>
<meta name="title" content="Mal etwas neues"/>
<meta name="keywords" content="Mal was neues, Forum Hilfe,"/>


<title>Mal was neues...o.O.</title>
 
<style type="text/css">
body
{
  margin:0;
  padding:0;
  background: url("http://home.arcor.de/synaptic/hier/bg.png") repeat-x #DCDCDC;
}
#main 
{
  margin: 0 auto;
  width: 1000px;
}
#hauptbanner 
{
  background:url("http://home.arcor.de/synaptic/hier/header_fhs.jpg");
  width:1000px;
  height: 250px;
  margin:0 auto;
}
#content 
{
  width:750px;
  height: 750px;
  margin-left: 25px;
  padding:0 10px;
  overflow: auto;
  float: left;
  border: 2px solid green;
  border-top: 0;
}
#midsection 
{
  margin: 25px auto;
}
#status 
{
  width: 100px;
  float: left;
}
#sublinks 
{
  width: 100px;
  overflow:none;
  margin-left: 8px;
  float: left;
}
#sublinks ul
{
  list-style:none;
  padding: 0;
  margin: 0;
}
#sublinks ul li a
{
  text-decoration:none;
}
#navi
{
  width : 1000px;
  height : 25px;
  border : 1px solid #999999;
  background : #5d5d5d;
  font : normal 90% Verdana;
}
#navi a 
{
  color : #999999;
  text-decoration : none;
}
#navi a:hover, #navi a:focus 
{
  color : #008000;
  text-decoration : underline;
}
#navi ul
{
  list-style:none;
  margin-top:3px;
}
#navi ul li
{
  display: inline;
  padding-right:10px;
}
#footer 
{
  width:1000px;
  height: 75px;
  margin-top: 25px;
  text-align: center;
}
#main
{
  margin: 0 auto;
}
h1
{
  font-weight:600;
  font-size:1.5em;
  color:#000AAA;
  text-align:center;
}
fieldset
{
  padding:10px;
}
.clear
{
  clear:both;
}
</style>


<script type="text/javascript">
var link_geschichte = "Am Dienstag den 06.05.2008 um 20:31 eröffnete der User Alienx den Thread mit dem Titel: 'Mal was neues..o.O' 
" +
         "damit rief er ein kleines Fun-Projekt ins Leben, was unser Können im Bereich HTML, CSS, Javascript sowie Elemente des Webdesigns
"+
         "von uns abverlangte....
Die Aufgabenstellung war folgende:"+
         "


Ein User postet ein Stück (vollständigen) HTML-Code mit oder ohne sichtbaren Inhalt, das bleibt dem User selbst überlassen. Der User danach postet wiederum ein weiteres Stück ergänzenden HTML Code zu dem bereits bestehenden HTML-Fragment. Das ganze geht dann immer so weiter. Jetzt soll das ganze ja nicht nur einfach zu einer Ansammlung von zusammenhangslosem Codeabfall führen, am Ende soll dabei eine vollständ strukturierte HTML-Seite mit passenden Layout und Design entsehen. Bilder dürfen verwendet werden, ebenso JavaScript. Für Bilder gilt aber nach wie vor, das Urheberrecht zu beachten. CSS ist ebenfalls erlaubt, allerdings in dem Fall nur als Notation im Head oder inline-style-Element. </p>";


     
var link_mitarbeiter = "<fieldset>"+
              "<legend>Mitarbeiter</legend>"+
          "


synaptic</p>"+
            "


The User</p>"+
            "


Alienx</p>"+
            "


Sport Tipps</p>"+
            "


::RMB::</p>"+
            "


Josi</p>"+
            "</fieldset>";

var link_kontakt = "<form name='test' action='mailto:keine_ahnung[at]forum-hilfe.de?subject=Email%20an%20Forum-Hilfe&body=Hallo%20Forum Hilfe!' method='post' enctype='text/plain'>Name : <input name='Name' size='20'>
Email: <input name='Email' size='20'>
Frage: <textarea name='Frage' rows='7' cols='30'>Schreibe hier deine Frage hinein!</textarea>


<input type='submit' value='Abschicken!'><input type='reset' value='Abbrechen'></form>";
 
var link_impressum = "Eine nicht existierende Seite brauch auch kein Impressum :P";    
//var

function schreibe(objekt, text)
{
  document.getElementById(objekt).innerHTML = text;
}
</script>


</head>


<body>


<div id="main">


  <div id="hauptbanner">
  </div>


  <div id="navi">
    <ul>
    [*][url='index.html']Startseite[/url]
    [*][url='galerie.html']Galerie[/url]
    [*][url='about.html']About[/url]
    [*][url='javascript:schreibe('content', link_kontakt);']Kontaktformular[/url]
    [*][url='javascript:schreibe('content', link_impressum);']Impressum[/url]
  [/list]
  <noscript><div>Bitte aktivieren Sie Javascript, um eine volle Funktionalität dieser Website zu erreichen!!!</div></noscript>
  </div>


  <div id="midsection">
    <h1>Das Forum-Hilfe.de Fun-Projekt</h1>
    <div id="sublinks">
      <ul>
        <!--  Deklariert im javascript einfach eine neue variable, die ihr mit inhalt füllt so wie die variable "hola"
        diese variable muss außerhalb jeder funktion deklariert sein!!
        danach könnt ihr sie dann über die href eines links aufrufen (siehe unten)
        ich wollte hier jetzt nicht die links vorgeben, weil ich sonst eure kreativität zu sehr einschränken würde...
        aber es würde mich freuen, wenn ihr hier noch ein bisserl inhalt über links in diese liste hier unten
        einpflegen würdet ;o)
        also dann in diesem style: [*][url='javascript:schreibe('content', euer_variablenname);'][/url]
        mfg synaptic
        -->
        [*][url='javascript:schreibe('content', link_geschichte);']Geschichtliches[/url]
        [*][url='javascript:schreibe('content', link_mitarbeiter);']Mitarbeiter[/url]
      [/list]
    </div>


    <div id="content">
      Das hier ist das Forum-hilfe.de-Fun-Projekt


      Über die Navigation links findet Ihr alle Informationen, wie dieses Projekt entstanden ist.


      Viel Spass beim stöbern ;o)
    </div>


    <div id="status">
      Du bist bei Forum-Hilfe
    </div>
  </div>


  <div id="footer" class="clear">
    [C] and Design by [url]www.forum-hilfe.de[/url]
  </div>
</div>


</body>
</html>

Alles anzeigen

Hab 2 Variablen umbenannt und den Kontakt hinzugefügt.
Mir ist grad mal aufgefallen, dass wenn man andere Sprachen auch noch erlaubt, dass ganze einen eigenen Webspace haben müsste... Theoretisch könnten wir ja auf Funpic ein Webspace holen und alle die Interesse haben können Alienx nach den Daten fragen. Währ ne Idee find ich^^

EDIT: hab das @ rausgenommen !^^ steht jetzt stattdessen [at] weil sonst motzt phpbb rum^^

Gruß crAzywuLf

Alienx

crAzywuLf: Bitte rein GARNICHTS Bestehendes am Skript ändern, danke!

Und, wie gesagt, ich habe zwei PHP5- und MySQL5-fähigen Server und kann eine SubDomain für die Seite einrichten. Ihr müsst mich nur rechtzeitig informieren.

MfG Alienx