Drupal精华教程集2

《Drupal精华教程集2》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、你可能说，怎么还是这么丑，将3个div排成什么样的样式，是美工的活，CSS的东西我不大懂，在这里就不多讲了。讲的就是这个流程，如何把CCK的字段提取出来，如何将CCK创建的节点设为首页。有点累了，歇会先。××××××××END×××××××××××××××××ZENtheme主题修改成果小结1）首先，你可以找一个drupal主题做为你的原始主题，原始主题越简单越好修改。你也可以自己创建一个，当然，逻辑还得按drupal来，这么一想就没有必要了，何况简单的比方说：css的三栏自适应分布都是些固定的技术，你的新发明了也许并不一定比这些固定

2、套路管用。所以，第一步，找个主题来修改吧，我用的zen.觉得不错。2）你得规划好你网站主要栏目的架构，打个比方说，一个blogs的主页，你打算用什么样的布局呢，顶上有推荐，中间有图文，下面有内容的话，你可以试着用33/34/33,40/40/20的上层加上zen自带的20/60/20的底层，这样，你可能就需要三个区间。所以，先规划一下。我的网站我规划了4个主要的分栏。33/34/33,40/40/20,20/60/20,25/50/25,通过这三栏的组合，你可以得到4*3共12个分栏的样式。我想已经够用了吧。当然，考虑子菜单，我又加了

3、一个submenu的100%的分栏。这样，完全足够了。3)修改INFO文件，将你要加的这几个分栏加入内容REGIN，可以自己考虑加些中文名比如“三列左”之类的助记。加入REGIN模块后，要记得修改template中相应的css。4)修改css文件。主要是layouts.css,copy关于20/60/20分栏的内容，优化，改名，分配，这样，5个分栏的css就完全了。当然，如果栏不存在什么的你需要考虑不要出现丑陋的空白，所以你的layouts文件对margin,padinng的考量一定要具体，或者你可以加上内容后再进行测试。5）修改pa

4、ge.tpl.php文件，将你的分栏加入你想要的页面。并不是每个页面都需要所有的分栏。所以，你自由组合吧，以blogs为例，你可以就需要4个分栏。把这4个分栏加入后，命名为page-blog.tpl.php,你的任务就完成了。依次，你可以组建一些其它主栏的页面，如果你是以page的方式建立的这些内容，你可能需要命名的方式就是page-node-111这样的页面了。896)实际上，每种类型的节点表现形式可能都不一样，比如图片，一般的就是图在上，内容在下，博客正好相反，所以你得为你的不的节点制造不同的布局，所以你可能又会有一些新的东西，比

5、如node-forum.tpl.php,node-blog.tpl.php之类的文件。7)css是算简单的技术，只要你以前背历史的时候下了功夫练记性，不过加上IE6，IE7，firefox,maxon这些自成标准的怪物，css就什么都不是了。弄得hackcss也成为了一门学问，我就上周加这两天，解决了css的一大堆问题，比如IE6中的border经常消失，firefor中的margin与IE中的不一样等等。反正怎么说呢，可能css专家的意思就是说他失败的次数足够多了。——————————————————END_____________

6、________________小技巧--使用firebug幫忙定制theme比如说我要在"Readmore""Addnewcomment"之前加个可爱的icon但因为"Readmore"和"Addnewcomment"畏使用不同的icon(当然吧)所以要看看从css上它们的class或id值有否特定才可以用css定制不同的icon如不,可能要hack核心或使用js来忙了先打开firebug(热键F12)按一下inspect指到"Addnewcomment"來查看它的html89你可以看到firebug立即跳到"Addnewcomme

7、nt"的html可以看到: 指到"Readmore"可以看到: 可以看到它們各有一個自己的class,可以用css鎖定tag了

8、例:.node_read_more{ background-image:url(read_more.gif);}.comment_add{89 bac......................}++++++++++++