Hi!
Idee dazu:
http://www.4homepages.de/forum/index.php?topic=25984.msg141700#msg141700Mit dieser Modifikation ist es möglich ein beliebig großes Bild und einen darin enthaltenen formatierten Text auf der Home.html darzustellen.
Weiters ist es auch möglich ein Bild im Bild darzustellen.
Neue Datei:
image_background_bit.html
Dateien zu ändern:
1.)index.php
2.)home.html
Demo:
DemoErstellt eine neue Datei mit den Namen "image_background_bit.html" mit fogenden Inhalt,
und kopiert sie in euren Templates Ordner.
{image_background}
<!-- don't remove from top //-->
<!-- Below your TEXT //-->
<p style="text-align:center;margin-top:20px; color:red; font-size: 15px; font-weight: bold;">
<br>
<a href="{bg_link}">{bg_image_name}</a>
<br>
{bg_description}
<br>
<a href="http://www.4homepages.de/forum/index.php?topic=25987.msg141707#msg141707"/>
<marquee behavior="alternate" scrollamount="5" scrolldelay="5">
<p style="color:yellow; font-size:15px;font-weight:bold;">[Mod] Background Image</p></marquee></a>
</p>
<!-- Above your TEXT //-->
<!-- don't remove from bottom //-->
</div>
</div>
</div>
sucht in der index.php:
//-----------------------------------------------------
//--- Print Out ---------------------------------------
//-----------------------------------------------------
und fügt darüber ein:
//######################################## Mod Background Image Start #############################################
$max = "0.6"; // Factor !
$sql = "SELECT image_id, cat_id, user_id, image_name, image_description, image_keywords, image_date, image_active, image_media_file, image_thumb_file, image_download_url, image_allow_comments, image_comments, image_downloads, image_votes, image_rating, image_hits
FROM ".IMAGES_TABLE."
WHERE image_active = 1 AND cat_id NOT IN (".get_auth_cat_sql("auth_viewcat", "NOTIN").") AND image_media_file LIKE '%.jpg'
ORDER BY RAND()
LIMIT 1";
//
ORDER BY i.image_date DESC
$result = $site_db->query($sql);
$back_row2 = $site_db->fetch_array($result);
$file_src = "./".MEDIA_DIR."/".$back_row2['cat_id']."/".$back_row2['image_media_file']."";
$bg_detail = "./details.php?image_id=".$back_row2['image_id']."";
$image_info = @getimagesize($file_src);
$width = $image_info[0]*$max."px";
if(empty($width)){
$width = "300px"; //fallback
}
$height = $image_info[1]*$max."px";
if(empty($height)){
$height = "200px"; //fallback
}
$site_template->register_vars(array(
"bg_link" => $bg_detail,
"bg_description" => $back_row2['image_description'],
"bg_image_name" => $back_row2['image_name']
));
$images_overlay .= "<div style=\"z-index:1;\"><div style=\"border:0px;position:relative;z-index:2;width:$width; height:$height;\"><img src=\"".$file_src."\" style=\"border:0px;width:$width; height:$height;\" alt=\"".$back_row2['image_name']."\"><br>";
$images_overlay .= "<div style=\"position:absolute;z-index:3;top:1px;\">";
$images_overlay .= $site_template->parse_template("image_background_bit");
$site_template->register_vars("image_background", $images_overlay);
unset($images_overlay);
//######################################## Mod Background Image END #############################################in der home.html könnt ihr jetzt mittels {image_background} das Hintergrundbild darstellen.
Den darzustellenden Text schreibt ihr in die image_background_bit.html.
Mit $max = "0.6"; // Factor ! könnt ihr die größe des bildes angeben (im php code ganz oben).
Viel Spass damit !
mfg Andi
Edit: so ich habe jetzt noch auf "Kundenwunsch"
zwei variablen hinzugefügt, mit der könnt ihr den beschreibungstext und den namen des hintergrundbildes einblenden.
{bg_image_name} {bg_description} und {bg_link}.
weiters habe ich festellen müßen das es anscheinend auf einigen server probleme gibt mit den auskomentierten zeilen " <!-- blabla --> wenn das bei euch der fall ist, löscht die betreffenden komentare in der images_background_bit.html
