Monatsarchiv für September 2009

Z-Index von PNG Grafiken in ul/il

Hallo,
vielleicht hatte ja schon der ein oder andere das Problem seine Navigation mit PNG Background im Z-Index zu positionieren. Für alle die, die daran verzweifeln bloge ich hier eine kleine Anleitung.

1. die Objekte die im Z-Index positioniert werden sollen müssen die CSS Eigenschaft position:relative bekommen
2. um den li Tag muss ein weiter Div mit einem Klassennamen erstellt werden
3. das übergeordnete Objekt zB. Outline bekommt einen positiven Z-Index
3. die erstellten Divs erhalten einen negativen Z-Index

Mit der Lösung bin ich bis jetzt sehr zufrieden.

MfG Alex

HTML Code

  1.  
  2.  <div id="navcontainer">
  3.         <ul id="navlist">
  4.                 <div class="zpos"><li><a id="about" href=…><span> °About° </span></a></li></div>
  5.  

CSS Code

  1.  
  2. #outline {
  3.         position:relative;
  4.         z-index:1000;
  5.         width:1060px;
  6.         height:auto;
  7.         margin:50px auto;
  8. }
  9. .zpos {
  10.         position:relative;
  11.         z-index:-1;
  12. }

Keine Kommentare »

Alex am 29. September 2009 in HTML/CSS

navigateToURL _self
auf WordPress-Permalink

Ich habe mal ein kleines Problem gepostet mit dem ich mich beschäftigt habe.

[kml_flashembed publishmethod="dynamic" fversion="9.0.0" movie="http://www.abahlk.de/wp-content/uploads/flashlink.swf" width="100" height="100" targetclass="flashmovie" play="true" loop="false" allowscriptaccess="always" allownetworking="all"]

Get Adobe Flash player

[/kml_flashembed]

Es geht darum, mittels eines Flashlinks auf einen WordPress-Permalink im selben Tab/Fenster zuzugreifen. Von Vorteil ist die Einstellung der Permalinks auf die Benutzerdefinierte Struktur: /%category%/%postname%/ . Es wird dafür die ein aktives mod_rewrite benötigt. Somit kann in AS3 die saubere URL angegeben werden.

  1.  
  2. button.addEventListener(MouseEvent.CLICK,openURL);
  3. function openURL(e:MouseEvent):void {
  4.         var myRequest:URLRequest = new URLRequest("http://www.abahlk.de/kontakt");
  5.         navigateToURL(myRequest, "_self");
  6.         }
  7. button.addEventListener(MouseEvent.MOUSE_OVER,over);
  8. function over(e:MouseEvent):void {
  9.         buttonMode = true;
  10. }
  11.  

Um den Flashfilm einzubinden benutze ich das Kimili Flash Embed. Die wichtigen Einstellungen, damit der Flashlink auch auf die selbe Seite/Tab verlinkt wird, sind:
Publish method: Dynamic Publishing
Parameters -> allowscriptaccess: always
Das Ganze ist notwendig um die Fähigkeit zum Durchführen der ausgehenden Skripterstellung aus der SWF-Datei heraus zu steuern.
Nachzulesen bei Adobe: Link

[kml_flashembed publishmethod="dynamic" fversion="9.0.0" movie="http://www.abahlk.de/wp-content/uploads/flashlink.swf" width="100" height="100" targetclass="flashmovie" play="true" loop="false" allowscriptaccess="always" allownetworking="all"]

Get Adobe Flash player

[/kml_flashembed]

MfG Alex

Keine Kommentare »

Alex am 23. September 2009 in Flash AS3

1st Flash Game :)

Hallo,
das erste kleine Flash Projekt “Nightmare on Neverland – The Adventures of Timmy and Michael” ist Online. Programmiert wurde das Spiel mit Flash AS3 für Flashplayer 9 mit Unterstützung der SAE Hamburg.
Problematisch war die Einbindung der Hittestabfrage unter AS3. Hilfreiche Forumsbeiträge sind zu diesem Thema leider rar.

Mfg Alex

  1. //Fragt ab ob das Sprungziel von Timmy innerhalb der Stage liegt
  2. //Das Sprungziel ist die Position von Timmy + 1 Bewegung
  3. //und führt einen Hittest mit dem Kontrollpunkt und der SkyHitArea aus
  4. //gibt Booleanwert zurück, keine Trace Function möglich!
  5. function timmyCheck():Boolean {
  6.         // timmyKopf erhält die Koordinaten von TimmyTarget, nur etwas höher ;)
  7.         timmyKopf.x = timmyTargetX;
  8.         timmyKopf.y = timmyTargetY -10;
  9.         //die Hittestabfrage  gibt einen Booleanwert zurück
  10.         if      (timmyTargetX > 10 && timmyTargetX < 390 && timmyTargetY < 285 && skyHitArea.hitTestPoint(timmyKopf.x ,timmyKopf.y ,true) == false) {
  11.                 return(true);
  12.         }
  13.         else {
  14.                 return(false);
  15.         }
  16. }
  17.  

Keine Kommentare »

Alex am 14. September 2009 in Flash AS3

Ein Webanimation Blog ;)

Hallo,

und willkommen auf meinem Blog. Ich studiere zur Zeit Webdesign & Devolopment an der SAE Hamburg.
Da ich mich hauptsächlich mit Adobe Flash und Actionscript beschäftige lag es nicht fern, meine eigene Internetpräsenz diesem Thema zu widmen. Ich werde hier Beiträge zu Problemen und Lösungen während der Entwicklung eigener Projekte posten und diese dann hier auch veröffentlichen. Für Kommentare zu meinen Arbeiten bin ich dankbar.

Mfg Alex

Keine Kommentare »

Alex am 03. September 2009 in Allgemein