luolita1

一直想写这篇文章,但是考虑到将他人辛苦制作的精美的模板就这样免费的拿来用很不合适,所以一直没有写。本文旨在介绍普通校内网用户(非紫豆会员)如何免费使用紫豆模板,本文的本意是教大家免费使用紫豆模板的方法,shuil不提倡、不鼓励使用他人制作的素材,shuil支持一切原创的素材。如果你坚持使用此教程中的素材来免费使用校内网的紫豆模板相关版权问题自己负责,shuil不负任何责任。(本素材转载自网络,非shuil制作,亦非shuil上传。)

shuil提倡自己动手制作素材,如果你有一定的ps技术,shuil建议你自己制作素材,至于css代码方面你只需学习一点点的css知识,知道在代码何处替换图片地址即可,而且只需小点点的css知识就能设计出个性的校内网页面。如果你对css等代码确实很头疼找我吧,我帮你换。

luolita

本实例代码是校内网紫豆模板中的“洛丽塔”模板,将以下代码复制并粘贴到校内网的“个性涂鸦”页面的css文本框区域就Ok啦。有问题请在本文评论。
body {
background:#002727 url(http://image211.poco.cn/mypoco/myphoto/20090413/19/52426689200904131948101701652890235_000.jpg)repeat-y scroll center top;
color:#B7ED6D;
}
#opi {
background:transparenturl(http://image211.poco.cn/mypoco/myphoto/20090413/19/52426689200904131948101701652890235_004.jpg) no-repeat scrollcenter top;
}
.profile .profile-panel {
background:transparent none repeat scroll 0 0;
padding-top:350px;
}
.profile .box-holder .box h4.box-header {
background:#014544 url(http://image211.poco.cn/mypoco/myphoto/20090413/19/52426689200904131948101701652890235_002.jpg)no-repeat scroll 50% 0;
border:medium none;
margin-bottom:10px;
}
.profile .talk-box textarea {
background:transparenturl(http://image211.poco.cn/mypoco/myphoto/20090413/19/52426689200904131948101701652890235_005.jpg) no-repeat scroll50% 0;
border:1px solid #000000;
color:#A1FFE0;
margin-bottom:5px;
padding:10px;
width:468px;
}
.profile .profile-tabs-circle li.selected, .profile .profile-tabs-circle .selected a, .profile .profile-tabs-circle.selected a:hover {
background:transparenturl(http://image211.poco.cn/mypoco/myphoto/20090413/19/52426689200904131948101701652890235_008.gif) no-repeat scroll50% 50%;
color:#000000;
}
.profile .profile-tabs-circle li a {
background:transparenturl(http://image211.poco.cn/mypoco/myphoto/20090413/19/52426689200904131948101701652890235_007.gif) no-repeat scroll50% 50%;
color:#000000;
padding:5px 15px !important;
}
.profile .profile-summary {
background:transparenturl(http://image211.poco.cn/mypoco/myphoto/20090413/19/52426689200904131948101701652890235_006.jpg) no-repeat scroll50% 50%;
}
.box .box-body {
background:transparent none repeat scroll 0 0;
overflow:hidden;
padding:10px 8px 0;
}
.input-submit {
background:transparenturl(http://image211.poco.cn/mypoco/myphoto/20090413/19/52426689200904131948101701652890235_001.gif) no-repeat scroll50% 50%;
border:medium none;
color:#FFFFFF;
font-weight:700;
}
#footer {
background:transparenturl(http://image211.poco.cn/mypoco/myphoto/20090413/19/52426689200904131948101701652890235_003.jpg) no-repeat scrollcenter bottom;
margin:0;
padding:180px 0 0;
width:auto;
}
a:hover {
color:#B8865C;
}
a:link, a:active, a:visited {
color:#FF72A8;
}
.profile .profile-tabs-circle, .profile .talk-box .box-body, .box .box-body {
background:transparent none repeat scroll 0 0;
}
.feed-content .headline .title h4 {
color:#B7ED6D;
}
.box .box-header span {
font-weight:400;
}
.box .box-header, .box-holder, .box, .profile .right-column .box-holder .box, .profile .profile-summary {
border:medium none;
}
.profile .profile-tabs-circle li a {
background:transparenturl(http://image211.poco.cn/mypoco/myphoto/20090413/19/52426689200904131948101701652890235_007.gif) no-repeat scroll50% 50%;
color:#000000;
padding:5px 15px !important;
}
.profile .profile-tabs-circle li {
background:transparent none repeat scroll 0 0;
font-size:14px;
margin-top:0;
padding:0;
}

人家还要...

已有2 条评论

  1. 累死啦。做沙发歇歇手。

    回复

  2. 可以吗?我去试试

    回复

发表您的高见

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

.