通信界 | 通信圈 | 通信家 | 下载吧 | 说吧 | 国际 | 国内 | 运营 | 市场 | 财经 | 物联网 | 无现金 | | 专网 | 信息安全 | 5G | BigDate
 电源 | 专网 | 光通信 | 交换 | 视频 | 接入 | 无线 | 线缆 | 测试 | IT | 自动化 | 互联网 | 数据 | 政策 | 终端 | NGN | 视界 | 前瞻 | 知本院


欢迎您提出建议和意见!管理员QQ:181502650 通信界QQ群:群①:31498574;群②:89286709 下载吧-通信书籍、通信论文、通信报告集聚地! 通信界QQ群:群③:5834261;群④:8044407

  共有3859人关注过本帖树形打印复制链接

主题:风格制作篇

帅哥哟,离线,有人找我吗?
新月弯刀
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 新月派弯刀
等级:通信圈管理员 帖子:2213 积分:26874 威望:10 精华:34 注册:2004/9/1 1:25:35
风格制作篇  发帖心情 Post By:2008/4/24 15:51:44 [只看该作者]





(一) 制作风格步骤

第一步:确定你的模板源想以哪个模板为基础做新风格,你就在基本设置里设置那个风格为论坛的默认风格。
第二步:新建模板风格界面模板总管理--右边下方有个 新建模板 ,在旁边的输入框里写下你想给你的新模板取的名字,认识点添加,就创建了一个新的模板。(新建模板将把当前论坛默认模版数据复制到新的模板中)
第三步:新建风格样式

风格界面模板总管理--修改CSS样式---在最下面一行里进行设置
名称 (你想给风格取的名字)
对应模板(对应你刚刚建立的那个新的模板)
图片包路径(这里就是你的新风格的图片路径,你用哪个文件夹做风格图片文件夹,这里就写什么路径,注意以“/”结束)

第四步:修改风格样式设置CSS 样式来改变论坛里表格,文字颜色等的基本样式。(具体见风格制作CSS解析说明)
第五步:修改模板样式在风格模板管理里修改模板的样式,而达到独特的风格效果。(具体见模板解析说明)

(二) 7。1风格制作CSS解析说明

<Style type="text/css">


