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.htmlSearch / Suche:
<body bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475">or / oder
<body>Add after / füge danach ein:
{site_pagepeel}Search / Suche:
</head>Add above / Davor einfügen
<!-- 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.phpSearch / 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 EndeSearch / 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 EndeStep 3
Open / Öffne:
templates/TEMPLATE/style.cssAd the end of the file add / am ende datei folgendes hinzufügen:
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.phpSearch / 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.phpSearch / 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
