门户diy三栏精简版代码放出，适用于门户任何页面制作！

继上一次，给大家展示的是比较繁琐的（css在内部版的），本次展示的是精简版的，演示可以参考：www.uponny.com
上一篇：html版的门户首页DIY框架
https://discuz.dismall.com/thread-2455898-1-1.html

1. 
   
2. <!--{subtemplate common/header}-->
   
3. <style type="text/css">
   
4. .main{width:960px
   
5. }
   
6. .mainall{
   
7. width:960px;border:0px
   
8. }
   
9. .content-left{
   
10. float:left;border:1px solid none;width:377px
    
11. }
    
12. .header{
    
13. border:1px solid none;background-image:none repeat:no repeat;width:960px
    
14. }
    
15. .content-right{
    
16. border:1px solid none;float:right;width:180px
    
17. }
    
18. .content{
    
19. border:1px solid none;width:377px;float:right;margin:0 10px 0 10px
    
20. }
    
21. .footr{
    
22. border:1px solid  none;clear:both;width:960px
    
23. }
    
24. </style>
    
25. <!--注意这个地方是必须的，不然自带的diy会不起效奥！-->
    
26. <style id="diy_style" type="text/css"></style>
    
27. 
    
28. <div class="wp">
    
29. <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
    
30. </div>
    
31. <!--三栏，中间自动，两边浮动!-->
    
32. <div class="main" >
    
33. <!--header-->
    
34. <div class="header">
    
35. <!--[diy=diy2]--><div id="diy2" class="area"></div><!--[/diy]-->
    
36. </div>
    
37. <!--content-left-->
    
38. <div class="content-left">
    
39. <!--[diy=diy3]--><div id="diy3" class="area"></div><!--[/diy]-->
    
40. </div>
    
41. <!--content-right-->
    
42. <div class="content-right">
    
43. <!--[diy=diy5]--><div id="diy5" class="area"></div><!--[/diy]-->
    
44. </div>
    
45. <!--content-->
    
46. <div class="content">
    
47. <!--[diy=diy4]--><div id="diy4" class="area"></div><!--[/diy]-->
    
48. </div>
    
49. <!--footer-->
    
50. <div class="footr">
    
51. <!--[diy=diy6]--><div id="diy6" class="area"></div><!--[/diy]-->
    
52. </div>
    
53. 
    
54. <!--第二部分-->
    
55. <!--header-->
    
56. <div class="header">
    
57. <!--[diy=diy7]--><div id="diy7" class="area"></div><!--[/diy]-->
    
58. </div>
    
59. <!--content-left-->
    
60. <div class="content-left">
    
61. <!--[diy=diy8]--><div id="diy8" class="area"></div><!--[/diy]-->
    
62. </div>
    
63. <!--content-right-->
    
64. <div class="content-right">
    
65. <!--[diy=diy10]--><div id="diy10" class="area"></div><!--[/diy]-->
    
66. </div>
    
67. <!--content-->
    
68. <div class="content">
    
69. <!--[diy=diy9]--><div id="diy9" class="area"></div><!--[/diy]-->
    
70. </div>
    
71. 
    
72. <!--footer-->
    
73. <div class="footr">
    
74. <!--[diy=diy11]--><div id="diy11" class="area"></div><!--[/diy]-->
    
75. </div>
    
76. <!--第二部分结束-->
    
77. </div>
    
78. 
    
79. <script src="misc.php?mod=diyhelp&action=get&type=index&diy=$_G['gp_diy']&r={echo random(4)}" type="text/javascript"></script>
    
80. <!--{subtemplate common/footer}-->
    

复制代码

{:1_1:}

我不会diy，不知道怎么下手

philyzhou 发表于 2011-11-6 16:48
我不会diy，不知道怎么下手

慢慢试着做

代码放在哪里？

心之砀 发表于 2011-11-11 23:01
代码放在哪里？

门户目录的根目录，的index.html里面，替换原来的代码

没图啊。

soo26 发表于 2011-11-13 01:52
没图啊。

去这里看www.uponny.com，因为上一个哟扑街图，所以这里没截图

谢谢分享

要是能有个截图就好了