当用户发布内容时显示不同的颜色

时间:2017-11-10 11:44:26

标签: php html database

我创建了一个表单,用户只发布链接和文本。没有图片和视频。我还在PHP中从服务器端进行了某种验证。我还做了非常基本的SQL INSERT,用于在数据库中存储数据。我想要的是,每当用户发帖时,它总是显示在与数据库不同颜色的网站上。我用Google搜索但没有得到任何结果。任何想法,或帮助从哪里开始?

简单的html表单:

<form action="checkbox1.php" method="post">
    <input name="name" id="name" type="text"/><br/>
    <input type="text" id="name2" name="name2"><br/>
    <input type="checkbox" id="checkbox" name="checkbox"><br/>
    <input type="submit" id="submit" name="submit">
</form>

2 个答案:

答案 0 :(得分:0)

首先,您在数据库中有预定义的颜色吗? 如是!然后,您需要使用发布的get或post方法从数据库中发送颜色作为参数。 然后你需要使用那种颜色并使用javascript jquery或angular应用你的前端。

如果样式表中有颜色,则需要创建具有不同颜色的预定义类;将它们动态地应用到您的帖子。

但是第二种选择有点笨拙和复杂,总是需要你应用的最后一堂课然后申请下一堂课。

第三个选项是使用nth-child,但是这个方法有一些限制,比如你需要为每个子元素编写一个类。

答案 1 :(得分:0)

.postHolder:nth-child(5n+0) .post-text {
   background: #8dc63f;
}
.postHolder:nth-child(5n+1) .post-text  {
   background: #009688;
}
.postHolder:nth-child(5n+2) .post-text  {
   background: #3f51b5;
}
.postHolder:nth-child(5n+3) .post-text  {
   background: #f44336;
}
.postHolder:nth-child(5n+4) .post-text  {
   background: #607d8b;
}

此示例适用于您的情况,.postHolder是潜水的类,将为每个帖子重复,而.post-text是您实际想要应用CSS的类,我已应用了背景色你可以添加你想要的任何东西。