4images Forum & Community

4images Modifications / Modifikationen => Mods & Plugins (Releases & Support) => Topic started by: Sunny C. on July 10, 2010, 11:43:08 PM

Title: [MOD] Pagepeel Advertisement
Post by: Sunny C. on July 10, 2010, 11:43:08 PM
Hello,

this mod is showing up a pagepeel with ACP Settings!
From: http://www.sohtanaka.com/web-design/examples/peeling-effect/

Step 1
Open / Öffne: templates/TEMPLATE/header.html
Search / Suche:
Code: [Select]
<body bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475">or / oder
Code: [Select]
<body>Add after / füge danach ein:
Code: [Select]
{site_pagepeel}Search / Suche:
Code: [Select]
</head>Add above / Davor einfügen
Code: [Select]
<!-- Pagepeel Start-->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

//Page Flip on hover

$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});


});
</script>
<!-- Pagepeel Ende -->

Step 2
Open / Öffne: includes/page_header.php
Search / Suche:
foreach ($list as $name)
{
  $array[$name] = ($name == $file);
}
$site_template->register_vars($array);
Add after / Füge danach ein:
// Pagepeel Mod Start
$site_pagepeel = $config['site_pagepeel'];
$site_pagepeel_url = $config['site_pagepeel_url'];
if ($site_pagepeel){
$site_pagepeel = "<div id=\"pageflip\">
<a href=\"".$site_pagepeel_url."\"><img src=\"".TEMPLATE_PATH."/images/page_flip.png\" alt=\"\" /></a>
<div class=\"msg_block\"></div>
</div>\n";
}
// Pagepeel Mod Ende
Search / Suche:
// Replace Globals in $lang
$lang = $site_template->parse_array($lang);

$site_template->register_vars(array(
Add after / füge danach ein:
  // Pagepeel Mod Start
  "site_pagepeel" => $site_pagepeel,
  "site_pagepeel_url" => $site_pagepeel_url,
  // Pagepeel Mod Ende

Step 3
Open / Öffne: templates/TEMPLATE/style.css
Ad the end of the file add / am ende datei folgendes hinzufügen:
Code: [Select]
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
border:none;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(images/subscribe.png) no-repeat right top;
}
Step 4
Open / Öffne: lang/YOURLANG/admin.php
Search / Suche:
$setting['site_email'] = "XXXXXX";
Add after / Füge danach ein:
GERMAN:
$setting['site_pagepeel'] = "Pagepeel auf der Seite anzeigen?";
$setting['site_pagepeel_url'] = "Hier die Pagepeel URL eingeben";
ENGLISH:
$setting['site_pagepeel'] = "Show Pagepeel?";
$setting['site_pagepeel_url'] = "Pagepeel URL";

Step 5
Open / Öffne: admin/settings.php
Search / Suche:
  show_setting_row("site_name", "", 1);
  show_setting_row("site_email");
Add after / füge danach ein:
  show_setting_row("site_pagepeel", "radio");
  show_setting_row("site_pagepeel_url");

Step 6
Download the Archiv
Downloade das Archiv

Put the images to your templates/yourtemplate/images folder / Schiebe die Bilder in deinem templates/deindesign/images Ordner
Put the iepngfix.htc in your roo folder / füge die iepngfix.htc  in deinem root verzeichnis

Finish / Fertig
Title: Re: [MOD] Pagepeel Advertisement
Post by: GaYan on July 11, 2010, 04:30:08 PM
Neat Work :) I love it @!
Title: Re: [MOD] Pagepeel Advertisement > IE Problem
Post by: x23piracy on October 13, 2010, 03:19:39 AM
Hi,

iam using ur mod and it's fine but i have an IE problem:

IE: (Page Peel is on top if the side, grrrrrrr all other browser interpret it well)
(http://www.xup.in/pic,91748363/ie.png) (http://www.xup.in/dl,91748363/ie.png/)

Firefox (some times FF don't like Dockflow, i don't know why but thats another problem):
(http://www.xup.in/pic,97611055/firefox.png) (http://www.xup.in/dl,97611055/firefox.png/)

Safari:
(http://www.xup.in/pic,19844731/safari.png) (http://www.xup.in/dl,19844731/safari.png/)

Chrome:
(http://www.xup.in/pic,70377794/chrome.png) (http://www.xup.in/dl,70377794/chrome.png/)


Anyone else with that issue? How to fix it?
Everything is working exept IE...


Greetz X3
Title: Re: [MOD] Pagepeel Advertisement
Post by: kubiczek on October 13, 2010, 10:23:20 PM
Super,

in 1.7.6 geht es http://www.grosspeterwitz.org/gp/

aber in 1.7.4 will es nicht http://www.grosspeterwitz.org/friedhof/4images/
                                   http://www.grosspeterwitz.org/4images_neu/index.php?l=deutsch

in den admin settings wird nichts abgespeichert. immer wieder leeres feld.

hat einer eine idee?
Title: Re: [MOD] Pagepeel Advertisement > IE Problem
Post by: Sunny C. on October 16, 2010, 09:34:11 PM
Hi,

iam using ur mod and it's fine but i have an IE problem:
....

This is difficult, because the search plugin Pagepeel and want to share one and the same place.

I recommend the search plugin on the left side to place!

Search style.css
Code: [Select]
.mod_sp {
    position:            absolute;
    top:                0;
    right:                0;
    margin:                0;
    padding:            0;
}
replace with
Code: [Select]
.mod_sp {
    position:            absolute;
    top:                0;
    left:                0;
    margin:                0;
    padding:            0;
}

@ kubiczek

Ich werde keine alten Versionen extra betreuen, sorry!


FULLQUOTE ENTFERNT @Rembrandt
Title: Re: [MOD] Pagepeel Advertisement > IE Problem
Post by: x23piracy on October 16, 2010, 11:24:32 PM
Hi,

iam using ur mod and it's fine but i have an IE problem:
....

This is difficult, because the search plugin Pagepeel and want to share one and the same place.

I recommend the search plugin on the left side to place!

Hi,

ich hab das Such-Plugin jetzt links aber das page peel ist trotzdem im IE nicht
richtig positioniert... hmm komisch.

Danke für den Tip für die linke Seite.

EDIT:

Das IE Problem hat sich erledigt es war ein template problem...

Ich habe hier noch eine alternative page peel grafik (Transparenz 75%):
(http://www.twacademy.org/images/page-curl.png)

Im Anhang die angepasste Datei fürs MOD

Bei mir sieht das so aus:
(http://www.xup.in/pic,10899619/temp.jpg) (http://www.xup.in/dl,10899619/temp.jpg/)


Gruß Jens