我的磨css教程

2014-03-17 11:51:04 -0400
可用于磨内装扮,仅作为参考:
查看别人的css配色的方法 很简单,比如查看我的:链接就是:
http://shenyu.wodemo.com/skin/site.css

同理,查看123的就开http://123.wodemo.com/skin/site.css
下面是用于分类名中的代码:
注意:下面这些是用于分类中,不是CSS里

换行


主页添加图片
<img src="图片地址" border="0">

主页添加背景音乐
<embed src="音乐地址" autostart="true" hidden="true" loop="true"></embed>


分享外站链接(也可以用于友情链接)


<A HREF=网站资源地址> 网址介绍 </A>


分类字体颜色和大小
<font face="字体名称"size="字体大小"color="字体颜色">被设置的字体格式的内容</font>

主页添加非链接文字
</A> <b>增加文字</b>
主页添加分割线

<hr>文字不写也没事</hr>
分类名背景栏
<button> 分类名 </button>
文字背景加边框
<div style="border:1px//边框厚度// solid red//边框颜色//;background-color:red//文字背景色//;">这里为文字</div>


首页快速留言代码:
<a><form method="POST" action="http://s.wodemo.com/">
<input type="hidden" name="act" value="file_talk">
<input type="hidden" name="fid" value="这里填留言版地址后面的几个数字,比如我的是50028,其它不要修改"><textarea name="content" cols="20" rows="2">飘过~</textarea><input type="submit"value="留言"></a>


首页SOSO搜索代码,不要修改,直接复制到分类里:
<a><input type="text" id="t" />
<input type="button" value="SOSO搜索" onclick="location.href='http://wap.soso.com/sweb/search.jsp?key='+document.getElementById('t').value+' site:wodemo.com';" /></a>


首页谷歌搜索代码,不要修改,直接复制到分类里:
<a><form action="http://www.google.com.hk/search" method="get">
<input type="hidden" name="sitesearch" value="wodemo.com" />
<input type="search" name="as_q" />
<input type="submit" value="谷歌搜索" /></a>


当前时间代码
<a>当前时间 <script language="javascript">function time_get(){now = new Date();h="0"+now.getHours();m="0"+now.getMinutes();if(h>9){h=now.getHours()}if(m>9){m=now.getMinutes()}document.write(""+h+":"+m+"");}</script><script>time_get()</script></a>


年月日星期代码
<a><script type="text/javascript">var d = new Date();document.write(d.getFullYear()+'年'+(d.getMonth()+1)+'月'+d.getDate()+'日');document.write(' 星期'+'日一二三四五六'.charAt(new Date().getDay()));</script></a>


下面一些`实用CSS小汇集`转载于◇笑忘书◇http://35230.wodemo.com

以下可用于我的磨的美化,用于CSS中。

注意:复制代码时注意带上该段的开头部分与结尾(如body{ 和 }),颜色代码(如red和#000000)
(本磨有)自行更换,说明仅供参考,欢迎各位提供纠正完善,谢谢。


body {
【网页背景色为绿】
background-color:green;

【默认字颜色为红】
color: red;

【文字居中,居左用left,居右用right】

text-align: center;
【字体尺寸为默认的120%,小字体用9px】

font-size:120%;
【字体浓淡为粗体】

font-weight: bold;
【文字行距】

line-height: 18px;
【背景图片】

background-image: url(图片地址);

【背景图片重复属性.
这个属性和background-image属性连在一起使用,决定背景图片是否重复。如果只设置background-image属性,没设置background-repeat属性,在缺省状态下,图片既横向重复,又竖向重复。

repeat-x 背景图片横向重复

repeat-y 背景图片竖向重复

no-repeat 背景图片不重复】

background-repeat:repeat-y;

【背景图片显示大小】

width:340px;height:580px;
}
span {
【扩展名和"首页上页下页末页"区域背景色】
background-color:white;

【位置同上,文字颜色】
color:orange;

【边框样式为槽线式】
border-style: groove;

【位置同上,文字边框颜色】
border-color:red;

【位置同上,文字边框粗细,左为横框,右为竖框】
border-width: 1px 1px;
}
a {

【边框样式为直线式】
border-style: solid;

【链接文字的边框粗细,左为横框,右为竖框】
border-width:1px 1px;

【同上位置,边框颜色】
border-color: blue;

【同上位置,文字颜色】
color:gold;

【链接文字的背景颜色】
background-color:gold;
}
form{

【评论区域背景颜色】
background-color:#000011;

【评论区域字体颜色】
color:red;
}
.file_list{

【文件列表区域背景颜色为白】
background-color:white;

【扩展名字体颜色,*若前面已用了span部分修改将优先显示span部分】
color:#556688;

【文件列表区域的文字尺寸为小字体】
font-size:9px;
}

【网站边框大小和居中】
body { width:
93%; text-align:
center; }
div {

【默认字颜色】
color:red;


【边框样式为双线式】
border-style: double;

【网页边框颜色,分别为上右下左框】
border-color: #ff5566#446600#0033ff#1122ff;

【网页边框粗细,左为横框,右为竖框】
border-width: 4px 1px;

【文字与网页边框的距离】
padding:3px;

【网页边框内的颜色,如果与body{background-color:red;}同时存在,则网页边框外为红色,边框内为绿色】
background-color:green;
}
p {

【"首页上页下页末页"区域背景色】
background-color:white;

【"首页上页下页末页"区域字体颜色】
color:red;
}
«Newer      Older»
Comment:
Name:

Back to home

Subscribe | Register | Login | N