【发布时间】:2014-07-27 02:25:46
【问题描述】:
我有一个表单,允许用户创建卡片背面的设计。用户输入标题、姓名并上传小图片。然后将其显示回来,看起来像一张大扑克牌,中间有一个小图像,上下有文字。卡片的背景颜色在 css 中设置,用户无法更改。我希望用户能够以十六进制输入他们的背景颜色,然后将其与图像和文本一起显示。这将如何完成?我需要查看哪些程序?
【问题讨论】:
我有一个表单,允许用户创建卡片背面的设计。用户输入标题、姓名并上传小图片。然后将其显示回来,看起来像一张大扑克牌,中间有一个小图像,上下有文字。卡片的背景颜色在 css 中设置,用户无法更改。我希望用户能够以十六进制输入他们的背景颜色,然后将其与图像和文本一起显示。这将如何完成?我需要查看哪些程序?
【问题讨论】:
当用户选择颜色时,您应该将其存储到数据库中,当您要显示卡片时,请执行以下操作:
<div style="background: <?php echo $bgcolor?>"> <!-- here is the BGCOLOR selected by the user -->
<div>Trading card text</div>
<div><img src="/img/the_image.jpg"></div>
</div>
就是这样
【讨论】:
当您将 small_image 和 text 保存在数据库中时,您可以再存储一个数据bgcolor
假设我们将这些数据存储在数据库中
$data['small_image'] = "logo.png";
$data['bgcolor'] = "#00FF00";
你的代码应该是这样的:
<div class="tradingcard" style="background:<?=$data['bgcolor']?>">
<div>Trading card text</div>
<div><img src="<?=$data['small_image']?>"></div>
</div>
您可以查看Online demo
您的页面将如下所示
【讨论】: