Creo que no me explique, esto lo necesito controlar con funciones en php, de nada me sirve lo relacionado con css, html o javascript.
Ya que lo que estoy haciendo es crear una imagen a partir de ensamblar varias...
Tal vez seria mejor dejar mi codigo para que puedan verlo y asi ver si me pueden ayudar.
Este codigo crea la imagen a partir de las demas:
Código PHP:
<?php
// Incluir archivo que redimensiona las imagenes a un tamaño exacto.
include($_SERVER['DOCUMENT_ROOT'].'/redimensionar.php');
extract($_POST);
// Opciones de Template.
$CardType = array("Monster" => "0|0", "Ritual" => "836|0");
$CardValues = $CardType[$card_type];
$CardValues = explode("|", $CardValues);
if($card_type != "Monster"){
$CardLeft = $CardValues[0] + 4;
$CardTop = $CardValues[1];
}else{
$CardLeft = $CardValues[0];
$CardTop = $CardValues[1];
}
// Opciones de Atributo.
$attrType = array("divine" => 0, "fire" => 40, "light" => 80, "earth" => 120, "dark" => 160, "water" => 200, "wind" => 240, "trap" => 280, "magic" => 320);
// Evaluar imagen
$ImagenExtension = explode(".", $card_url);
$Total = count($ImagenExtension) - 1;
$ImagenExtension = $ImagenExtension[$Total];
$ImagenExtension = explode("/", $ImagenExtension);
$ImagenExtension = $ImagenExtension[0];
switch($ImagenExtension){
case "png":
$ImagenExtension = "png";
break;
case "jpeg":
case "jpg":
$ImagenExtension = "jpeg";
break;
case "gif":
$ImagenExtension = "gif";
break;
}
// Redimensionamos la imagen a usar.
ImageResize($card_url, 314, 310, "./images/descargas/carta.jpeg", 100, "$ImagenExtension");
// Incluir imagenes a usar.
$fondo = imagecreatetruecolor(418, 609); // Imagen nueva.
$template = @imagecreatefrompng("http://tenebron-wow.servegame.com/images/cards/image_create/template.png"); // template.
$attr = @imagecreatefrompng("http://tenebron-wow.servegame.com/images/cards/image_create/attrs.png"); // atributos.
$level = @imagecreatefrompng("http://tenebron-wow.servegame.com/images/cards/image_create/levels.png"); // level.
$imagen = @imagecreatefromjpeg("http://tenebron-wow.servegame.com/images/descargas/carta.jpeg");
// Textos.
$ColorTexto = imagecolorallocate($fondo, 0, 0, 0);
$FuenteTexto = "fonts/Voltaire-Regular.ttf";
// Superposicion de imagenes. \\
imagecopy($fondo, $template, 0, 0, $CardLeft, $CardTop, 419, 610); // Template
imagettftext($fondo, $card_fontsize, 0, 40, 64, $ColorTexto, $FuenteTexto, $card_name); // Nombre.
// Level
$LevelLeft = 0;
for($i = 0; $i < $card_level; $i++){
imagecopy($fondo, $level, 347 - $LevelLeft, 84, 0, 0, 28, 28); // Level.
$LevelLeft += 28;
}
imagecopy($fondo, $attr, 340, 34, $attrType[$card_attr], 0, 40, 40); // Atributo.
imagecopy($fondo, $imagen, 52, 127, 0, 0, 314, 310); // Imagen.
// Guardar resultado final.
imagepng($fondo, $_SERVER['DOCUMENT_ROOT'].'/images/descargas/carta.png');
// Liberar memoria.
imagedestroy($fondo);
imagedestroy($template);
imagedestroy($attr);
imagedestroy($level);
imagedestroy($imagen);
echo $card_name;
?>