4images Modifications / Modifikationen > Templates & Styles (Releases & Support)

[Style] Bilder- Dekoration / Decoration Images

(1/6) > >>

Sunny C.:
 :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 1Open / Ö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 2Open / Öffne: templates/*TEMPLATE*/details.html
Search / Suche:

--- Code: ---{image}
--- End code ---
Replace with / Ersetze mit:

--- Code: ---{ms_style}
--- End code ---

Step 3Open / Ö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 4Open / Ö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 5Open / Ö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

Rembrandt:
der mod funktioniert nicht, du rufst eine funktion auf "show_mod_schatten_row" die es nicht gibt.

mfg Andi

Sunny C.:
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>";
}

Rembrandt:
...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.:

--- Code: ---<li><a href="#"><span></span>{image}</a></li>
--- End code ---
sollte so sein:

--- Code: ---<li><a href="#"><span>{image}</span></a></li>
--- End code ---

Sunny C.:
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!

Navigation

[0] Message Index

[#] Next page