Archiv der Kategorie ‘Actionscript & Flash‘

Typo3 pagepeel extension

Mittwoch, den 19. Dezember 2007

Typo3 pagepeel plugin (Extension HEX Pageear)

First, many thanks to JC.Lukas from www.hit-enter.de who build typo3 extension pageear.

Installation (de):

- Installiere die extension über den Extension Manager
- Erstelle einen sysfolder
- Ein neues item über Web->List Modul zum sysfolder hinzufügen
- Über den Konstanten-Editor können die Einstellungen verändert werden.
- Erstelle ein neues Externsion Template oder verwende den Konstanten-Editor um die Einstellungen des pageear zu verändern. (PID, sizes)
- Füge das statische Template von Hex Pageear ein.

Installation (en):

- Install the Extension over Extension Manager
-Create sysfolder
- Add a Item to the sysfolder over Web->List Modul small image size and big image size can customize over constant Editor
- create an Extension Template or use the Constant Editor to modify Settings(PID,sizes)
- Inlcude the static Template from Hex Pageear

Download

-> Lizenzvereinbarung lesen / read license agreements <-

19.12.07: Typo3 pageear extension Download


Wordpress pagepeel plugin

Mittwoch, den 19. Dezember 2007

Wordpress Plugin

Administration Screenshot:

Wordpress pagepeel administration

Installation (de):

- Packet herunterladen und entpacken.
- das komplette Verzeichnis "pageear" auf den Server unter wp-content/plugins/pageear/ hochladen.
- In der Wordpress admin auf Plugins gehen und pageear aktivieren
- Unter Plugins gibt es nun einen neuen Navigationspunkt "pageear-config" über den das pageear eingestellt werden kann.

Installation (en):

- Download package.
- upload complete directory "pageear" to your server in wordpress directory wp-content/plugins/pageear/ .
- Login into wordpress backend and go to plugins and activate pageear plugin
- Now you find a new link in plugins called "pageear-config". There you can edit your pagepeel.

-> Lizenzvereinbarung lesen / read license agreements <-

Download: PageEar v1.2a - Pagepeel Wordpress Plugin

09.07.08: I fixed the pageear to avoid to be blocked by popup-Blocker. Version number is the same. 

IMPORTANT for install: If you installed pageear plugin than  go to new navigation point under plugins called "Pageear-config" and press update button. Otherwise the path to your pageear images are not correct!!!!


Joomla pagepeel module

Mittwoch, den 19. Dezember 2007

Joomla Module

Installation (en):- Upload zip-File package in Backend Installers -> Modules .
- Go to Modules -> Site Modules and activate Pageear Joomla Module freischalten.

Installation (de):

- Im Backend über Installers -> Modules das zip-File hochladen.
- Über Modules -> Site Modules das Modul Pageear Joomla freischalten.

 Download:

22.11.07: PageEar Joomla - kostenloses Pagepeel für Joomla

-> Lizenzvereinbarung lesen read license agreements <-


Joomla pagepeel, pageear Ad-Ons

Mittwoch, den 10. Oktober 2007

Pageear - Pagepeel Ad Ons

Nachdem das pageear sich so großer Beliebtheit erfreut kommen hier nun weitere Add-Ons für das Peel:

Joomla Module

Download: PageEar Joomla - kostenloses Pagepeel für Joomla

Wordpress Plugin

Download: PageEar v1.2a - Pagepeel Wordpress Plugin

Typo3 Extension 

Download: Typo3 pagepeel plugin (Extension HEX Pageear)

Drupal Module 

Download: Drupal pagepeel implementation with PageEar


Pageear - free peel away ad

Dienstag, den 2. Oktober 2007

In the summer 2006 the topic PagePeel (also called Magic Corner, PeelAd, peel away ad) comes up as a new interesting advertising form on websites. I found a lot of more or less well designed PagePeel scripts, but not a single of them was for free.

Here I would like to offer my PagePeel free of charge and without external advertisings. Only condition is that you leave copyright notice.

If you like free page peel script, a backlink would be nice.

Feature:

  • NEW! Pageear is scalable now. You can change the peel size 100×100 and 500×500 Pixel by your own.   
  • Plays MP3-Files on startup, open and close of Pagepeel.
  • Possibility to leave peel open and wait for userklick to close. Close text is editable.  
  • Place it on the left or right upper corner
  • Open and close automaticly after X seconds
  • Speed of the small pageear could be changed
  • Flashcheck (Adobe© Flash Detection)
  • Reflecting image on corner
  • Color of the pagecorner
  • Link target on external side or own (self, new)
  • Downwardcompatibly up to Flashversion 6
  • Runs on nearly all Browser (FireFox, InternetExplorer, Opera, Safari, etc.)

Installation

1. Download free PagePeel - pack (see below).

2. Unpacked Zip archive on your harddisk.

