vivi的校园时光

夏日心情清晰版

vivi — Thu, 28 Aug 2008 12:14:05 +0800


	远离卑劣的倾轧，躲开世俗的纷争，走进心灵的天空，到达感情的归宿------重温一抹美丽的心情，抚慰一颗疲惫的心灵，回首一段苍凉的人生！倾听心灵天空，让思想走向深刻纯净，倾听心灵天空，让生命愈加丰盛生动！

客家文化主题首页设计

vivi — Thu, 28 Aug 2008 12:07:02 +0800


	研究性地学习客家文化为载体，以继承和发扬客家传统美德为旨趣，建设一个多学科共生和共享的、研究性的、信息化的平台，在社会实践中积极开展人文德育，就是我们开展本课题研究的目的所在。

计算机协会主题首页设计

vivi — Thu, 28 Aug 2008 12:03:51 +0800

计算机协会干事扩招通知

计算机协会干部名单

受灾灾区接受中山大学计算机协会捐助衣物

Asus杯中大DIY大赛，我协会成员独揽前三名

计算机协会荣获校2008年度优秀社团协会

我如何加入计算机协会

联系电话：13988888888（不回短信）

联系电话：021-82988888
电子邮箱：sysu@sysu.edu.cn
联系QQ：15442345
在线时间:早9点至凌晨1点(用餐时间除外)

新人入会须知

vivi — Wed, 02 Jul 2008 10:53:08 +0800

hi how are you

炫彩主题滚动公告模板(有代码)

vivi — Tue, 01 Jul 2008 11:19:53 +0800

提供本主题公告模板下载。

使用方法：直接把以下代码复制到编辑器——源代码中，即可。

------------------------------------------------------------------------------------------------------------------------------------------


	这里也就是一个MCS模版交流的团队，目的是为同学们提供各种各样的个人主页skin和主题skin制作方法，大家运用各自的优势，通过合作，把自己的skin做得更个性，更漂亮。另外，在“资源共享”里我收集了一些css知识，都是十分经典的哦，希望大家都来看看。

------------------------------------------------------------------------------------------------------------------------------------------

效果预览：


	这里也就是一个MCS模版交流的团队，目的是为同学们提供各种各样的个人主页skin和主题skin制作方法，大家运用各自的优势，通过合作，把自己的skin做得更个性，更漂亮。另外，在“资源共享”里我收集了一些css知识，都是十分经典的哦，希望大家都来看看。

MCS最新的5种结构skin登场啦！你喜欢哪一个？

vivi — Fri, 13 Jun 2008 17:08:28 +0800

我们的系统给大家提供了5种结构的个人主页模板，大家最喜欢使用哪些类型结构的模板呢？说出你们的选择和理由吧！

1、标准二栏：经典二栏结构主页模版，适用于所有人群，界面清晰，操作简洁
2、门户三栏：突出首页的作用，实现小型个人主页门户化，将最精华的内容在首页中得到更有效更合理的展示。一目了然的展示你的所有优势及特点
3、图片展示：以图片展示为主，文字为辅，尤其合适以拍摄为兴趣的朋友
4、分类展开：将所有的分类都一次性展现，适合知识面涉猎丰富的朋友
5、标准三栏：当前最流行的三栏结构个人主页，用户可随意设置不同自定义模块放置在两个侧栏内，实现单个页面内容丰富。是展现丰富内容的首选页面

注：*模板选择在工作台-主页设置里进行切换。

图例展示：

1、标准二栏：

2、门户三栏：

3、图片展示：

4、分类展开：

5、标准三栏：

简约系列的主题滚动公告模板(有代码)

vivi — Fri, 13 Jun 2008 15:44:32 +0800

提供本主题公告模板下载。

使用方法：直接把以下代码复制到编辑器——源代码中，即可。

------------------------------------------------------------------------------------------------------------------------------------------


	这里也就是一个MCS模版交流的团队，目的是为同学们提供各种各样的个人主页skin和主题skin制作方法，大家运用各自的优势，通过合作，把自己的skin做得更个性，更漂亮。另外，在“资源共享”里我收集了一些css知识，都是十分经典的哦，希望大家都来看看。

------------------------------------------------------------------------------------------------------------------------------------------

效果预览：

加入背景音乐代码

vivi — Fri, 13 Jun 2008 15:11:52 +0800

背景音乐代码：

使用方法：大家在使用时用自己喜欢的音乐的网址来替换掉音乐网址几个字,再将整组代码复制,黏贴到编辑器-源代码中，即可。

注意：最好找mp3格式的,容量比较小的音乐，可以到百度MP3：http://mp3.baidu.com，寻找音乐。

