Intro für HP erstellen aber wie?

Muju

Hallo, kann mir mal bitte jmd. erklären wie ich ein "intro" für meine HP mache also wo ein Bild erscheint das das dann etwas nach oben geschoben wird und dann Unten eine Schrift erscheint aber Nach und Nach jeder buchstabe, und dann könnte man auf den text klicken um zur Hauptseite zu gelangen, gehts sowas? Wenn ja währs nett wenn mir mal jmd. Erklären könnte wie sowas geht Danke

>~Muju

Boman

Ja, soewtwas ist möglich.
Entweder du nutzt Flash, wie die meisten anderen für ein Intro oder HTML in Verbindung mit Javascript.

MfG, Boman

Muju

Danke kannst du bzw. ergend wer Hier ne Seite geben wo evtl. ne erklärung oder Anleitung für die veschieden Möglichkeiten gibt?

>~Muju

synaptic

welcher text soll denn da kommen?? und mit was willste das gelöst haben?? VBscript, javascript, php, jsp ajax...
solls clientside oder serverside sein, solls mit flash gemacht werden oder oder oder...
du brauchst schon etwas mehr, als nur ne idee... so kann dir nicht wirklich geholfen werden.

Muju

Zitat von synaptic

welcher text soll denn da kommen?? und mit was willste das gelöst haben?? VBscript, javascript, php, jsp ajax...
solls clientside oder serverside sein, solls mit flash gemacht werden oder oder oder...
du brauchst schon etwas mehr, als nur ne idee... so kann dir nicht wirklich geholfen werden.

Ich sag's mal so ich hab von den aufgezählten nich wirklich viel Ahnug ;(, Was ist denn am besten für "Anfänger"?

>~Muju

synaptic

ja das weiß ich net, liegt daran wie "schlau" der anfänger ist und womit er sich am wohlsten fühlt...
poste mal ne URL von deinem pic, was dort sein soll und schreib mal den text der kommen soll und ich guck mal daß ich das mit html und javascript realisiere, irgendwie

Muju

Zitat von synaptic

ja das weiß ich net, liegt daran wie "schlau" der anfänger ist und womit er sich am wohlsten fühlt...
poste mal ne URL von deinem pic, was dort sein soll und schreib mal den text der kommen soll und ich guck mal daß ich das mit html und javascript realisiere, irgendwie

Ok danke, blos das Problem ist das denke ich mal das Bild erst heute abend bzw. morgen Früh zugeschickt bekomme da es zurzeit bei meinen kollegen aufen PC ist.

Deshalb wollte ich ja schonmal alles Vorbereiten kann man nich ergend wie den Text & Bild ergend wie später einfügen?

Schonmal Danke

>~Muju

Boman

synaptic, Serverside??? versteh ich nicht, der User soll doch das Intro im Browser angezeigt bekommen und nicht auf der Konsole des Servers.

Mit Flash kenn ich mich nicht aus. Kenne da auch keine Seiten mit tuts.
Bei der anderen Lösung müsstest du auf alle Fälle HTML beherschen (SELFHTML). Und mit Javascript müsstest du dich auch beschäftigen. Zumindest mit dem DOM-Grundmodell, sowie der Funktion setInterval oder ähnlichen, um die Animation zu erzeugen. Diese Javascriptsachen findest du auch auf SELFHTML.
Ein Tut dazu kenne ich leider nicht.

MfG, Boman

synaptic

das bild is sowas von zweitrangig.... da kann man jedes x-beliebige nehmen! aber welcher text soll da stehen?? ich hab da nämlich grad ne idee und dafür muss ich wissen, was da für ein text stehen soll....
ob ein einfaches wort oder nen ganzer satz, usw.
klar könnte man das auch so realisieren, daß man irgendeinen text ins script schreibt und den dann weiterverarbeitet, aber ich würd es zuerst lieber statisch machen und dann nach und nach erweitern

edit: Boman:
jau serverside, man kann auch serverside sowas realisieren... man muss net den rechner des betrachters rechnen lassen um die positionen der einzelnen elemente zu verändern, das kann man auch dem server überlassen

Muju

Zitat von synaptic

das bild is sowas von zweitrangig.... da kann man jedes x-beliebige nehmen! aber welcher text soll da stehen?? ich hab da nämlich grad ne idee und dafür muss ich wissen, was da für ein text stehen soll....
ob ein einfaches wort oder nen ganzer satz, usw.
klar könnte man das auch so realisieren, daß man irgendeinen text ins script schreibt und den dann weiterverarbeitet, aber ich würd es zuerst lieber statisch machen und dann nach und nach erweitern

es soll kein kompletter Satz sein also wenn man jetzt mal nach der deutschen Grammatik geht aber naja^^ sind schon mehrere würde in ca. 5min schreib ich dir ne PN mit dem "Satz" muss kurz jmd. anrufen^^ dann schreib ich'S dir^^

>~Muju

synaptic

probier es mal hiermit:

HTML

<html>


<head>
  <title></title>


  
