4images Forum & Community
4images Modifications / Modifikationen => Mods & Plugins (Releases & Support) => Topic started 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:
<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.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:
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
-
Neat Work :) I love it @!
-
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
-
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?
-
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
.mod_sp {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
}
replace with
.mod_sp {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
@ kubiczek
Ich werde keine alten Versionen extra betreuen, sorry!
FULLQUOTE ENTFERNT @Rembrandt
-
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