请选择 进入手机版 | 继续访问电脑版
搜索
查看: 50|回复: 2

phpwind9.x模板开发手册及文档

[复制链接]

发表于 2019-7-21 22:05:28 | 显示全部楼层 |阅读模式
入门只讲解最基础的css修改
    [li]创建一套整站模板[/li][li]要有个大概的配色效果图[/li][li]切图[/li][li]调整样式表和替换添加图片[/li][li]收工打包     [/li]

准备工作


创建模板在前面已经有介绍,效果图则需要个人开发。这边将讲解入门级的修改方案

首先,我们创建模板,设置为默认后,你会发现怎么跟默认模板是一模一样的,没关系,创建就是在默认模板的基础上复制一份。

然后,切效果图或取色值:
    [li]全局背景图/或者颜色[/li][li]头部导航背景[/li][li]头部导航激活状态/鼠标悬停状态[/li][li]全局共用模块(这个使用率非常高,所以模块边框背景颜色都是它控制,所以修改一下全部变化)[/li][li]取色:默认文本颜色、链接颜色、背景颜色等等[/li]

全局背景参数修改


    [li]打开 themes/site/创建的风格名/css/dev/style.css[/li][li]搜索:/*全局背景颜色*/,他会出现在 body 的括号里[/li][li]在 /*全局背景颜色*/ 前面,我们会发现有句 background:#f4f4f4;,这就是背景色[/li][li]其中 #f4f4f4 就是色值,修改成我们已经取好的颜色。[/li][li]当然,如果有图片需求,我们可以加上背景图片,先把图片拷贝到 themes/site/创建的风格名/images/ 里面。[/li][li]在色值后面加上 url(../../images/图片名); 图片展示效果可以网上去搜索教程。[/li][li]综合结果就是 background:#f4f4f4 url(../../images/图片名);[/li]



更多详细:


游客,如果您要查看本帖隐藏内容请回复


匿名  发表于 2019-7-24 13:27:24
支持一下
回复一下
为了积分
楼主人才呀
学习了
卧槽
楼下接着

匿名  发表于 2019-7-24 13:27:28
支持一下
回复一下
为了积分
楼主人才呀
学习了
卧槽
楼下接着

QQ|Archiver|手机版|小黑屋|3996站长社区

GMT+8, 2021-1-27 20:54 , Processed in 0.060588 second(s), 9 queries , Gzip On, Yac On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.