3. Create two image with size of 100×100 pixel and 500×500 pixel in jpg format. The right top of the pictures (diagonal from the upper left corner to the right lower corner) is visible in your pagepeel. As example use / modifiy provided images pageear_b.jpg and pageear_s.jpg.

4. Edit the file pageear.js with a text editor. Change the urls to the swf files and the jpg images (pageear_b.swf and pageear_s.swf)

For example, if you put pageear on www.any-domain.de/pagepeel/, the URLs must point there.

5. Upload all files on your server (e.g.: public_html/pagepeel/)

6. Include pageear.js and AC_OETags.js in your pagehead. Put the writeObjects() javascript function at the end in your body-Area. For example check index.html.

<html>
<head>
<title></title>
<script src="/dein_pageear_server_pfad/AC_OETags.js"
type="text/javascript">
</script>
<script src="/dein_pageear_server_pfad/pageear.js"
type="text/javascript">
</script>
</head>
<body>
<!-- Contents begin -->
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem
ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
 Lorem ipsum
<!-- Contents end--><script type="text/javascript">
writeObjects();
</script>
</body>
</html>

If you do all right, the Pagepeel should be shown up on your side.

Note: Pagepeel does not works with a local call (thus if you start directly index.html). To test the pageear simply upload all files to your server an call index-file http://www.musterdomain.de/test/index.html

ToDo for the next version:

- PHP/MySQL Admin
- Administration of several Ads
- Upload and automatically scaling the dimensions of images for the Pagepeel
- further configurable effects

Downloads:

-> Please read license agreements <-

-> A Backlink to this site would be nice ;-)  

Pre Release v1.4:

29.06.08: PageEar v1.4 (PagePeel free) Download

STABLE:

17.12.07: PageEar v1.2b (PagePeel free) Download

BETA v1.3:

26.03.08: PageEar v1.3 Beta !! (PagePeel free) Download

>> NEW: Pageear administration is available

Pagepeel administration

Want to support us?

29.06.08: PageEar v1.4

  • Peel will be visible if big peel is completely loaded
  • Peel is no scalable. Set size thumbWidth & thumbHeight und bigWidth & bigHeight in pageear.js for your images. I tested it with 200×200 Pixel for the small peel and 1000×1000 Pixel for the big one.

26.03.08: PageEar v1.3

  • Plays MP3-Files on startup, open and close of Pagepeel.
  • Possibility to leave peel open and wait for userklick to close. Close text is editable.   

17.12.07: PageEar v1.2b

  • Sometimes on first mouse over on the small peel the big peel image appeares to late. Fixed now.

13.11.07: PageEar v1.2a

  • Sometimes the big peel dont opens. Changed the communication between the peel over localConnection
  • Nice soft fadein its now possible if peel is loaded.

28.09.07: PageEar v1.2

  • Set pageear in left or right corner of the browser with the new var setDirection

18.09.07: PageEar v1.1a

  • Open and close automaticly after X seconds

10.09.07: PageEar v1.1

  • Fix pageear.js to avoid horizontal browser scrollbar
  • Speed of the small pageear could be changed (1:fast to 4:slow)

PageEar - das kostenlose Pagepeel

Samstag, den 1. September 2007

Im Sommer 2006 kam das Thema PagePeel als dezente Werbeform auf Internetseiten auf. Seitdem gibt es immer mehr Anbieter die dieses Eselsohr (auch Magic Corner, PeelAd oder im Englischen peel away ad genannt), mal mehr mal weniger gut umgesetzt, anbieten.

Hier möchte ich nun mein PagePeel kostenlos und ohne fremde Werbeinblendung anbieten. Einzige Bedingung ist, dass die Copyrighthinweise unverändert stehen bleiben.

Wenn euch das Eselsohr gefällt, würde ich mich über einen Link von euch auf diese Seite hier freuen.

Features:

  • NEU! Pageear ist beliebig skalierbar. Es muss nicht mehr die Größen 100×100 und 500×500 Pixel eingehalten werden. 
  • Abspielen von MP3-Dateien nach dem Laden, öffnen bzw schließen des Pagepeels.
  • Peel nicht automatisch schließen, klick von User erforderlich. Schließentext frei wählbar. 
  • Platzierbar in der linken oder rechten oberen Ecke
  • Automatisches öffnen nach X Sekunden und schließen nach X Sekunden
  • Geschwindigkeit der kleinen Browserecke in 4 Stufen einstellbar
  • Flashcheck (Adobe© Flash Detection)
  • Spiegelndes Bild auf der Blätterecke ein/aus
  • Farbe der Blätterecke
  • Link auf externe Seite oder eigene (self, new)
  • Abwärtskompatibel bis zur Flashversion 6
  • läuft auf fast allen gängigen Browsern (FireFox, InternetExplorer, Opera, Safari, etc.)

Zur Installation

1. Ladet euch das PagePeel kostenlos - Packet herunter (siehe unten).

2. Entpackt das Zip-Archiv in einem Verzeichnis auf eurer Festplatte.

