继续Drupal分享精神 QQ群:107748121 站长QQ:2275288328 skype: hellodrupal【drupal交流+drupal 建站+theme制作】
登录 注册

主题开发 疑惑

林林 的头像

今天把 pushbutton 仔细看了几遍. 整体理解起来不难. 就是对于 drupal 站点的整体布局非常疑惑. 比如 css 文件到底是怎么分布的?? 各种各样的 id class 怎么定义 ?? 先不管 template.php 和 theme-settings.php . 关于 css 样式命名, 我非常迷糊 .
例如以下这句:

body.maintenance #page #header #navphoto
{
background: #eee url(images/background-dark.gif) repeat;
}

是说文档主题的 maintenance 类 下面的 page id header id 和 navphoto id 的背景为#eee 颜色吗? 背景图片为 images/background-dark.gif ?? 背景图片 不重复?? (头要晕了, 这么长 ...)

又比如:

#bottom-bar .block-bottom div.item-list ul,
#bottom-bar .block-bottom div.item-list ul li
{
list-style-type: none;
}

是不是这个意思呢: bootom-bar id 下面的 block-bottom 类 下面的 div 标签, 的div标签下面的 item-list 类, 下面的 ul 的列表样式为无 ??

CSS你可以不用管它,你自己可以定义一个style.css

CSS你可以不用管它,你自己可以定义一个style.css文件,定义自己的样式,先写布局CSS。比如定义一个三栏格式, 你先把模板.info文件都写好,然后再后台启用,但是先在管理后台里面先设置管理员默认使用模板。然后你自己相应建立page.tpl.php和node.tpl.php文件,先不管代码,自己定义CSS,来设置布局。ok,next,你可以把具体模板变量加入你定义好的page.tpl.php 和node.tpl.php文件里。 比如 在page模板里面判断是否有左边区域。
//我想在左边现实面包屑导航。 这里还可以添加很多你想加入的模板变量。print出来就可以了。
/** 自己定义*/ 他里面的具体css,你可以不去看,自己定义习惯的定义方法。 如果你觉得模板,可以直接拷贝里面的一些像总体设置的一些元素。比如 h1 h2 li a 什么的。 有关CSS语法,你可以查看具体文档和W3C标准即可。
林林 的头像

呵呵 谢谢 我已经做了一个 初步的主题了 虽然有点乱

呵呵 谢谢 我已经做了一个 初步的主题了 虽然有点乱 (只有基本的页面布局, 还没有开始美化). 请问 , 下一步做什么呢 ??

页面布局做好以后,你就可以把想要显示的模板变量放在你布局里

页面布局做好以后,你就可以把想要显示的模板变量放在你布局里面了,随心所欲的改变其显示效果。
可以先定义page.tpl.php里面的变量,node.tpl.php主要是内容输出部分。
不会DIV,就用tabale也可以。先框架弄出来!

林林 的头像

框架弄出来了 下一步呢??

框架弄出来了 下一步呢??

然后就根据你需要添加具体的模板变量,你想在框架里面显示什么

然后就根据你需要添加具体的模板变量,你想在框架里面显示什么内容,比如可以添加区块等。

此贴不顶,天理难容。 此贴让我少走很多弯路。强烈支持!

此贴不顶,天理难容。
此贴让我少走很多弯路。强烈支持!

我已经有了主题风格,但是是javascript+CSS做成

我已经有了主题风格,但是是javascript+CSS做成的。其中主页的header部分(logo, sitename, top bar menu(横向下拉菜单))都是JS做的。请问可以在page.tpl.php中可否如何应用现成的JS?

谢谢

你直接在page.tpl.php里面加上也可以,如果不熟悉

你直接在page.tpl.php里面加上也可以,如果不熟悉theme的话。

发表新评论

此内容将保密,不会被其他人看见。
  • 自动将网址与电子邮件地址转变为链接。
  • 自动断行和分段。
  • You can use BBCode tags in the text.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

更多关於格式化选项的信息

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.