jquery - 我正在使用你,我想通过在 View 上定义 CSS 属性来设置 DIV 元素的样式,然后保存 CSS 文件

标签 jquery html css wordpress yii

我希望用户能够设置父级 div 属性的样式。通过从界面中定义 div 颜色、背景和其他 css 属性,更多的 wordpress 主题仪表板。有人给我指出了正确的方向。

最佳答案

如果您想方便用户能够为 css 选项选择自定义设置,那么您可以使用 cookie 来实现。你可以试试这些步骤 1. 将您的 css 文件的扩展名更改为 .php 并将这些行添加到此文件的开头

<?php
header("Content-type: text/css;");

?>

同时将此文件的扩展名更改为您正在使用的 .php。
2.创建一个具有相同属性的表格,您要保存设置,如颜色、宽度、高度。
3.然后在 main.php 文件中查询该表以获取属性,然后将 cookie 设置为

Yii::app()->request->cookies['bg1'] = new CHttpCookie('nameOfattribute','value from database');


4.现在在你的 .php 样式文件(以前的 Css 文件)中将类的属性设置为你从 cookie 中获得的值,如

banner {
    background-color:<?php echo $_COOKIE['bg1r']; ?>;
    width: 100%;
    height: 436px;
}

并在您希望的位置包含相同的类。
您可以呈现一个表单并根据这些属性从用户那里获取输入并将它们保存在数据库表中。

关于jquery - 我正在使用你,我想通过在 View 上定义 CSS 属性来设置 DIV 元素的样式,然后保存 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21878632/

相关文章:

javascript - Bootstrap 轮播不滑动

javascript - 如何恢复由 Bootstrap3 模态实现的编辑表单上的数据

c# - Json 获取值类型的标题而不是对象

javascript - 在 javascript 函数中包含 CSS 设置

c# - 使用 c#.net 解析 HTML

html - 如何在 Bootstrap 4 的列之间添加边距?

javascript - 无法从具有 'aspNetHidden' CSS 类的字符串中删除 HTML 标记

jquery 切换带有动画的 div

javascript - 选项卡事件中的 JQuery onchange

css - jQuery UI 日期选择器定位