mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 23:52 Benutzername: Passwort: Auto-Login

Thema: wie macht man sowas? vom 27.07.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> wie macht man sowas?
Autor Nachricht
Flex
Threadersteller

Dabei seit: 25.08.2004
Ort: Im schrägen e
Alter: -
Geschlecht: Männlich
Verfasst Do 27.07.2006 15:54
Titel

wie macht man sowas?

Antworten mit Zitat Zum Seitenanfang

http://www.morphcore.de/index_backup.htm#introduction

wie macht man das, das wenn man einen Menüpunkt anklickt der Content sich das dann so nach unten öffnet?
das ist doch kein Flash, oder? wie setzt man das dann um?

danke für Antworten
  View user's profile Private Nachricht senden
burnout

Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht: Männlich
Verfasst Do 27.07.2006 16:06
Titel

Antworten mit Zitat Zum Seitenanfang

ein blick in den quellcode oder eine gezielte PN an morf hätten es dir bereits verraten *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
myel

Dabei seit: 19.01.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 27.07.2006 16:12
Titel

Antworten mit Zitat Zum Seitenanfang

muuuuuuuuuuuuuuuuuuuuuuuuuuuh

http://moofx.mad4milk.net
  View user's profile Private Nachricht senden
atonic

Dabei seit: 29.06.2006
Ort: München
Alter: -
Geschlecht: Männlich
Verfasst Do 27.07.2006 23:44
Titel

Antworten mit Zitat Zum Seitenanfang

Code:


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
   <link rel="shortcut icon" href="http://www.morphcore.de/favicon.gif" />
   <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <meta name="author" content="morphcore" />
   <meta name="copyright" content="copyright@2006 www.morphcore.de" />
   <meta name="description" content="free mp3, music, morphcore, sound, design, skill" />

   <meta name="keywords" content="free mp3, music, morphcore, sound, design, skill" />
   <meta name="robots" content="all" />
   <title>the morphcore assembly. // 2006</title>
   <style type="text/css" media="screen">
      @import 'style.css';
   </style>
   
   <script type="text/javascript" src="js/prototype.js"></script>
   <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
   <script type="text/javascript" src="js/lightbox.js"></script>

   <script type="text/javascript" src="scripts/prototype.js"></script>
   <script type="text/javascript" src="scripts/moo.js"></script>
   <script type="text/javascript" src="scripts/moo_002.js"></script>
   <script type="text/javascript">
   function init(){
      var stretchers = document.getElementsByClassName('stretcher');
      var toggles = document.getElementsByClassName('display');
      var myAccordion = new fx.Accordion(
         toggles, stretchers, {opacity: true, duration: 400}
      );
      function checkHash(){
         var found = false;
         toggles.each(function(h3, i){
            if (window.location.href.indexOf(h3.title) > 0) {
               myAccordion.showThisHideOpen(stretchers[i]);
               found = true;
            }
         });
         return found;
      }
      if (!checkHash()) myAccordion.showThisHideOpen(stretchers[0]);
   }
   </script>
</head>

<body>
<object type="application/x-shockwave-flash" data="soundlogo.swf" width="1" height="1"><param name="movie" value="soundlogo.swf" /></object>
<div id="container">

<div id="header">
    <h1 class="headline">the morphcore assembly</h1>
</div>

<div id="content">

<h2 class="display" title="introduction"><a href="#introduction">introduction</a></h2>
<div id="container1" class="stretcher">
   <div class="left">
   <h3>welcome to the morphcore assembly.</h3>

   <p>the morphcore assembly produces music, graphic-art, logotypes and illustrations for all kind of customers. perhaps we will produce soon some stuff for you, too. please go on and feel free to watch or listen to everything you'll find on our page.</p>
   <p>last update: 06-07-2006</p>
   <p>this site is optimized for <a href="http://www.mozilla-europe.org/de/products/firefox/">mozilla firefox 1.5</a> or higher.</p>
   </div>
   <div class="right">
   <h3>Supported Sites</h3>

   <p>
   <a href="http://www.boogiemonster.co.uk/"><img src="scripts/ventura.png" alt="http://www.boogiemonster.co.uk/" title="http://www.boogiemonster.co.uk/" height="50" width="50" /></a>
   <a href="http://www.bimbam.org/"><img src="scripts/bimbam.png" alt="http://www.bimbam.org" title="http://www.bimbam.org" height="50" width="50" /></a>
   <a href="http://www.sonntagslounge.de/"><img src="scripts/sl.png" alt="http://www.sonntagslounge.de" title="http://www.sonntagslounge.de" height="50" width="50" /></a><br />
   <a href="http://www.lowtechweb.de/"><img src="scripts/low.png" alt="http://www.lowtechweb.de/" title="http://www.lowtechweb.de/" height="20" width="100" /></a>
   <a href="http://www.born-visual.com/"><img src="scripts/bornvisual.gif" alt="http://www.born-visual.com/" title="http://www.born-visual.com/" height="20" width="100" /></a>
   </p>
   </div>