A { TEXT-DECORATION: none; Color: #000000 }

论坛文字链接的颜色
Decoration属性
none:无效果
underline:下划线效果

A:hover { TEXT-DECORATION: underline;Color: #4455aa }

鼠标悬停在链接上时所产生的效果

BODY { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma; text-align: center; margin: 0; scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

FONT-SIZE: 12px 字体的大小 COLOR: #000000; 字体的颜色
FONT-FAMILY 设置或检索用于对象中文本的字体名称序列
text-align 设置或检索对象中文本的对齐方式
margin 检索或设置对象四边的外补丁。
scrollbar:指滚动条
scrollbar-face-color:表面颜色
scrollbar-highlight-color:高亮区颜色
scrollbar-shadow-color:阴影颜色
scrollbar-3dlight-color:3D颜色
scrollbar-arrow-color:箭头颜色
scrollbar-track-color:轨道颜色(滚动条底色)
scrollbar-darkshadow-color:深阴影颜色
IE5.5以后的版本都会支持这种自定义滚动条的效果。

font { line-height: normal; }检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
font:为字体属性
line-heigt:为行距属性,normal为默认,当然这里也可以用px或者pt来设置行距
TD { font-family: Tahoma; font-size: 12px; line-height: 15px; }表内横向格(行)
th { background-image: url(Skins/Default/css/default/bg1.gif); background-color: #4455aa; color: white; font-size: 12px; font-weight: bold; height:25;}表内纵向格(比如一级版块栏目那里的一条,友情论坛最上面那一条等)
background-image:背景图片
background-color:背景颜色
Color:默认为文字颜色
font-size:字体大小
font-weight:字形,一般有4种属性:normal(默认)、bold(加粗)、bolder(特粗)、lighter(特细)
th a { COLOR: #FFFFFF; TEXT-DECORATION: none; }th样式里文字连接的默认颜色、效果
th a:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline; }
th样式里鼠标悬停在链接上时所产生的效果
td.TableTitle1 { background-color: #6595D6; Color: #FFFFFF; }7。1特有的那个一条里的 XML 的背景颜色和字的颜色
td.TableTitle2 { background-color: #E4E8EF; }
这个属性是用在DVBBS用户列表,有“所有用户列表”字样那里的颜色。
td.TableBody1 { background-color: #FFFFFF; line-height: normal; }
这个是用在DVBBS两种穿插颜色中的第一主色属性。比如版块介绍那一块
td.TableBody2 { background-color: #E4E8EF; line-height: normal; }
这个是用在DVBBS两种穿插颜色中的第二主色属性。比如斑竹那一条的颜色
td.TableBody3 { background-color: #6595D6; }
我还没有找到是做什么的
td.TopLighNav { background-image: url(Skins/Default/css/default/bottombg.gif); }这是顶部表格的下背景图片。
td.TopLighNav1 { background-image: url(Skins/Default/css/default/tabs_m_tile.gif); }这里就是导航栏的背景图片了
td.TopLighNav2 { background-color:#FFFFFF }
这个属性也是顶部表格的,它是顶部表格的背景颜色
.tableBorder1 { width:98%; border: 1px; background-color: #6595D6; }这是表格边线属性(border为边线宽度)基本的表格都是调用的这个
.tableBorder2 { width:98%; border: 1px #DEDEDE solid; background-color: #EFEFEF; }
这个是DVBBS的第二导航栏属性,其border中的solid为边线是直线,也可以设置成其它的,比如dotted(以点组成的虚线)、dashed(以线段组成的虚线)等等,就好象这一条
动网先锋论坛动网论坛『 动网风格模板区 』 → 发表帖子 下面的表格的属性
.tableBorder3 { width:98%; border-left: #6595D6 1px solid; border-right: #6595D6 1px solid; border-top: 0px; border-bottom: #6595D6 0px solid; background-color: #EFEFEF;}
有一次看见过在哪调用过,不过现在忘了,也没有找到,这个的效果就是表格的左边和右边有一条线,上下没有
.tableBorder4 { width:98%; border: 1px #6595D6 solid; }dispbbs.asp页面贴子标题,树型 打印 那一条的表格样式
.tableBorder5 { border: 1px #6595D6 solid; background-color: #D6E0EF; }
7。1特有的XML那一个块块的表格属性
.singleborder { font-size: 0px; line-height: 1px; padding: 0px; background-color: #6595D6 }
首页登陆那一块右边,新进来宾那一条下面的分隔线的颜色
#TableTitleLink A { COLOR: #FFFFFF; TEXT-DECORATION: none; }
#TableTitleLink A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline; }
#nobold { font-weight: normal; }
纵向表格内文字链接的属性
input,select,Textarea,option { font-family: Tahoma,Verdana,"宋体"; font-size: 12px; line-height: 15px; COLOR: #000000; }
输入框、选择框、文本框、选择按钮的属性
.normalTextSmall { font-size : 11px; color : #000000; font-family: Verdana, Arial, Helvetica, sans-serif; }
下脚注的字体样式
.menuskin
{
BORDER: #666666 1px solid; VISIBILITY: hidden; FONT: 12px Verdana;
POSITION: absolute;
BACKGROUND-COLOR: #EFEFEF;
background-image: url("Skins/Default/dvmenubg3.gif");
background-repeat: repeat-y;
}
下拉菜单属性,Border是边框属性,BACKGROUND-COLOR是背景颜色属性,background-image是背景图片
.menuskin A
{
PADDING-RIGHT: 10px; PADDING-LEFT: 25px; COLOR: black; TEXT-DECORATION: none;
}
这里是当鼠标鼠标移动到下拉菜单上所产生的效果,PADDING-RIGHT是文字右边距,PADDING-LEFT为左边距,大家可以根据自己的需要来调整
.menuitems
{
margin: 2px; padding: 1px; word-break: keep-all; text-align: left; line-height: 14pt;
}
下拉菜单的基本属性
.BrightClass { background-color: #D7D7D7; }暂时没有找到是做什么的
.Redfont { color: red; }
首页在线图例 那里调用的颜色效果,还有几个红色的地方也是调用的这个效果
.BlueFont { color: #6595D6; }首页最下面在线列表那一块 的 当前在线等前的小方块的颜色
.ImgOnclick { cursor: pointer; }风格 这个菜单的样式
.Menu_popup{display:none;}用户控制面板的样式
/*
Div模板部分
*/
.iTableBorder { width: 98%; line-height: 15pt }
首页底部论坛状态部分 三个标志 有新帖 没新帖 那一块的样式
hr { height: 1px; color: #6595D6; width: 100%; }分隔线的样式,比如友情论坛下的的那条分隔线
/*
编辑器特效CSS样式
*/
div.quote { margin:5px 20px;border:1px solid #CCCCCC;padding:5px;background:#F3F3F3 ;line-height : normal ;}
好象是引用其他人发言时,引用框的效果
div.HtmlCode { margin: 5px 20px; border: 1px solid #CCCCCC; padding: 5px; background: #FDFDDF ; font-size: 14px; font-family: Tahoma; font-style: oblique; line-height: normal; font-weight: bold; }
div.info { border-top: 1px dotted #CCCCCC; padding: 5px; line-height: normal; color: #C5C5C5; width: 100% }
font.ShowTools { color : white; background-color: #B88FFC; }
.magicframe { border:1px solid #CCCCCC; }
暂时还没有仔细去找这部分是哪的
.PageInput { border: solid 1px #D6E0EF; BACKGROUND-COLOR: #FAFAFA; height : 18px; FONT-FAMILY: Arial; FONT-SIZE:11.5px; }
这是分页那里的效果
</Style>
结束




由于家园论坛数据量过于庞大,无法进行帖子逐个修改,故给所有用户每人增加5000元电通币用于下载用,若电通币用完了,可以向管理员申请,版主会及时给您增加金钱,也希望大家理解,多多发贴跟帖,共同营造良好的沟通氛围。
通信界QQ群:群①:31498574;群②:89286709  回到顶部
美女呀,离线,留言给我吧!
熊猫
  2楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:班员 帖子:13 积分:326 威望:0 精华:0 注册:2010/8/2 15:12:03
当爱情经过的时候  发帖心情 Post By:2010/8/26 9:06:24 [只看该作者]

当爱情经过的时候 图片点击可在新窗口打开查看 .Rke684   当枫叶落尽的时候你是否会想起一些人 是否会依稀的记得曾经和你在枫树下蜜语的人   当枫叶落尽的时候你是否会记起一些事 是否会依然的记得你们一起私订下的海誓山盟   当枫叶落尽的时候你是否会回忆那个她是否会依然的记得你们约定好一起去看上弦月   当上弦月还在的时候 上海九院整形医院当枫叶还在的时候 曾经那个和你约定的她还在吗?   人生就是这么样,就如枫叶一样总在快失去的时候才发现是最美的。当上弦月的月光照在枫叶上的时候枫叶发出最诱人的美丽,仿佛世界上的时间全部停止了,激光脱毛那一刻你们的心也同时静止了!   但是一切都没办法再次挽回了。。。 转载自   也许一个人错过就不可能在碰上!其实多么想对她说今年的枫叶可能是最后一年我能看见你了,明年枫树就不在了,但是枫叶就是枫叶不会停留,到时间就消失不会再留下任何痕迹,只有一段让人怀念的回忆。什么是回忆,那是珍藏在彼此心中最美的回忆。也许在这个地方无法看见枫叶,红色的枫叶永远是你心中的伤,一份悲伤,一份上弦月,一片枫叶,一辈子的回忆。苍天桑海都记住这枫叶!火红的叶儿!   唯有磐石坚如石浦苇韧如丝……   龙卷风终于在我的思绪中缓缓远去,抽脂减肥而它激起我的狂荡的心潮把我心的沙滩刷得辣辣的,此刻留有的竟是一股令人难忘的余痛,一种使人超脱,使人充实和无所畏惧的余痛,我似乎又想起自己早年说过的一句话:真正的爱是一种超越一切的无畏与从容。   事业,需要冷静的思维应付;爱情,则不能缺少狂烈的患难考验,是龙卷风掀起了滔天的情之潮,又是基于情的冷静击退了龙卷风死亡的威摄。忘不了迎风冲突时近似强暴的拉扯,瘦身方法忘不了抑着急切之心共同把希望之物推向剧烈的风旋,然而,更忘不了的是大风无情的追杀和卷入风中时舍命的挣扎,风静之时,方使人顿悟爱情竟是这般厚实无边,坚不可摧。爱情,似乎使“人定胜天”的信念更加无以置疑地矗立起来。 转载自   当一颗颗感应器架着银色的小风轮在风旋中以优美的姿态急骤地升起时,朦胧中我仿佛感到宇宙赋予人的一种强大的力和一条罕见的轨迹,只有踏上这条轨迹的人才能发挥其无边的力量。   许多时候,真爱就在你的指尖,不经意的溜走。也许你扑捉到了一个瞬间,你就抓住了一生的幸福。   当爱情走来的时候,瘦身网你会沉醉在芳香的爱的花园里,处处是鲜花处处是美景。醉了吧,我愿和你一起,沉醉永远不要醒......


整形美容网
通信界QQ群:群①:31498574;群②:89286709  回到顶部