3. Erstellt euch zwei Bilder mit den größen 100×100 Pixel und 500×500 Pixel im jpg-Format. Der rechte obere Teil der Bilder (also diagonal von der oberen linken Ecke zur rechten unteren Ecke) ist später in eurem Pagepeel sichtbar. Als Beispiel könnt ihr euch die zwei mitgelieferten Bilder pageear_b.jpg und pageear_s.jpg ansehen.

4. Editiert nun die Datei pageear.js mit einem Texteditor. Hier müsst ihr die URL zu den Bildern die euer Pagepeel anzeigt eintragen sowie die URL zu den beiden Flashdateien (pageear_b.swf und pageear_s.swf)

Also wenn ihr das ganze auf euerer Domain unter www.musterdomain.de/pagepeel/ ablegt, müssen die URLs dann auch entsprechend dorthin zeigen.

5. Ladet alle Datein per FTP auf euren Server hoch (z.B.: public_html/pagepeel/)

6. Jetzt müsst ihr nur noch auf der Seite, auf der das Pagepeel erscheinen soll die javascript Dateien und den Aufruf einbinden. Normalerweise gibt es hierfür sowas wie eine zentrale "header.php" und "footer.php". Als Beispiel könnt ihr euch an der index.html die in dem Packet mit dabei ist orientieren.

<html><head><title></title>   

<script src="/dein_pageear_server_pfad/AC_OETags.js"     

type="text/javascript"></script>   

<script src="/dein_pageear_server_pfad/pageear.js"   

 type="text/javascript"></script>   

</head>   

<body>   

<!-- Dein Inhalt Anfang -->   

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem   

ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum   

 Lorem ipsum   

<!-- Dein Inhalt Ende-->   

<script type="text/javascript">   

writeObjects();   

</script>   

</body>   

</html>

Wenn ihr alles richtig gemacht habt, sollte das Pagepeel nun auf eurer Seite angezeigt werden.

Hinweis: Das pagepeel funktioniert bei einem lokalen Aufruf nicht (also wenn ihr direkt die index.html startet). Zum testen könnt ihr die Dateien einfach unverändert auf euren Server laden und dann die http://www.musterdomain.de/test/index.html aufrufen.

ToDo für die nächste Version:

- PHP / MySQL Admin
- Verwaltung von mehreren Ads
- Upload und automatisch Skalierung der Bildgrößen für das Pagepeel
- weitere konfigurierbare Effekte

Downloads:

Ein Backlink wäre ein faires Dankeschön ;-):

-> Lizenzvereinbarung beachten <-

Pre Release v1.4:

29.06.08: PageEar v1.4 (PagePeel) Download

STABLE: 

17.12.07: PageEar v1.2b (PagePeel kostenlos) Download

BETA v1.3: 

26.03.08: PageEar v1.3 Beta !! (PagePeel kostenlos) Download

>> Pageear Administration ist fertig:

PageEar V2 - free Pagepeel with administration

Unterstützt das Projekt mit einer kleinen Spende:

Changelog v1.4 / 29.06.08:

  • Das Peel wird erst angezeigt, wenn auch das Große komplett geladen ist.
  • Das pageear ist nun komplett skalierbar. Über thumbWidth & thumbHeight und bigWidth & bigHeight kann nun (fast) jede beliebige Größe eingestellt werden. Natürlich muss das Bild dann auch die ensprechende Größe haben. Ich habe das für das kleine Peel mit 200×200 Pixel und für das Große mit 1000×1000 Pixel getestet

Changelog v1.3 / 26.03.08:

  • Abspielen von MP3-Dateien wenn das peel geladen wurde (ohne loop).
  • Abspielen von Mp3-Dateien beim öffnen / schließen des peels
  • Geöffnetes PagePeel nicht automatisch schließen, Userklick erforderlich. Schließentext ist frei editierbar.  

Changelog v1.2b / 17.12.07:

  • Beim Firefox gab es das Problem, dass beim ersten MouseOver das große Pagepeel bild anscheinend erst noch geladen werden musste. Das war ein Problem im Javascript und ist gefixt.

Changelog v1.2a / 13.11.07:

  • Großes peel hat sich manchmal beim ersten MouseOver nicht geöffnet. Kommunikation der beiden Peels auf localConnection umgestellt.
  • Neue Funktion softfadein wenn kleines Page Peel geladen ist.

Changelog v1.2 / 18.09.07:

  • Das Pagepeel kann nun in der linken oder rechten oberen Ecke über die variable "setDirection" platziert werden.

Changelog v1.1a / 10.09.07:

  • Automatisches öffnen des Pagepeels nach X Sekunden und schließen nach X Sekunden

Changelog v1.1 / 02.09.07:

  • Fix der pageear.js damit kein Horizontaler Browserbalken mehr auftaucht
  • Einstellen der Bewegungsgeschwindigkeit der kleinen Ecke von 1-4 (1:schnell, 4:langsam)

Kein Update und keine neue Version verpassen: kostenloser Newsletter

Get free peel away ad here.