</div>

<h2 class="display" title="music"><a href="#music">music</a></h2>
<div id="container2" class="stretcher">
   <h3>download free mp3</h3>
   <p>all tracks created by the morphcore assembly.<br />(rightclick - save target as)</p>
   <ul>   
      <li><a href="http://www.morphcore.de/music/morphcore-affiliate.mp3">affiliate.mp3</a> 2006 LATEST RELEASE</li>
      <li><a href="http://www.morphcore.de/music/morphcore-englishlesson.mp3">english lesson.mp3</a> 2006</li>

      <li><a href="http://www.morphcore.de/music/morphcore-theopposite.mp3">the opposite.mp3</a> 2006</li>
      <li><a href="http://www.morphcore.de/music/amos%20-%20i%20can%27t%20stop%20my%20feet%20%28morphcore%20electro%20spirit%20remix%29.mp3">amos rmx.mp3</a> 2006</li>
      <li><a href="http://www.morphcore.de/music/morphcore-angernation.mp3">angernation.mp3</a> 2006</li>
      <li><a href="http://www.morphcore.de/music/morphcore-dvice.mp3">dvice.mp3</a> 2006</li>

      <li><a href="http://www.morphcore.de/music/morphcore-blood.mp3">blood.mp3</a> 2006</li>
      <li><a href="http://www.morphcore.de/music/morphcore-wetasphalt.mp3">wetasphalt.mp3</a> 2005</li>
      <li><a href="http://www.morphcore.de/music/morphcore-igotit.mp3">igotit.mp3</a> 2005</li>
      <li><a href="http://www.morphcore.de/music/morphcore-zion2006.mp3">zion2006.mp3</a>2005</li>

      <li><a href="http://www.morphcore.de/music/morphcore-jayea.mp3">jayea.mp3</a> 2005</li>
   </ul>

      <h3>supported artists</h3>
   <p>this is one of our supported acts. mike´row feat. pikante küche on midas beats.</p>
   <ul>
      <li><a href="http://www.morphcore.de/music/MikeRow%20-%20nicht%20leicht.mp3">MikeRow - nicht leicht</a> 2006</li>

      <li><a href="http://www.morphcore.de/music/pikant%20feat%20mike´row%20-%20mach%20ne%20reise.mp3">pikant feat mike´row - mach ne reise</a> 2006 (ruffmix)</li>
   </ul>
   
   <h3>download free reason refills</h3>
   <p>free avaliable reason refills</p>
   <ul>
      <li><a href="http://www.morphcore.de/refills/1001_malstrom.rfl">1001_malstrom.rfl</a> bytes: 754730</li>

      <li><a href="http://www.morphcore.de/refills/1001_subtractor.rfl">1001_subtractor.rfl</a> bytes: 903159</li>
      <li><a href="http://www.morphcore.de/refills/3rdProjectReFill0001.rfl">3rdProjectReFill0001.rfl</a> bytes: 11013</li>
      <li><a href="http://www.morphcore.de/refills/3rdProjectReFill0002.rfl">3rdProjectReFill0002.rfl</a> bytes: 68076</li>
      <li><a href="http://www.morphcore.de/refills/3rdProjectReFill0003.rfl">3rdProjectReFill0003.rfl</a> bytes: 168647</li>

      <li><a href="http://www.morphcore.de/refills/3rdProjectReFill0004.rfl">3rdProjectReFill0004.rfl</a> bytes: 21555</li>
      <li><a href="http://www.morphcore.de/refills/chemical_malstrom.rfl">chemical_malstrom.rfl</a> bytes: 61417</li>
   </ul>
</div>

