中搜門戶樣式制作

QQ:2944320201目錄

1門戶前臺基礎(chǔ)介紹2門戶基本樣式制作2前臺設(shè)置3頁面管理門戶管理員的管理入口，可以對頁面的所有原創(chuàng)信息進(jìn)行管理。添加內(nèi)容（微件列表）是頁面添加內(nèi)容的入口。門戶設(shè)置，分樣式設(shè)置、頁眉頁腳設(shè)置、頁設(shè)置、搜索引擎優(yōu)化和門戶信息五大部分。保存對頁面的修改。發(fā)布靜態(tài)頁面。4門戶設(shè)置——門戶設(shè)置是針對門戶中基本頁面等內(nèi)容進(jìn)行相應(yīng)設(shè)置。包括頁樣式設(shè)置、頁眉頁腳設(shè)置、頁設(shè)置、搜索引擎優(yōu)化、門戶信息、自定義導(dǎo)航設(shè)置等內(nèi)容。5頁眉設(shè)置可在“頁眉所在頁”中選擇該頁眉所在的頁面，然后進(jìn)行“LOGO設(shè)置”、“頁面標(biāo)題設(shè)置”、“形象圖設(shè)置”、“頁眉區(qū)設(shè)置”、“地址區(qū)設(shè)置”、“鏈接區(qū)設(shè)置”、“引用”和“設(shè)為默認(rèn)”等。門戶設(shè)置-頁眉頁腳設(shè)置6頁腳設(shè)置選擇好頁腳所在頁后，即可在文章編輯器中編輯頁腳；也可以點擊“源代碼”用HTML代碼進(jìn)行編輯。門戶設(shè)置-頁眉頁腳設(shè)置7頁面共享及地址設(shè)置所有已建立頁面的共享程度，其中會員分為“個人會員”、“免費企業(yè)會員”、“VIP企業(yè)會員”、“門戶管理員”、“行業(yè)門戶”

，從“編輯頁面”跳轉(zhuǎn)到該門戶頁面，“復(fù)制頁面鏈接”可將地址復(fù)制到剪切板。門戶設(shè)置-頁設(shè)置8導(dǎo)航頁面排序可將已建一級、二級導(dǎo)航頁面進(jìn)行排序，點擊“上移”、“下移”按鈕調(diào)整頁面順序，點擊“成為一級導(dǎo)航”、“成為二級導(dǎo)航”調(diào)整導(dǎo)航級別。門戶設(shè)置-頁設(shè)置9

