将seven主题复制到/sites/all/themes/
目录下,重命名为wt
,重命名seven.info
为wt.info
,打开wt.info,修改name
值为wt
设置wt
主题为后台管理主题。
在wt
文件夹中新建文件夹templates
,复制/modules/toolbar/toolbar.tpl.php
到/sites/all/themes/wt/templates/
目录下。
打开此文件,复制29行<?php print render($toolbar['toolbar_user']); ?>
到Drupal网站刷新之后发现如下:
可见:
$toolbar['toolbar_user']
渲染出来是用户信息。复制
$toolbar['toolbar_menu']
$toolbar['toolbar_menu']代码.jpg
渲染之后是:
$toolbar['toolbar_menu']效果.jpg
可见:
$toolbar['toolbar_menu']
渲染出来是后台菜单
现修改后台导航菜单的背景色。
在谷歌浏览器中查看元素:
可知:控制后台导航菜单背景色的代码在
toolbar.css
的第66行,修改background
的值即可。但是不要直接在toolbar.css
文件中修改。复制此文件到/sites/all/themes/wt/css/
目录下并在
wt.info
文件中添加如下代码:stylesheets[]= css/toolbar.css
修改此文件中第68行代码为
background: #34B2ED;
进入Drupal网站后台清空缓存,刷新页面,背景色即变为我们需要的颜色,如图:
修改导航菜单背景色.jpg
这样做,只是换了背景色。原理是系统用
/sites/all/themes/wt/css/toolbar.css
覆盖了/modules/toolbar/toolbar.css
。还有一些细节需要处理,比如toolbar.css
文件中的图片路径,需要复制/modules/toolbar/toolbar.png
到/sites/all/themes/wt/images/
目录下。然后再修改toolbar.css文件中的png图片的路径,把所有background: url(toolbar.png)
修改为background: url(../images/toolbar.png)
。这样图片的路径才正确,图片才能被加载出来。
网友评论