<h2 class="display" title="work"><a href="#work">work</a></h2>
<div id="container3" class="stretcher">
   <h3>our recent work</h3>

   <p>selected commercial works</p>
   <ul>
      <li><a href="images/work/flyer_90s.jpg" rel="lightbox[work]" title="90s">flyer 90s party</a>for www.kulturfabrik-krefeld.de</li>
      <li><a href="images/work/flyer_christmas.jpg" rel="lightbox[work]" title="christmas card">christmas card</a>postcard for a print office</li>
      <li><a href="images/work/flyer_glamrock.jpg" rel="lightbox[work]" title="glamrock">for www.kulturfabrik-krefeld.de</a>glamrock party</li>

      <li><a href="images/work/flyer_glasses.jpg" rel="lightbox[work]" title="glasses">for www.kulturfabrik-krefeld.de</a>pornoglasses party</li>
      <li><a href="images/work/logo_finelife.jpg" rel="lightbox[work]" title="finelife">logotype finelife</a>for an artgallery</li>
      <li><a href="images/work/retouch.jpg" rel="lightbox[work]" title="retouching">photoretouching</a>before/after our retouching process</li>
      <li><a href="images/work/site_bankenprobleme.jpg" rel="lightbox[work]" title="bankenprobleme.de">www.bankenprobleme.de</a>commercial website</li>
      <li><a href="images/work/site_bettfix.jpg" rel="lightbox[work]" title="bettfix.de">www.bettfix.de</a>commercial website</li>

      <li><a href="images/work/site_jbarts.jpg" rel="lightbox[work]" title="jb-arts.de">www.jb-arts.de</a>commercial site</li>
      <li><a href="images/work/site_krefeldhasst.jpg" rel="lightbox[work]" title="krefeld-hasst.de">www.krefeld-hasst.de</a>private site</li>
      <li><a href="images/work/site_xoon.jpg" rel="lightbox[work]" title="xoon clanpage">www.morphcore.de/xoon</a>clansite</li>
   </ul>

</div>

<h2 class="display" title="artworks"><a href="#artworks">artworks</a></h2>
<div id="container4" class="stretcher">
   <h3>collected artwork made by us</h3>
   <p>selected free works</p>
   <ul>
      <li><a href="images/artwork/fear_001.jpg" rel="lightbox[artwork]" title="fear series 001">fear series 001</a>you're all going to die down here!</li>
      <li><a href="images/artwork/fear_002.jpg" rel="lightbox[artwork]" title="fear series 002">fear series 002</a>you're all going to die up here!</li>

      <li><a href="images/artwork/fear_003.jpg" rel="lightbox[artwork]" title="fear series 003">fear series 003</a>you're all going to die upside down!</li>
      <li><a href="images/artwork/logo_bird.jpg" rel="lightbox[artwork]" title="birdlogo">logotype birdk</a>created for an exclusiv graphic battle</li>
      <li><a href="images/artwork/logo_bonecrusher.jpg" rel="lightbox[artwork]" title="bone logo">logotype bonecrusher</a>logotype for a skatebrand</li>
      <li><a href="images/artwork/logo_darque.jpg" rel="lightbox[artwork]" title="darque.exe">logotype darque.exe</a>for the band darque.exe</li>
      <li><a href="images/artwork/logo_morphcore.jpg" rel="lightbox[artwork]" title="morphcore logo">logotype morphcore</a>the old morphcore logotype</li>

      <li><a href="images/artwork/logo_tig.jpg" rel="lightbox[artwork]" title="tig logo">logotype tig</a>for www.talkinggermany.de. was not used.</li>
      <li><a href="images/artwork/uprising.jpg" rel="lightbox[artwork]" title="uprising art">the uprising</a>artwork for an illustration contest</li>
      <li><a href="images/artwork/waidmann.jpg" rel="lightbox[artwork]" title="waidmann art">waidmann</a>free artwork</li>
      <li><a href="images/artwork/squirt.jpg" rel="lightbox[artwork]" title="squirt art">squirting</a>free artwork without any sense</li>
      <li><a href="images/artwork/skullz.jpg" rel="lightbox[artwork]" title="skullz art">graphic skullz</a>created for a campain. was not used.</li>

      <li><a href="images/artwork/carribean.jpg" rel="lightbox[artwork]" title="carribean art">carribean</a>free artwork for posterprint</li>
      <li><a href="images/artwork/oral.jpg" rel="lightbox[artwork]" title="oral art">oral</a>battlestep for a graphic battle</li>
      <li><a href="images/artwork/pornangel.jpg" rel="lightbox[artwork]" title="pornangel art">pornangel</a>free artwork full of pr0n</li>
      <li><a href="images/artwork/allealle.jpg" rel="lightbox[artwork]" title="allealle art">allealle</a>free artwork</li>
   </ul>

</div>

<h2 class="display" title="imprint"><a href="#imprint" class="subline">imprint</a></h2>
<div id="container5" class="stretcher">
   <h3>the morphcore assembly</h3>
   <p>Florian Bredl<br />Steinstraße 129<br />47798 Krefeld<br />tel.: 02151 / 780 26 36<br />mail: info@morphcore.de</p>
   <p>&copy; 2006 / the morphcore assembly</p>

</div>
</div>
</div>
   <script type="text/javascript">Element.cleanWhitespace('content'); init();</script>
   <script src="scripts/urchin.js" type="text/javascript"></script>
   <script type="text/javascript">_uacct = "UA-382849-1"; urchinTracker();</script>
</body>
</html>



der Quelltext von Morphcore *zwinker*


Zuletzt bearbeitet von atonic am Do 27.07.2006 23:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.