在公告栏里实现滚动的文字效果

vivi — Fri, 13 Jun 2008 13:44:53 +0800

点击公告编辑框上方的“源代码”，输入代码内容，即可实现文字滚动效果。

滚动字幕
代码：这里是你想打的字
注解：是一对控制文字滚动的代码，放在它们之间的文字显示出来的效果就是从右到左移动。代码中间的字可以换成自己想要的字。

各参数详解：

a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

d)scrollDelay。这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

例子：

1，速度为2，滚动区域宽度为300的横向滚动效果。

这里是你想打的字

2，如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上和就可以了。如下效果，代码是中央电视台，点击中央电视台就可以进入了：中央电视台
3，如何制作当鼠标停留在文字上，文字停止滚动？代码如：

文字内容

4，交替效果。代码如：

文字内容

5，多行文本向上滚动。代码如：

·早晨好啊！
·空气好清新啊
·今朝

食乜好呢？
·中央电视台

如何设计主题首页？

vivi — Thu, 12 Jun 2008 17:14:13 +0800

主题首页的设计有两个部分：1，修改主题首页的banner。2，修改主题公告编辑区。

1，修改主题首页的banner。

修改路径：具体主题——管理——上传“主题bannar”
支持图片格式：gif及jpg。限制大小：2兆；参考尺寸：768px×100px

这里需要注意的是，参考尺寸为768px×100px，请尽量将图片的尺寸做成和参考尺寸一致，达到最佳效果。

2，修改主题公告编辑区。
修改路径：具体主题——管理——填入“主题公告”
支持内容：可以在编辑框里放入文字，图片，flash，音乐，视频等各种元素。同时，也支持html的编辑页面。
我们可以通过自己的创意，制作出各种各样丰富的页面来。

查看MCS skin的工具，IEDevToolBar

vivi — Thu, 12 Jun 2008 16:19:04 +0800

微软的IEDevToolBar，这是一个免费的专门为Web开发人员制作的IE插件，IE插件IEDevToolBar可以帮助我们分析网站的布局结构，有助于我们学习和分析页面的CSS，其主要功能有：
    1.以树结构查看CodeDom，并查看每个Element属性，可以使用鼠标点击选中Element，这个在我们制作和调试网页时很有用；
    2.生成图片报表，就是将页面上说有出现的图片生成一份详细的报表，这样就省的我们自己去找图片路径和量图片大小等等；
    3.高亮显示表格，表格单元，Div等的边框，这个在我们调整布局时也是很有用；
    4.页面尺子，可以然你任意在页面上度量长度，这个是大大的提高了我们的工作效率，不用为了量个长度而抓图再用画图工具量。
    现在我就介绍给大家一起分享吧，装上后在Web项目调整界面时它真的是用处很多啊！

附：下载地址iedevtoolbar(插件。看css结构)

安装之后，在IE顶部菜单的“查看” － “工具栏” 里面钩选“Developer Toolbar”项即可。这下在IE下做 Web开发就方便多了！

skin制作利器，css中文手册

vivi — Thu, 12 Jun 2008 16:15:06 +0800

这里提供一个css的中文手册，对喜欢做skin的同学非常有用，Cascading Style Sheet 2.0 中文手册

这是作者苏沈小雨制作的CSS2.0手册，对学习CSS和查询CSS属性非常有帮助。本手册针对的是已有一定网页设计制作经验的读者。其目的是提供完整清晰的样式表内容的快速索引及进阶帮助。

手册提供了完整的 CSS2.0 的属性(Properties)、规则(At-Rules)、伪类(Pseudo-Classes)、伪元素(Pseudo-Elements)、声明(Declarations)、单位(Units)、选择符(Se lectors)的介绍。其内容涵括了 W3C 的 CSS2.0 标准，以及 Internet Explorer 和 Netscape 各自的私有内容。出于种种众所周知的原因考虑，本手册以浏览器的事实标准—— Internet Explorer 为主。　　手册中为几乎所有的已被支持的属性、伪类、单位等，除了基本的语法示范外，都度身制作了可以对照源代码即时察看运行演示的实例。

MCS个人页面模型图

vivi — Thu, 12 Jun 2008 15:45:25 +0800

现在给大家提供MCS的个人主页模型图，希望对大家的有帮助，A ZA A ZA Fighting! ...

[separator]

flash设计界面稿

vivi — Fri, 06 Jun 2008 15:18:49 +0800

夜上海——穿过浦江两岸的一组夜景习作

vivi — Fri, 29 Feb 2008 16:24:26 +0800

夜上海——穿过浦江两岸的一组夜景习作