4images Forum & Community
4images Modifications / Modifikationen => Templates & Styles (Releases & Support) => Topic started by: Sunny C. on August 14, 2010, 09:32:00 PM
-
:flag-de:
Mit dieser Modifikation ist es endlich möglich Bilder mit einen Schatten oder einen Bilderrahmen auszustatten. Das alles ist mit nur einem Klick getan, es müssen keine weiteren Modifizierungen der Dateien vorgenommen werden, nur bei der ersten Installation. Derzeit stehen 16 verschiedene Styles zur Verfügung.
Getestet mit 4images 1.7.8
:flag-en:
With this modification, it is finally possible images with a shadow or a picture frame equip. This is all done with just one click, there are no additional modifications of the files are made, first only during the installation. Currently there are 16 different styles available.
Tested with 4images 1.7.8
Step 1
Open / Öffne: includes/functions.php
Search / Suche:
$height = $image_info[1];
Add after / Füge danach ein:
$height_polaroid = $image_info[1] + 2;
$width_polaroid = $image_info[0] + 38;
$width_mod_schatten_12 = $image_info[0] - 20;
Search / Suche:
"height" => $height,
Add after / Füge danach ein:
"height_polaroid" => $height_polaroid,
"width_polaroid" => $width_polaroid,
"width_mod_schatten_12" => $width_mod_schatten_12,
Step 2
Open / Öffne: templates/*TEMPLATE*/details.html
Search / Suche:
{image}Replace with / Ersetze mit:
{ms_style}
Step 3
Open / Öffne: admin/settings.php
Search / Suche:
show_setting_row("image_table_cellpadding");
Add after / Füge danach ein:
show_setting_row("image_style", "show_image_style_select");
Search / Suche:
function show_upload_mode_options($setting_name, $setting_value) {
Add above / Füge davor ein:
function show_image_style_select($setting_name, $setting_value) {
global $image_style_optionlist;
echo "<select name=\"setting_item[".$setting_name."]\">";
foreach ($image_style_optionlist as $key => $val) {
echo "<option value=\"$key\"";
if ($setting_value == $key) {
echo " selected=\"selected\"";
}
echo ">".$val."</option>";
}
echo "</select>";
}
Step 4
Open / Öffne: lang/admin.php
Search / Suche:
$setting['image_table_cellspacing'] = "Cellspacing der Bilder Tabelle";
Add after / Füge danach ein:
include(TEMPLATE_PATH.'/mod_schatten/lang/mod_schatten_lang.php');
Step 5
Open / Öffne: details.php
Search / Suche:
show_image($image_row, $mode, 0, 1);
Add after / Füge danach ein:
if($config['image_style'] == 0){
$ms = get_media_code($image_row['image_media_file'], $image_row['image_id'], $image_row['cat_id'], $image_row['image_name'], $mode, $show_link, $detailed_view);
}
if($config['image_style'] > 0){
$ms = $site_template->parse_template("mod_schatten/mod_schatten_".$config['image_style']);
}
$site_template->register_vars("ms_style",$ms);
Fertig: Lade den Anhang herunter und kopiere den Ordner "mod_schatten" in deinem "templates/*TEMPLATE*/" Ordner
Finish: Download the attachment and copy the "mod_schatten" folder in your "templates/*TEMPLATE*/" folder
-
der mod funktioniert nicht, du rufst eine funktion auf "show_mod_schatten_row" die es nicht gibt.
mfg Andi
-
Doch die Modifikation funktioniert :D, habe nur einen Step vergessen.
Fix:
Open / Öffne: admin/admin_functions.php
Search / Suche:
function show_input_row($title, $name, $value = "", $size = "") {
global $error, $HTTP_POST_VARS, $textinput_size;
$size = (empty($size)) ? $textinput_size : $size;
if (isset($error[$name])) {
$title = sprintf("<span class=\"marktext\">%s *</span>", $title);
}
if (isset($HTTP_POST_VARS[$name])/* && $value == ""*/) {
$value = stripslashes($HTTP_POST_VARS[$name]);
}
echo "<tr class=\"".get_row_bg()."\">\n<td><p class=\"rowtitle\">".$title."</p></td>\n<td><p><input type=\"text\" size=\"".$size."\" name=\"".$name."\" value=\"".format_text($value, 2)."\"></p></td>\n</tr>\n";
}
Add above / Füge davor ein:
function show_mod_schatten_row($title, $name, $value = 1) {
global $HTTP_POST_VARS, $lang;
if (isset($HTTP_POST_VARS[$name])) {
$value = $HTTP_POST_VARS[$name];
}
echo "
<tr style=\"background-color:#004C75\">
<td style=\"color: #FCDC54; font-weight:bold;\">".$title." <a href=\"".ROOT_PATH."".TEMPLATE_PATH."/mod_schatten/img/all_styles.png\" style=\"color: #FFF;\" target=\"_new\">[Styles]</a></td>
</tr>";
}
-
...standard sollte vielleicht ein style angezeigt werden, sonst wird kein bild angezeigt.
...mehrfachauswahl ist möglich das sollte man vielleicht unterbinden, vielleicht das ganze als dropdown feld.
...im ACP könnte man den styles noch namen geben.
...style 3 funktioniert nicht (FF;IE)
...style 4 funktioniert nicht (FF)
...style 5 funktioniert nicht (FF;IE)
...style 6 funktioniert nicht (FF;IE)
...style 7 funktioniert nicht (FF)
...style 8 funktioniert nicht (FF;IE)
...style 9 funktioniert nicht (FF)
...style 9 funktioniert nicht (FF)
b.z.w. die bilder werden im FF über die seite gelegt, denke das ist ein css problem.
der mod würde schon gefallen nur die style fehler müßtest du noch ausbessern.
du hast in den html dateien einige fehler drinnen, die solltest du mal alle kontrollieren, z.b.:
<li><a href="#"><span></span>{image}</a></li>sollte so sein:
<li><a href="#"><span>{image}</span></a></li>
-
In dem HTML Code sind keine Fehler, dass ist schon richtig so. Änder es mal, dann wirst du sehen das die Dekorationen nicht funktionieren. Der HTML- Code ist definitiv richtig, dass muss einfach so sein.
Zu den Style Problemen. Alle Styles habe ich im IE8 / FF getestet. Anbei ein Beweis das Style 3 im IE funktioniert
Und was meinst du damit, dass die Bilder über die Seite gelegt werden?
Wie bekomme ich das Dropdown denn hin? Das wäre wirklich klasse!
-
style 3 z.b.:
-
Ah, ok.
Da muss ich mal gucken wie ich dafür den Code abändere. Bei größeren Bildern scheint das zu sein, dass habe ich gar nicht berücksichtigt.... ich hoffe das ich das behoben bekomme!
Edit://
Ich bekomme das hin. Style 4 und Style 3 sind schon gefixed. Werde nachher alles hochladen!
Fixed 2: Post #1: Updated
Open / Öffne: includes/functions.php
Search / Suche:
$height_polaroid = $image_info[1];
$height_polaroid++;
$height_polaroid++;
Replace with / Ersetze mit:
$height_polaroid = $image_info[1] + 2;
$width_polaroid = $image_info[0] + 38;
Search / Suche:
"height_polaroid" => $height_polaroid,
Add after / Füge danach ein:
"width_polaroid" => $width_polaroid,
Downloade das Paket nun noch einmal neu. Ersetze den "mod_schatten" Ordner mit dem aktuellen.
Download the package now once again. Replace the "mod_schatten" folder with the current.
-
änderung für die details.php und details.html , deinen code komplett raus, das hinein:
//########################################################
if($config['mod_schatten_0'] == 1){
$ms = get_media_code($image_row['image_media_file'], $image_row['image_id'], $image_row['cat_id'], $image_row['image_name'], $mode, $show_link, $detailed_view);
}
else{
for ( $msx = 1; 1 > ($config['mod_schatten_'.$msx]); ) {
$ms = $site_template->parse_template("mod_schatten/mod_schatten_".$msx);
$msx++;
}
}
$site_template->register_vars("ms_style",$ms);
in der details.html brauchst du nur {ms_style} schreiben, somit kannst du 100 styles auch erzeugen.
mfg Andi
-
Danke dafür!!
Update: (Post #1: Updated)
Step1
Open / Öffne: details.php
Search / Suche:
if($config['mod_schatten_0'] == 1) {
$ms0 = get_media_code($image_row['image_media_file'], $image_row['image_id'], $image_row['cat_id'], $image_row['image_name'], $mode, $show_link, $detailed_view);
}
if($config['mod_schatten_1'] == 1) {
$ms1 = $site_template->parse_template("mod_schatten/mod_schatten_1");
}
if($config['mod_schatten_2'] == 1) {
$ms2 = $site_template->parse_template("mod_schatten/mod_schatten_2");
}
if($config['mod_schatten_3'] == 1) {
$ms3 = $site_template->parse_template("mod_schatten/mod_schatten_3");
}
if($config['mod_schatten_4'] == 1) {
$ms2 = $site_template->parse_template("mod_schatten/mod_schatten_4");
}
if($config['mod_schatten_5'] == 1) {
$ms2 = $site_template->parse_template("mod_schatten/mod_schatten_5");
}
if($config['mod_schatten_6'] == 1) {
$ms2 = $site_template->parse_template("mod_schatten/mod_schatten_6");
}
if($config['mod_schatten_7'] == 1) {
$ms2 = $site_template->parse_template("mod_schatten/mod_schatten_7");
}
if($config['mod_schatten_8'] == 1) {
$ms2 = $site_template->parse_template("mod_schatten/mod_schatten_8");
}
if($config['mod_schatten_9'] == 1) {
$ms2 = $site_template->parse_template("mod_schatten/mod_schatten_9");
}
if($config['mod_schatten_10'] == 1) {
$ms2 = $site_template->parse_template("mod_schatten/mod_schatten_10");
}
$site_template->register_vars(array(
"ms_style0" => $ms0,
"ms_style1" => $ms1,
"ms_style2" => $ms2,
"ms_style3" => $ms3,
"ms_style4" => $ms4,
"ms_style5" => $ms5,
"ms_style6" => $ms6,
"ms_style7" => $ms7,
"ms_style8" => $ms8,
"ms_style9" => $ms9,
"ms_style10" => $ms10,
));
Replace with / Ersetze mit:
if($config['mod_schatten_0'] == 1){
$ms = get_media_code($image_row['image_media_file'], $image_row['image_id'], $image_row['cat_id'], $image_row['image_name'], $mode, $show_link, $detailed_view);
}
else{
for ( $msx = 1; 1 > ($config['mod_schatten_'.$msx]); ) {
$ms = $site_template->parse_template("mod_schatten/mod_schatten_".$msx);
$msx++;
}
}
$site_template->register_vars("ms_style",$ms);
Step2
Update: (Post #1: Updated)
Open / Öffne: templates/*TEMPLATE*/details.html
Search / Suche:
{ms_style0}
{ms_style1}
{ms_style2}
{ms_style3}
{ms_style4}
{ms_style5}
{ms_style6}
{ms_style7}
{ms_style8}
{ms_style9}
{ms_style10}Replace with / Ersetze mit:
{ms_style}
-
so.. leider muß ich dich nochmals bemühen, wegen der änderung im ACP auf eine options liste, muß man leider auch die details.php nochmals ändern.
admin_funktions.php entfällt.
in der details.php:
if($config['image_style'] == 0){
$ms = get_media_code($image_row['image_media_file'], $image_row['image_id'], $image_row['cat_id'], $image_row['image_name'], $mode, $show_link, $detailed_view);
}
if($config['image_style'] > 0){
$ms = $site_template->parse_template("mod_schatten/mod_schatten_".$config['image_style']);
}
$site_template->register_vars("ms_style",$ms);
in lang/admin.php:
$setting['image_style'] = "Bilder- Dekoration";
$image_style_optionlist = array(
"0" => "Standard Bildansicht",
"1" => "Style #1 verwenden",
"2" => "Style #2 verwenden",
"3" => "Style #3 verwenden",
"4" => "Style #4 verwenden",
"5" => "Style #5 verwenden",
"6" => "Style #6 verwenden",
"7" => "Style #7 verwenden",
"8" => "Style #8 verwenden",
"9" => "Style #9 verwenden",
"10" => "Style #10 verwenden",
);
deine änderungen in der admin.settings.php alle rückgängig machen.
neu:
admin/settings.php nach show_setting_row("image_table_cellpadding");das hier:
show_setting_row("image_style", "show_image_style_select");
neue function in settings.php vor:
function show_upload_mode_options($setting_name, $setting_value) {
diese function:
function show_image_style_select($setting_name, $setting_value) {
global $image_style_optionlist;
echo "<select name=\"setting_item[".$setting_name."]\">";
foreach ($image_style_optionlist as $key => $val) {
echo "<option value=\"$key\"";
if ($setting_value == $key) {
echo " selected=\"selected\"";
}
echo ">".$val."</option>";
}
echo "</select>";
}
das war es jetzt aber wirklich :)
in deinen ersten post würde ich das mit den updates lassen, streiche das ersatzlos den ich nehme mal an das es noch niemand installiert hat.
so die css styles sind deines, damit es auch in FF und IE klappt, bin ja mal gespannt ob du die hinbekommst damit man den mod verschieben kann.
mfg Andi
-
Hey, super ich danke dir, werde das gleich mal übernehmen.
Zu den Styles, die habe ich überarbeitet.
Ah, ok.
Da muss ich mal gucken wie ich dafür den Code abändere. Bei größeren Bildern scheint das zu sein, dass habe ich gar nicht berücksichtigt.... ich hoffe das ich das behoben bekomme!
Edit://
Ich bekomme das hin. Style 4 und Style 3 sind schon gefixed. Werde nachher alles hochladen!
Fixed 2: Post #1: Updated
Open / Öffne: includes/functions.php
Search / Suche:
$height_polaroid = $image_info[1];
$height_polaroid++;
$height_polaroid++;
Replace with / Ersetze mit:
$height_polaroid = $image_info[1] + 2;
$width_polaroid = $image_info[0] + 38;
Search / Suche:
"height_polaroid" => $height_polaroid,
Add after / Füge danach ein:
"width_polaroid" => $width_polaroid,
Downloade das Paket nun noch einmal neu. Ersetze den "mod_schatten" Ordner mit dem aktuellen.
Download the package now once again. Replace the "mod_schatten" folder with the current.
-
update mod_schatten_9 (attachment)
style 4 ,7 ,9 ,10 die einfachen :mrgreen:
-
1, perfekt
2. perfekt
3, perfekt
4, ist bei großen Bildern ok, aber bei kleinen nicht! (gleich mal gucken)
5, muss auch noch nachgeschaut werden (gleich mal gucken)
6, ist bei großen ok, aber bei kleinen nicht (gleich mal gucken)
7, perfekt
8, (gleich mal gucken)
9, perfekt
9.2, (Deine Variante) perfekt (Wird als 9.2 eingebaut)
10, bei großen Bildern ok, aber bei kleinen nicht (gleich mal gucken)
-
also die einser funktioniert bei größeren bilder nicht, aber da bin ich drann.
die 8 mach ich auch nochmal.
10.css
.mod_schatten_10 {
position: relative;
top:30px;
left:0px;
}
.mod_schatten_10 span {
width: 122px;
height: 72px;
display: block;
position: absolute;
top:-10px;
left:50%;
background: url(../img/10.png) no-repeat;
}
4.css
.mod_schatten_4 span {
width: 122px;
height: 72px;
display: block;
position: absolute;
top:-15;
left:45%;
background: url(../img/4.png) no-repeat;
}
-
Vielen Dank für deine Unterstützung.
Jetzt habe ich etwas Zeit und kann mich dem ebenfalls widmen.
4, sieht nun besser aus, funktioniert bei großen als auch bei kleinen, allerdings ist es bei kleinen zu weit rechts, wobei das aber nicht wirklich was ausmacht. Mittig wäre da am besten, mal sehen
10, habe ich noch etwas angepasst, nun ist es mittig, bei kleinen als auch bei großen:
.mod_schatten_10 {
position: relative;
top:30px;
left:0px;
}
.mod_schatten_10 span {
width: 122px;
height: 72px;
display: block;
position: absolute;
top:-10px;
left:50%;
right:50%;
background: url(../img/10.png) no-repeat;
}
Edit://
Ich denke 4 kann man so lassen:
.mod_schatten_4 span {
width: 122px;
height: 72px;
display: block;
position: absolute;
top:-15px;
left:25%;
background-image: url(../img/4.png);
background-repeat:no-repeat;
background-position:top center;
}Ist zwar immer noch nicht ganz mittig, aber so finde ich passt es aber zu jedem Bild
Edit://
Zu 8 habe ich bis jetzt noch keine Idee, ausser die Grafiken zu verlängern.
Ich habe ebenfalls 8 weitere Styles erstellt. Das wird von meiner Seite auch vorerst so bleiben.
Solltest du noch Ideen haben, warte ich ab bis ich das Update raus haue.
LG
-
8.css:
.mod_schatten_8 {
position: relative;
top:30px;
left:0px;
margin:30px;
margin-bottom:50px;
}
.upper_left {
position: absolute;
top: -22px;
left: -22px;
background: url('../img/8-1.png') no-repeat;
}
.upper_right {
position: absolute;
top: -22px;
margin-left: -22px;
background:url('../img/8-2.png') no-repeat;
}
.lower_left {
position: absolute;
margin-top: -22px;
left: -22px;
background: url('../img/8-3.png') no-repeat;
}
.lower_right {
position: absolute;
background:url('../img/8-4.png') no-repeat;
margin-top: -22px;
margin-left: -22px;
}
mod_schatten_8.html:
<link rel="stylesheet" href="{template_url}/mod_schatten/css/8.css" type="text/css">
<div class="mod_schatten_8"style="width:{width}px;height:{height}px;">
{image}
<div class="upper_left" style="width:100%;height:100%"></div>
<div class="upper_right" style="left:{width};width:38px;height:100%" ></div>
<div class="lower_left" style="top:{height}px;width:100%;height:44px" ></div>
<div class="lower_right"style="top:{height}px;left:{width};width:44px;height:44px" ></div>
</div>
das war eine zangengeburt :mrgreen:
mfg Andi
-
Vielen Dank,
aber leider funktioniert das noch nicht
-
woher hast du den screenshot?
-
Von meiner Testseite: http://test.4images.benny-boehnke.info/details.php?image_id=2 8O :? *HauMich*
Wollte damit nur ein großes Bild testen :roll:
-GEÄNDERT-
Jedenfalls ist es immer noch fehlerhaft! Ich verstehe auch nicht ganz warum, aber das Problem wird sich noch lösen!
-
dir ist hoffentlich klar das du gegen das nutzungsrecht verstösst, wenn du von jemanden ein bild veröffentlichst von dem du kein nutzungsrecht hast ?
das war das letzte mal das du ein bild von mir veröffentlicht hast, ok.
so zu dem mod, wie es aussieht hast du die neuen grafiken nicht verwendet.
sehe grade du hast definitiv die alten grafiken.
-
Ist mir klar, sorry: Geändert!
Zu dem Mod:
Du hast Recht :D, habe diese ausgetauscht. Ganz vergessen habe ich das :D
Post #1 habe ich ebenfalls editiert + Neue Styles
-
..
Post #1 habe ich ebenfalls editiert + Neue Styles
und die fehlerhaften sind auch drinnen
EDIT: ich habe deine neuen styles angesehn, was soll ich sagen kein einziger sieht im ff und ie gleich aus oder funktionieren erst gar nicht in den einen oder anderen browser.
-
An der Kompatibilität arbeite ich, dass sollte soweit kein Problem sein, obwohl die Leute die IE noch nutze; selber Schuld sind!
-
An der Kompatibilität arbeite ich, dass sollte soweit kein Problem sein, obwohl die Leute die IE noch nutze; selber Schuld sind!
Hi,
damit hast du wohl recht aber letztendlich zählt was die Serverstatistik über die User Agents aussagt.
Gruß Jens
-
Das stimmt,
aber dafür habe ich derzeit keine Zeit.
-
Hallo,
habe bei mir den MOD im 1.7.9 aktiv, funzt soweit. Wenn ich aber den Style abwähle - also "Standardansicht" im ACP auswähle, dann werden Zusatzinfos wie EXIF und IPTC nicht angezeigt. Habe mir eine Lösung gebastelt, die aber so sicher nicht perfekt ist. Vielleicht kann das jemand mal besser umsetzen :wink:
Anstelle Step 2 + 5 von Post#1 dieses hier verwenden:
details.html anstelle Step 2 (Austausch von {image} in {ms_style} )
{image}ersetzen mit:
{if ms_style}{ms_style}{endif ms_style}
{ifno ms_style}{image}{endifno ms_style}
details.php anstelle Step 5:
show_image($image_row, $mode, 0, 1);dahinter einfügen:
if($config['image_style'] > 0){
$ms = $site_template->parse_template("mod_schatten/mod_schatten_".$config['image_style']);
$site_template->register_vars("ms_style",$ms);
}
Nicht schön, aber klappt erst mal :mrgreen:
Bis später,
Henry
-
Hi,
Style 1 und 8 funktioniert nicht
aber mir ist genug styl 3 )
noch da zu
bei video ist fehler
EDIT: perfekt funkt style 13, andere style mit vide funkt nicht
-
Is it possible to give users, use "Save as..." function that to save photo together with style? I.e. with style 12