<style type="text/css">
<!--


  .intropic{margin-top: 0; margin-left: 33%;}
  .letter0{position:absolute; left: 40%;}
  .letter7{position:absolute; top:90%; left: 85%; visibility:hidden;}
  .enter{position:absolute; left: 42%; top:70%; visibility:hidden;}
  body{font-size: 20px;color: #CCFFFF; background: #000000; background-image: url();}
-->
</style>
  <script type="text/javascript">

   function moveletter0(){
  var verborgenerLayer = document.getElementById("letter0");
 var layerPosition = parseInt(verborgenerLayer.style.top);


 if (layerPosition < 300) {verborgenerLayer.style.top = (layerPosition + 5) + "px"; setTimeout("moveletter0()", 30);}
if(layerPosition == 260){moveletter1();}
  }
 
  function moveletter1(){
  var verborgenerLayer = document.getElementById("letter1");
 var layerPosition = parseInt(verborgenerLayer.style.left);


 if (layerPosition < 355) {verborgenerLayer.style.left = (layerPosition + 5) + "px"; setTimeout("moveletter1()", 15);}
if(layerPosition == 350){moveletter2();}
  }

  function moveletter2(){
  var verborgenerLayer = document.getElementById("letter2");
 var layerPosition = parseInt(verborgenerLayer.style.left);
 if (layerPosition < 410) {verborgenerLayer.style.left = (layerPosition + 5) + "px"; setTimeout("moveletter2()", 15);}
if(layerPosition == 395){moveletter3();}
  }

  function moveletter3(){
  var verborgenerLayer = document.getElementById("letter3");
 var layerPosition = parseInt(verborgenerLayer.style.left);
 if (layerPosition < 450) {verborgenerLayer.style.left = (layerPosition + 5) + "px"; setTimeout("moveletter3()", 15);}
if(layerPosition == 435){moveletter4();}
  }

  function moveletter4(){
  var verborgenerLayer = document.getElementById("letter4");
 var layerPosition = parseInt(verborgenerLayer.style.left);
 if (layerPosition < 520) {verborgenerLayer.style.left = (layerPosition + 5) + "px"; setTimeout("moveletter4()", 15);}
if(layerPosition == 505){moveletter5();}
  }

function moveletter5(){
  var verborgenerLayer = document.getElementById("letter5");
 var layerPosition = parseInt(verborgenerLayer.style.left);
 if (layerPosition < 555) {verborgenerLayer.style.left = (layerPosition + 5) + "px"; setTimeout("moveletter5()", 15);}
if(layerPosition == 525){moveletter6();}
  }

  function moveletter6(){
  var verborgenerLayer = document.getElementById("letter6");
 var layerPosition = parseInt(verborgenerLayer.style.left);
 if (layerPosition < 590) {verborgenerLayer.style.left = (layerPosition + 5) + "px"; setTimeout("moveletter6()", 15);}
if(layerPosition == 535){document.getElementById("letter7").style.visibility="visible"
if(document.getElementById("letter7").style.visibility="visible"){document.getElementById("enter").style.visibility="visible"}
}
  }	

  function zoom(){
  var target = document.getElementById("introbild");
  targetbreite = parseInt(target.style.width);
  targethöhe = parseInt(target.style.height);
  if (targetbreite < 320) {
  target.style.width = (targetbreite + 5) + "px";  
  setTimeout("zoom()", 30);}
  if (targethöhe<240) { 
  target.style.height = (targethöhe + 5) + "px"; }
  if(targetbreite >= 320){moveletter0();}


  
  }
  </script>
</head>
<body onLoad="zoom();">


[img]http://home.arcor.de/endyhelp/builds/pix/axel.jpg[/img]
<div id="letter0" class="letter0" style="top:-100px;">Master_Muju'S World!</div>


<div id="letter1" style="position:absolute; top:350px; left: -100px;">Monk</div>
<div id="letter2" style="position:absolute; top:350px; left: -100px;">and</div>
<div id="letter3" style="position:absolute; top:350px; left: -100px;">Paragon</div>




<div id="letter4" style="position:absolute; top:350px; left: -100px;">are</div>
<div id="letter5" style="position:absolute; top:350px; left: -100px;">my</div>
<div id="letter6" style="position:absolute; top:350px; left: -100px;">Life</div>


<div id="letter7" class="letter7">Master_Muju</div>
 
 <div id="enter" class="enter">[url='javascript:alert('hier musste dann noch deine eigentliche index2-seite angeben,\ndenn das intro hier sollte schon index.html heissen!');']Enter Muju´S World[/url]</div>


</body>
</html>

Alles anzeigen

ist für 1024x768 angepasst (naja so einigermassen zumindest^^, musste selber noch wat dran fummeln, daß es 100% stimmt, bin gut müde von der arbeit heute)

ergebnis sieht dann so aus:http://home.arcor.de/synaptic/hilfe/mujuintro.html

driver

hm.. ich würde dir doch lieber zu flash raten. hol dir die 30-tage trial
version und bastel weng rum. so schwer is des net. und wennst net
weiterkommst sag im flashforum bescheid dann hilft dir jemand..
(vermutlich sogar ich - wenn ich kann)....

von der theorie ises nix weiter als paar bewegungstweens....

LuNeX

Für einen Anfänger/in vielleicht eine Alternative mit "Baukasten" bei http://ekiwi.de/ in der Navi bei Free-Service klicken und dann bei Flash-Intro-Online *NEU*.

Obwohl ich diese Intros nicht leider kann. Sie erfüllen doch eh keinen wirklichen Zweck, nerven eher.

Intro für HP erstellen aber wie?

Tags

Benutzer online in diesem Thema