微件設(shè)置10對已經(jīng)添加的微件模塊的標(biāo)題、內(nèi)容等進(jìn)行設(shè)置，包括顏色、字體、背景、圖標(biāo)、顯示鏈接、順序、樣式和特殊效果等。微件設(shè)置為微件移動按鈕，鼠標(biāo)左鍵點擊著該按鈕進(jìn)行拖動，即可移動該微件。為設(shè)置按鈕，它包含“修改標(biāo)題”、“編輯內(nèi)容”、“移動或復(fù)制”、“添加到合并車間”、“高級設(shè)置”和“微件樣式設(shè)置”等。為刪除按鈕，點擊即可刪除該微件塊。為刷新按鈕，對于微件進(jìn)行了標(biāo)題、內(nèi)容或外觀的修改后，可點擊刷新，觀看效果。點擊右下角的拖拽按鈕便能夠隨意拉伸微件塊大小。下面將重點介紹高級設(shè)置。11微件樣式設(shè)置頁面微件模塊設(shè)置-高級設(shè)置12微件標(biāo)題樣式代碼.blo{border:1pxsolid#E8E7E7;padding:1px;position:absolute;overflow:hidden}.blo,.bloa:link{color:#6C6969;text-decoration:none;}.bloa:visited{color:#6C6969;text-decoration:none;}.bloa:hover{color:#FF6600;text-decoration:none;}.blo_head{background:url()repeat-x;height:29px;}.blo_head.left{position:absolute;background:url()no-repeat;width:15px;height:14px;margin:5px0px0px5px;}.blo_head.on{position:absolute;left:5px;background:#00f;height:22px;top:5px}.blo_tit{left:25px;top:0px;position:absolute;white-space:nowrap;font-size:14px;font-weight:bold;color:#B60404;overflow:hidden}.blo_head.right{}（以下代碼針對產(chǎn)品大小修改適當(dāng)添加）.blo_content{width:100%;position:absolute;top:35px;left:0px;}.blo_content.flo{margin-top:0px;}.blo_content.prod_item.prod_photoaimg{height:122px;vertical-align:top;width:122px;}.blo_content.prod_item.prod_photoa{height:122px;width:122px;}.blo_content.prod_item.prod_photo{height:122px;width:122px;border:none;}.blo_content.prod_item.prod_rangea{overflow:hidden;width:122px;line-height:14px;margin:0px;}.blo_content.prod_item.prod_range{font-size:12px;height:32px;overflow:hidden;position:absolute;text-align:center;z-index:1;width:132px;padding:0px2px}.blo_content.flo.prod_item{width:134px;height:158px;margin:0px8px10px8px;padding:2px0px;background:#EFEFEF;}

13門戶設(shè)置-樣式設(shè)置頁樣式設(shè)置點擊某皮膚的“修改”設(shè)置，進(jìn)入CSS代碼操作頁面。14頁面通用代碼p,ul,li,h1,h2{margin:0px;padding:0px;}/*控制標(biāo)簽屬性*/img{border:none;}/*圖片無邊框*/.blo_icon{display:none}/*微件頭部的圖標(biāo)*/.cttnewstd,.cttnews.source,.cttnews.time,.cttnews.price{height:1.8em;line-height:1.8em;width:auto;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}/*改變微件里面行距*/塊樣式/*塊樣式*/.blo{border:1pxsolid#ECEFEE;background:#ffffff;padding:1px;}/*微件樣式*/.blo,.bloa:link{color:#3C3C3C;text-decoration:none;}/*微件字體鏈接樣式*/.bloa:visited{color:#3C3C3C;text-decoration:none;}/*微件字體鏈接樣式*/.bloa:hover{color:#FF6A00;text-decoration:none;}/*微件字體鏈接樣式*/.blo_head{background:url()repeat-x;height:33px;}/*微件標(biāo)題背景*/.blo_head.left{position:absolute;background:url()no-repeat;width:5px;height:33px;margin:0px;}.blo_tit{left:15px;top:5px;position:absolute;white-space:nowrap;font-weight:bold;font-size:14px;color:#666;overflow:hidden;font-family:"微軟雅黑";}.blo_bottom{bottom:-1px;position:absolute;width:100%;}/*微件底部背景*/15頁導(dǎo)航設(shè)置在“導(dǎo)航所在頁面”的下拉菜單中可選則需進(jìn)行導(dǎo)航樣式設(shè)置的頁面?？蓚€頁面可進(jìn)行五項設(shè)置：更換導(dǎo)航形式、更換導(dǎo)航樣式、修改樣式、導(dǎo)航背景設(shè)置、預(yù)覽等。門戶設(shè)置-導(dǎo)航樣式設(shè)置16門戶設(shè)置——導(dǎo)航樣式設(shè)置自定義導(dǎo)航設(shè)置在“自定義導(dǎo)航所在頁面”的下拉菜單中可選則需進(jìn)行導(dǎo)航樣式設(shè)置的頁面。每個頁面可進(jìn)行五項設(shè)置：更換導(dǎo)航形式、更換導(dǎo)航樣式、修改樣式、導(dǎo)航背景設(shè)置、預(yù)覽等。17導(dǎo)航樣式設(shè)置導(dǎo)航形式庫和導(dǎo)航樣式庫。門戶設(shè)置-導(dǎo)航樣式設(shè)置18更多頁模板設(shè)置可將各類詳細(xì)頁面進(jìn)行模板生成，并自定義編輯，如添加其他微件塊、換膚等，若將頁面設(shè)為有效可設(shè)置更多鏈接。門戶設(shè)置-頁設(shè)置192樣式基本制作導(dǎo)航樣式以一種導(dǎo)航樣式為例20分割線背景鼠標(biāo)點擊以及當(dāng)前狀態(tài)21導(dǎo)航樣式代碼（單獨頁面設(shè)置）.tagsulimg{float:left}.tags_top{height:0px;overflow:hidden;position:relative}.tags_top_l{width:0px;height:0px;background:url()no-repeat;position:absolute;left:0;top:0}.tags_top_c{height:0px;background:url()repeat-x;margin:00px}.tags_top_r{width:0px;height:0px;background:url()no-repeat;position:absolute;right:0;top:0}.tags_middle.tags_middle_l{display:none}.tags_middle.tags_middle_c{background:url()repeat-x;overflow:hidden;zoom:1}.tags_middle.tags_middle_cli{background:url()no-repeat;height:36px;line-height:36px;float:left;white-space:nowrap}.tags_middle.tags_middle_c.taga{height:36px;line-height:36px;display:block;float:left;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.tagaspan{height:36px;display:block;float:left;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.tagab{text-align:center;font-weight:bold;color:#fff;font-size:14px;height:36px;display:block;float:left;padding:012px;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.taga:hover{height:36px;background:url()centerrepeat-x;display:block;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.taga:hoverspan{height:36px;background:url()leftno-repeat;display:block;float:left;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.taga:hoverb{text-align:center;font-weight:bold;color:#fff;font-size:14px;height:36px;padding:012px;background:url()rightno-repeat;display:block;float:left;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.currenta{height:36px;width:77px;line-height:36px;background:url()centerno-repeat;display:block;float:left;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.currentaspan{height:36px;background:url()leftno-repeat;display:block;float:left;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.currentab{text-align:center;color:#000;font-size:14px;font-weight:bold;height:36px;padding:012px;background:url()rightno-repeat;display:block;float:left;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.currenta:hover{height:36px;line-height:36px;background:url()centerrepeat-x;display:block;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.currenta:hoverspan{height:36px;background:url()leftno-repeat;display:block;float:left;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_c.currenta:hoverb{text-align:center;font-weight:bold;color:#000;font-size:14px;height:36px;padding:012px;background:url()rightno-repeat;display:block;float:left;text-decoration:none;cursor:pointer}.tags_middle.tags_middle_r{display:none}.tags_bottom{height:0px;overflow:hidden;position:relative}.tags_bottom_l{width:0px;height:0px;background:url()no-repeat;position:absolute;left:0;top:0}.tags_bottom_c{height:0px;background:url()repeat-x;margin:00px}.tags_bottom_r{width:0px;height:0px;background:url()no-repeat;position:absolute;right:0;top:0}.second{display:none}22導(dǎo)航樣式代碼（整個網(wǎng)站公用）.tags {width:1000px;height:55px;background:url()repeat-x;text-align:center;margin:0;pa