資源描述:
《PageAdmin模板DIY同步圖文解析教程含模板下載適合新手學(xué)習(xí)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、有興趣的的朋友可以一起測試,現(xiàn)在安裝pageadmin最新版本,選用默認(rèn)風(fēng)格~!~我們就在默認(rèn)風(fēng)格中修改,調(diào)試。首先我們看這個(gè)目標(biāo)網(wǎng)站《也是剛制作好的一個(gè)》然后和我們安裝好的pageadmin模板經(jīng)行對(duì)比,分析,目標(biāo)網(wǎng)站的布局。1.jpg(94.14K)2008-12-2218:31:46具體布局修改方法2.jpg(132.32K)2008-12-2218:31:46接下來要做的就是在原有的CSS樣式基礎(chǔ)之上修改樣式表??對(duì)于不太了解CSS樣式的朋友,我們有傻瓜式的演示方式:1.頂部導(dǎo)航修改位置:template
2、style1下lanmu.css/*menu樣式*/.menu_box{clear:both;width:100%;}??????????????????/**********LOGO在上方樣式***********/.menu_box_style1_1{clear:both;border:0solid#cccccc;}.menu_box_style1_1_1{float:left;}.menu_box_style1_1_2{float:right;padding:5px000;}.menu_box_style
3、1_2{clear:both;Text-align:left;height:35px;background:url(images/menu_bg.gif)repeat00;border:0solid#dddddd;border-width:01px01px;overflow:hidden;}.menu_style_1{float:left;width:100px;Text-align:center;padding:9px000;background:url(images/menu_style.gif)no-rep
4、eat00;}.menu_style_1_last{float:left;width:98px;Text-align:center;padding:9px000;}--------------------------------------------------------------------------------------------------------------------一般情況來說,我們只需要修改寬度,和背景圖片即可。對(duì)于新手來說,修改頂部的導(dǎo)航背景圖片,完全可以采用另種方式!3.jpg(
5、90.81K)2008-12-2218:44:16-------------------修改網(wǎng)站寬度在??紅色/*網(wǎng)站主體樣式*/body{word-break:break-all;color333333;margin:0000;font-size:12px;line-height:20px;text-align:center;font-family:宋體,Arial;}.Page_style{width:900px;border:0solid#cccccc;margin-left:auto;margin-rig
6、ht:auto;Text-align:center;overflow:hidden;}a{color333333;text-decoration:none;}a.detail{text-decoration:none;}a:hover{text-decoration:underline;}form,ul,li{list-style-type:none;margin:0000;padding:0000;}p{padding:0000;margin:0000;}div,td{font-size:12px;}hr{bo
7、rder:1pxsolid#cccccc;line-height:1px;}----------------4.jpg(52.50K)2008-12-2218:58:53-----------這部分的CSS我們可以定位搜索,一段一段的來修改CSS樣式,使他們相同。5.jpg(97.44K)2008-12-2218:58:53新手一定要多練習(xí)!多練習(xí)練習(xí)熟練就好啦!反復(fù)練、重復(fù)練,肯定能做出來啦。我都研究了3個(gè)多星期了,在這里還要感謝版主xinyou給咱提醒了一下。??直接修改css樣式就可以了,不要重新布局設(shè)計(jì),
8、《那條路太難走啦!!!!!》就用pageadmin后臺(tái)里的模塊設(shè)計(jì)。連程序一起模板提供下載