园所主页培训

（个性化设置）

园所主页个性化设置

网站页面的命名、新建及恢复网站页面结构的调整现有 Part 模板的应用CSS 格式调整

网站页面的命名、新建及恢复

信息管理初始栏目命名（请勿修改栏目名称，可改栏目显示名）

notice 通知公告 、 activity 园所活动园所相册、班级主页

主页建设默认页面 index 园所主页list 信息列表 、 detail 信息详细imagelist 相册列表

页面的新建与恢复新建、恢复、修改

网站页面结构的调整

页面设置页面标题、文件名称、字体、全页生效代码

增加新栏分栏个数 、分栏宽度、高度

设置分栏调整、高度调整

插入分栏

现有 Part 模板的应用Flash滚动图片菜谱图片友情连接

Part 高级设置的 css 调整CSS

CSS 指层叠样式表 (Cascading Style Sheets)

把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 多个样式定义可层叠为一 , 就近原则

菜单栏样式调整颜色、连接颜色、间距、定位、

信息列表样式调整标题对齐方式、颜色文字颜色、间距

修改 Part 内 CSS 内容

可以 Ctrl+A 全选， Ctrl+C 复制粘贴到记事本或网页编辑软件（如 Dreamweaver ）进行修改，然后用 Ctrl+V 的粘贴方式替换掉原有代码。CSS 的代码可复制后在百度，谷歌查询使用方式和相关参数。如搜索：margin: padding: padding-left:

网站标题 Part .[@name]{ background-image: url([#header.jpg]); /* 修改应用文件名 */ width:[@width]px; height:[@height]px;}.[@name] .inside /* 文字格式的定义 */{ padding-top:50px; /*padding-top 属性设置元素的上内边距。 */

padding-left:40px; font-size:28px; color:#FFFFFF; /* 修改文字颜色 */

text-align:left; font-weight:bold;}

菜单 Part .[@name]{ background: url([#menu.jpg]); height:[@height]px; width:[@width]px;}

.[@name] .nav ul.nav_top{ list-style:none; margin: 0px; padding: 0px; padding-left: 16px;}

.[@name] .nav ul.nav_top li{ float:left; padding-left:[@ 菜单间距 ]; padding-top:18px;}

.[@name] .nav ul.nav_top li a /* 信息列表文章格式 */{ text-decoration:none; color:[@ 字体颜色 ]; font-size:[@ 字体大小 ]; font-weight:bold!important; /* 加粗 */ white-space:nowrap; /* 禁止文字自动换行 */}

.[@name] .nav ul.nav_top li a:hover

{

text-decoration:underline; /* 鼠标 - 下划线 */

}

/* 可以添加字体颜色 color:#137484*/

信息列表/* 框架定位 */.[@name]{padding:0px 0px 0px [@ 背景边距 ]px;}.[@name] .inside{margin:7px 0px 0px 15px; /* 正文，外边距属性上右下左 */overflow:hidden; width:[@width-45]px;}.[@name] .title{}.[@name] .title .item{height:14px; padding:16px 0px 0px 0px; text-align:right;} /* 修改标题位置、对齐，内边距 */.[@name] .content{margin:20px 0px 0px 0px;} /*正文，外边距属性上右下左 */.[@name] .more{text-align:right; padding:0px 20px 0px 0px;}/* 背景 */.[@name] .edge{width:[@width-15]px; height:[@height]px; background:url([#block[@ 背景图片 ].jpg]) no-repeat;}

/* 样式定义 */

.[@name] a{text-decoration:none; color:#3a8006;}

.[@name] a:hover{text-decoration:underline;}

.[@name] ul,li{list-style:none; margin:0px; padding:0px;}

.[@name] li{background:url([#sdot.gif]) no-repeat transparent scroll 4px 10px; padding:0px 0px 0px 15px; line-height:26px; height:26px; text-overflow:ellipsis; overflow:hidden;}

.[@name] .title .item a{font-size:14px;font-weight:bold;} /* 可修改标题颜色color:#137484*/

<li><a href=“[@link]” title=“[@title]” target=“_blank”>[@title:20]</a></li>

/* title:20 改列表显示字数 */