打印

[其它] CSS画的小灯笼，作着玩的！

jdjia [楼主]

秀才

金牌会员

帖子: 3871
体力: 4480
威望: 63
当前: 上海徐汇

专长 Flash,前端制作,PHP

1^# 大中小发表于 2008-8-25 12:25

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>小灯笼的测试代码 www.zishu.cn</title>
<style>
/*http://www.zishu.cn*/
ul,li{ list-style:none; padding:0; margin:0; font-size:12px; line-height:1.8;}
body{ padding:60px;}
#dl li{ float:left; width:50px; border-left:1px solid #000; height:15px;}
#dl div{ margin-left:-15px; position:absolute; margin-top:15px; border-bottom:3px solid #FF0000; border-left:3px solid #fff; border-right:3px solid #fff; width:23px;}
#dl span{border-top:3px solid #FF0000; border-left:3px solid #fff; border-right:3px solid #fff; width:23px; display:block; position:absolute; margin-left:-3px; margin-top:42px;}
#dl a{position:absolute;  color:#FFFF00;cursor:pointer; text-decoration:none;background:#FF0000; width:29px; text-align:center; margin-top:-42px; margin-left:-3px; height:39px;}
#dl a:hover{ color:#000000}
#dl strong{display:block; border-top:3px solid #000000; width:12px; border-bottom:7px double #FF9900; position:absolute;line-height:47px; margin-top:-6px; margin-left:8px;}
* html #dl strong{margin-left:-6px;}
*+html #dl strong{margin-left:-6px;}
</style>
</head>
<body>
<ul id="dl">
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>中</strong></a></span></div>
  </li>
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>国</strong></a></span></div>
  </li>
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>加</strong></a></span></div>
  </li>
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>油</strong></a></span></div>
  </li>
</ul>
</body>
</html>

提示：您可以先修改部分代码再运行

赤脚跳着狐步舞（子鼠）我的BLOG：www.zishu.cn

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

lhnlj2

水舞流漠

高级会员

帖子: 392
体力: 770
威望: 0
当前: 江苏徐州
离线: 2 天

2^# 大中小发表于 2008-8-25 12:31

不错。。很漂亮

www.lanrendy.cn

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

cycloned

程让

金牌会员

帖子: 1425
体力: 3310
威望: 0
当前: 上海浦东

专长 网页设计,前端制作,UE

3^# 大中小发表于 2008-8-25 12:33

哈哈佩服~真有时间

前端开发

TOP

activeTechPros 共享IT行业薪资信息 | 《疯狂的程序员》劲爆上市

marvellous

金翅擘海

荣誉管理团队

帖子: 11836
体力: 26946
威望: 141
当前: 北京朝阳区

4^# 大中小发表于 2008-8-25 12:41

不太像灯笼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>小灯笼的测试代码 www.zishu.cn</title>
<style>
/*http://www.zishu.cn*/
ul,li{ list-style:none; padding:0; margin:0; font-size:12px; line-height:1.8;}
body{ padding:60px;}
#dl li{ float:left; width:50px; border-left:1px solid #000; height:15px;}
#dl div{ margin-left:-15px; position:absolute; margin-top:15px; border-bottom:3px solid #FF0000; border-left:3px solid #fff; border-right:3px solid #fff; width:23px;}
#dl span{border-top:3px solid #FF0000; border-left:3px solid #fff; border-right:3px solid #fff; width:23px; display:block; position:absolute; margin-left:-3px; margin-top:42px;}
#dl a{position:absolute;  color:#FFFF00;cursor:pointer; text-decoration:none;background:#FF0000; width:29px; text-align:center; margin-top:-42px; margin-left:-3px; height:39px;}
#dl a:hover{ color:#000000}
#dl strong{display:block; border-top:3px solid #000000; width:12px; border-bottom:7px double #FF9900; position:absolute;line-height:47px; margin-top:-6px; margin-left:8px;}
* html #dl strong{margin-left:-6px;}
*+html #dl strong{margin-left:-6px;}
</style>
</head>
<body>
<ul id="dl">
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>大</strong></a></span></div>
  </li>
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>红</strong></a></span></div>
  </li>
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>灯</strong></a></span></div>
  </li>
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>笼</strong></a></span></div>
  </li>
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>高</strong></a></span></div>
  </li>
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>高</strong></a></span></div>
  </li>
  <li>
    <div><span><a href="http://www.zishu.cn"><strong>挂</strong></a></span></div>
  </li>
</ul>
</body>
</html>

提示：您可以先修改部分代码再运行

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

xujiebing

中级会员

帖子: 139
体力: 289
威望: 0
当前: 辽宁沈阳
离线: 4 天

5^# 大中小发表于 2008-8-25 13:21

佩服佩服.一直都在看你的站。

随意一点！www.bingb.com.cn

TOP

thelucky

初级会员

帖子: 142
体力: 130
威望: 0
当前: 广东深圳
离线: 26 天

专长 前端制作

6^# 大中小发表于 2008-8-25 14:21

佩服啊
对border的表现非常的熟悉

itroam.com

TOP

uuucat

优优

银牌会员

帖子: 748
体力: 1159
威望: 0
当前: 河南郑州

专长 前端制作

7^# 大中小发表于 2008-8-25 14:53

你太有才了。都这样连美工都可以省了

无论这条路上走了多久，都要保持谦逊的态度，这样才能走的更远！

TOP

tinyhill

山

中级会员

帖子: 178
体力: 373
威望: 0
当前: 云南昆明
离线: 20 天

专长 网页设计,PHP,MySQL

8^# 大中小发表于 2008-8-25 15:03

可以再胖一点

倒塌的时光。

TOP

nanfengpiaoye

非桐不栖

初级会员

帖子: 625
体力: 170
威望: 0
当前: 北京海淀区

9^# 大中小发表于 2008-8-25 15:15

呵，视觉上的斜边效果，居然用可以用边框来表现，构思真是巧妙，

TOP

marvellous

金翅擘海

荣誉管理团队

帖子: 11836
体力: 26946
威望: 141
当前: 北京朝阳区

10^# 大中小发表于 2008-8-25 15:31

这个说实话也不太像，凑合着看吧。

<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<META name="Gemeratpr" content="FlashVml(璀灿之星)4.5">
<META http-equiv="Content-Type" content="text/html;charset=gb2312">
<META name="KeyWords" content="我的作品,flashvml,璀灿之星,vml极道教程,vml,vmlflash,FYW,lshdic">
<TITLE>我的作品</TITLE>
<STYLE>
v\:*{behavior:url(#default#VML);position:absolute;}
.mlt{position:static;PADDING-TOP:6;letter-Spacing:4;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2}
</STYLE>
<script>
function window.onerror(){return true;}  //防止您的程序出现错误时弹出提示
</script>
</HEAD>
<BODY bgcolor="#ffffff" style='scrollbar-base-color:purple;scrollbar-shadow-color:white;scrollbar-highlight-color:white;scrollbar-arrow-color:white;'>
<bgsound loop=1 id=bgsound1>
<bgsound loop=-1 id=bgsound2>
<script>
//页面启动更新函数
var ltime=null,ltext='if(document.readyState!="complete"){status=status+"."}else{clearInterval(ltime);status="艺术家:marvellous,出品日期:2008年8月25日 15:28:07"}';
status='页面资源正在加载，请等待.'
ltime=setInterval(ltext,200)
function window.onload(){
}
</script>
<Script>
var mtime1=null,showo1=null,selo1=null  //用户VML右键扩展菜单
function menushow(mobj1,maxwid,ssudu){  //menushow(菜单id,项平均宽度,打开伸展速度)
if(mtime1!=null){clearInterval(mtime1);mtime1=null}
mobj1.style.left=event.x;mobj1.style.top=event.y;
showo1=mobj1.all.tags("roundrect");var showlens=showo1.length
for(i=0;i<showlens;i++){showo1[i].style.width=0;showo1[i].style.visibility="hidden"}
mobj1.style.display=""
mtime1=setInterval("for(i=0;i<"+showlens+";i++){showo1[i].style.visibility='';if(showo1[i].offsetWidth<"+maxwid+"){showo1[i].style.width=showo1[i].offsetWidth+"+ssudu+";break;}else{if(i=="+(showlens-1)+"){clearInterval(mtime1);mtime1=null}}}",10)
}
function menuclose(mobj12,ssudu2){  //menushow(菜单id,关闭压缩速度)
if(mtime1!=null)return false
showo1=mobj12.all.tags("roundrect");var showlens=showo1.length-1
mtime1=setInterval("for(i="+showlens+";i>-1;i--){if(showo1[i].offsetWidth>0){try{showo1[i].style.width=showo1[i].offsetWidth-"+ssudu2+";break;}catch(e){showo1[i].style.visibility='hidden';if(i==0){clearInterval(mtime1);mtime1=null}}}}",10)
}
var rname="roundrect"
function document.body.onmouseup(){
var tobj1=event.srcElement
if(event.button==2&&tobj1.scopeName=='HTML'){menushow(menu2,65,25);menu2_2.style.display='none';return false}if(event.button==2&&tobj1.scopeName!='HTML'&&tobj1.parentElement.id.indexOf('menu2')==-1){selo1=tobj1;menushow(menu2_2,60,20);menu2.style.display='none';return false}if(event.button==1&&tobj1.tagName!=rname){clearInterval(mtime1);mtime1=null;menu2.style.display=='none'?menuclose(menu2_2,30):menuclose(menu2,40)}
}
function document.body.oncontextmenu(){return false}
var http1=null,oldstu1=""
function yibu(){
switch(http1.readyState){
case 1:
status="语法加亮申请进度：正在异步连接服务器提交内容申请";break;
case 2:
status="语法加亮申请进度：已将数据载入内存";break;
case 3:
status="语法加亮申请进度：准备实例化创建脚本调用接口";break;
case 4:
status="语法加亮申请进度：完成、准备输出结果"
if(http1.status==200){
var newwin1=window.open("")
newwin1.document.open();newwin1.document.write(http1.responseText);newwin1.document.close();
}
if(http1.status!=0&&http1.status!=200){
if(confirm("语法加亮申请进度：连接URL服务器超时或拒绝XMLHTTP内容申请，或者您未上网\n\n您想去LureCoder主页手动查看加亮的源代码吗？")){
window.open("http://www.lshdic.cn/lurecoder.asp")
}}
status=oldstu1;
}}
function getsource(url){
if(http1==null)http1=new ActiveXObject("Microsoft.XMLHTTP")
if(url==null||url==""){window.open("http://www.lshdic.cn/lurecoder.asp");return false}
url=url.toLowerCase();if(url.indexOf('file://')==0){if(confirm("您当前是在本地测试性弹出窗口使用该指令，该功能无法查看\n\n您想去LureCoder主页手动查看加亮的源代码吗？"))window.open("http://www.lshdic.cn/lurecoder.asp");return false}
if(url.indexOf('http://')!=0||url.indexOf('.')==-1){alert("URL无效");return false}
var str1="http://www.lshdic.cn/lurecoder.asp?badpost=1&defaultcolor=rgb(0,0,0)&codecolor=rgb(0,0,180), rgb(170,0,170), rgb(0,0,0), rgb(255,0,0), rgb(255,0,0), rgb(0,0,180), rgb(21,133,21), rgb(0,0,255), rgb(255,0,0), rgb(0,0,255), rgb(255,0,0), rgb(0,0,0)&ck1=0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11&ck2=2, 4, 11&ck3=5&url="+escape(url.replace(/\+/g,'&$x;'))
str1=str1.replace(/ /g,"+")
if(http1.readyState!=0)http1.abort()
http1.onreadystatechange=yibu
http1.open("post",str1,true)
http1.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
http1.send(str1)
}
</script>
<span id=menu2 style="position:absolute;Z-INDEX:60000;LEFT:395;TOP:210;color:#739EFE;cursor:hand;display:none;font-size:12px;font-family:宋体" onmouseover="var eobj=event.srcElement;if(eobj.tagName==rname){eobj.strokecolor='blue';eobj.style.color='blue';eobj.style.marginLeft=10}" onmouseout="var eobj=event.srcElement;if(eobj.tagName==rname){eobj.strokecolor='#739EFE';eobj.style.color='#739EFE';eobj.style.marginLeft=0}" onclick="menu2.style.display='none'">
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="if(screen.width==800)alert('当前分辨率已经是800*600，无法使用');else document.body.style.zoom=1.27">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>80*60</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="document.body.style.zoom=1">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>AU*TO</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="if(screen.width==1024)alert('当前分辨率已经是1024*768，无法使用');else document.body.style.zoom=0.77">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>102*76</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="if(screen.width==1152)alert('当前分辨率已经是1152*864，无法使用');else document.body.style.zoom=0.64">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>115*86</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="location.reload()">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>刷新</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="document.execCommand('SelectAll')">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>全选</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="getsource(self.location.href)">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>源文件</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="document.execCommand('print')">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>打印</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="var str1=prompt('请输入一个标识背景颜色二进制/RGB/英文名称代码',document.bgColor);if(str1!=null&&str1!='')document.bgColor=str1">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>背景</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="document.body.scroll==''?document.body.scroll='no':document.body.scroll=''">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>滚动条</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="if(bgsound2.src==''){alert('bgsound2未指定src，媒体标记未指定音乐资源文件，操作无效')}else{bgsound2.volume!=-10000?bgsound2.volume=-10000:bgsound2.volume=0}">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>音乐开关</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="with(document){var temp1=[];temp1[0]=body.children.length;temp1[1]=0;temp1[3]=0;window.name=='lshdic1'?temp1[2]='FlashVml模拟运行状态':temp1[2]='浏览器常规运行状态';for(i=0;i<temp1[0];i++){if(body.children[i].scopeName=='v'){temp1[1]++;temp1[3]+=body.children[i].outerHTML.length}};alert('1:VML作品名:'+title+'\n2:XVML名域命名:'+namespaces(0).name+'\n3:文件大小(数据流):'+all(0).outerHTML.length+'字\n4:Vml元素合计:'+temp1[1]+'个,'+temp1[3]+'字\n5:Group组合计:'+all.tags('group').length+'个\n6:当前运行状态:'+temp1[2])}" style="margin-bottom:0;">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>统计</v:roundrect><br>
</span>
<span id=menu2_2 style="position:absolute;Z-INDEX:60000;LEFT:395;TOP:210;color:#72AC93;cursor:hand;display:none;font-size:12px;font-family:宋体" onmouseover="var eobj=event.srcElement;if(eobj.tagName==rname){eobj.strokecolor='green';eobj.style.color='green';eobj.style.marginLeft=10}" onmouseout="var eobj=event.srcElement;if(eobj.tagName==rname){eobj.strokecolor='#72AC93';eobj.style.color='#72AC93';eobj.style.marginLeft=0}" onclick="menu2_2.style.display='none'">
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="if(confirm('1:图形类型:'+selo1.tagName+'\n2:输出序列:'+selo1.sourceIndex+'\n3:父对象类型:'+selo1.parentElement.tagName+' 父对象id:'+selo1.parentElement.id+'\n4:子对象个数:'+selo1.children.length+'\n5:图形数据流:'+selo1.outerHTML.length+'\n6:图形源代码:\n\n'+selo1.outerHTML.replace(/<\?xml\:namespace.*?\/>/g,'')+'\n\n是否复制图形源代码？'))clipboardData.setData('text',selo1.outerHTML.replace(/<\?xml\:namespace.*?\/>/g,''))">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>分析</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="selo1.removeNode()">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>删除</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="selo1.contentEditable=true">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>编辑</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick='var tempn1=selo1.tagName.toLowerCase();if(tempn1=="textbox"){alert("Textbox文本无法应用");return false};temp1="";if(selo1.style.flip!=null){temp1=selo1.style.flip.replace(" ","").toLowerCase();if(temp1.replace("x","").replace("y","")!=""){selo1.style.flip="x";return false}}if(temp1=="xy"){selo1.style.flip="y"};if(temp1=="x"){selo1.style.flip=""}else if(temp1=="y"){selo1.style.flip="x y"}else if(temp1==""){selo1.style.flip="x"};'>
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>反转</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick='var tempn1=selo1.tagName.toLowerCase();if(tempn1=="textbox"){alert("Textbox文本无法应用");return false};temp1="";if(selo1.style.flip!=null){temp1=selo1.style.flip.replace(" ","").toLowerCase();if(temp1.replace("x","").replace("y","")!=""){selo1.style.flip="x";return false}}if(temp1=="xy"){selo1.style.flip="x"};if(temp1=="y"){selo1.style.flip=""}else if(temp1=="x"){selo1.style.flip="x y"}else if(temp1==""){selo1.style.flip="y"};'>
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>颠倒</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="if(selo1.style.rotation==null){var temp1=0}else{var temp1=selo1.style.rotation};var str1=prompt('请输入一个标识顺时针旋转角度的数字',temp1);if(str1!=null&&str1!=''&&isNaN(str1)==false)selo1.style.rotation=str1">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>旋转</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="selo1.style.zoom=2">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>*2</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="selo1.style.zoom=0" style="margin-bottom:0;">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>原大小</v:roundrect><br>
</span>
<v:oval id=vml0 style="Z-INDEX:3003;LEFT:347;WIDTH:291;TOP:187;HEIGHT:194" filled="t" fillcolor="red" stroked="f" strokecolor="black" strokeweight="1px">
<v:fill type="gradientRadial" opacity="1" color2="#f9c5ec" angle="0"/>
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
</v:oval>
<v:oval id=vml5 style="Z-INDEX:3049;LEFT:438;WIDTH:89;TOP:330;HEIGHT:68" filled="t" fillcolor="#f4de3a" stroked="f" strokecolor="black" strokeweight="1px">
<v:fill type="frame" opacity="1"/>
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
<v:extrusion on="t" foredepth="0" backdepth="15pt" color="white" diffusity="72089f"/>
</v:oval>
<v:shape id=vml9 style="Z-INDEX:3063;LEFT:200;WIDTH:100;TOP:379;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="white" strokecolor="black" strokeweight="1px" path=" m0,0 l e"/>
<v:shape id=vml12 style="Z-INDEX:3062;LEFT:475;WIDTH:100;TOP:357;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml13 style="Z-INDEX:3062;LEFT:468;WIDTH:100;TOP:353;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml17 style="Z-INDEX:3062;LEFT:512;WIDTH:100;TOP:370;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml18 style="Z-INDEX:3062;LEFT:509;WIDTH:100;TOP:370;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml19 style="Z-INDEX:3062;LEFT:472;WIDTH:100;TOP:355;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml20 style="Z-INDEX:3062;LEFT:506;WIDTH:100;TOP:369;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml21 style="Z-INDEX:3062;LEFT:503;WIDTH:100;TOP:367;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml22 style="Z-INDEX:3062;LEFT:499;WIDTH:100;TOP:367;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml23 style="Z-INDEX:3062;LEFT:495;WIDTH:100;TOP:365;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml24 style="Z-INDEX:3062;LEFT:491;WIDTH:100;TOP:363;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml25 style="Z-INDEX:3062;LEFT:487;WIDTH:100;TOP:362;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml26 style="Z-INDEX:3062;LEFT:483;WIDTH:100;TOP:361;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml27 style="Z-INDEX:3062;LEFT:479;WIDTH:100;TOP:359;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:roundrect id=vml28 style="Z-INDEX:2999;LEFT:489;WIDTH:18;TOP:161;HEIGHT:76" arcsize="9830f" fillcolor="white" stroked="t" strokecolor="#155dcd" strokeweight="4.5pt">
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
</v:roundrect>
<SCRIPT>  //快速使预隐藏图形及时隐藏
try{
var boyobj=document.body.children,boyobjlen=boyobj.length
for(i=0;i<boyobjlen;i++){
if(boyobj[i].ych!=null)boyobj[i].style.display='none';
if(boyobj[i].tagName=="group"){
boyobj[i].contentEditable=false;
for(r=0;r<boyobj[i].children.length;r++){if(boyobj[i].children[r].ych!=null)boyobj[i].children[r].style.display='none';}
}
}}catch(e){}
</SCRIPT>
</BODY>
</HTML>

提示：您可以先修改部分代码再运行

[ 本帖最后由 marvellous 于 2008-8-25 15:33 编辑 ]

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

zhangsn

中级会员

帖子: 119
体力: 227
威望: 0
离线: 1 天

11^# 大中小发表于 2008-8-25 17:25

呵呵，还凑合了！

QQ派www.qqpai.cn

TOP

jdjia [楼主]

秀才

金牌会员

帖子: 3871
体力: 4480
威望: 63
当前: 上海徐汇

专长 Flash,前端制作,PHP

12^# 大中小发表于 2008-8-25 17:43

引用:

原帖由 marvellous 于 2008-8-25 15:31 发表
[html]

我的作品

v\:*{behavior:url(#default#VML);position:absolute;}
.mlt{position:static;PADDING-TOP:6;letter-Spacing:4;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2}

function windo ...

你更变态！

赤脚跳着狐步舞（子鼠）我的BLOG：www.zishu.cn

TOP

pittzh

新手上路

帖子: 19
体力: 43
威望: 0
当前: 北京东城区
离线: 32 天

13^# 大中小发表于 2008-8-25 17:56

呵呵有意思！

TOP

feigege

高级会员

帖子: 297
体力: 616
威望: 0
当前: 上海黄浦

14^# 大中小发表于 2008-8-25 18:23

变态年年有，今年特别多。

TOP

hexiang

新手上路

帖子: 14
体力: 36
威望: 0
当前: 福建福州
离线: 45 天

15^# 大中小发表于 2008-8-25 22:58

哇靠，太有才了

TOP

design361

初级会员

帖子: 31
体力: 70
威望: 0
当前: 北京东城区

16^# 大中小发表于 2008-8-26 11:06

厉害,秀才就是秀才

TOP

idsuzhou

尘归

初级会员

帖子: 64
体力: 129
威望: 0
当前: 浙江嘉兴
离线: 45 天

专长 前端制作

17^# 大中小发表于 2008-8-26 21:59

实在不明白如何用CSS制作斜线的视觉效果 (不用字符)

只有一条路.........

TOP

superlazy

新手上路

帖子: 57
体力: 12
威望: 0

18^# 大中小发表于 2008-8-26 22:10

？

弄出来怎么就散了？

TOP

MarVell

高级会员

帖子: 778
体力: 766
威望: 0
当前: 河南洛阳
离线: 1 天

专长 前端制作

19^# 大中小发表于 2008-8-26 22:11

behavior(是叫这个吧...中文叫什么忘记了- -)用好了就是很BT的样子

譬如说...金老 = =!

不在放荡中变坏,就在沉默中变态...

TOP

colintse

中级会员

帖子: 207
体力: 395
威望: 1
当前: 湖南长沙
离线: 17 天

20^# 大中小发表于 2008-8-26 22:31

marvellous版主的在FF下啥也没看到哦！~

hi

TOP

marvellous

金翅擘海

荣誉管理团队

帖子: 11836
体力: 26946
威望: 141
当前: 北京朝阳区

21^# 大中小发表于 2008-8-26 23:18

#10楼的作品是用VML做的，IE ONLY.下面又简化了一下。

<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<META name="Gemeratpr" content="FlashVml(璀灿之星)4.5">
<META http-equiv="Content-Type" content="text/html;charset=gb2312">
<META name="KeyWords" content="我的作品,flashvml,璀灿之星,vml极道教程,vml,vmlflash,FYW,lshdic">
<TITLE>我的作品</TITLE>
<STYLE>
v\:*{behavior:url(#default#VML);position:absolute;}
.mlt{position:static;PADDING-TOP:6;letter-Spacing:4;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2}
</STYLE>
<script>
function window.onerror(){return true;}  //防止您的程序出现错误时弹出提示
</script>
</HEAD>
<BODY bgcolor="#ffffff" style='scrollbar-base-color:purple;scrollbar-shadow-color:white;scrollbar-highlight-color:white;scrollbar-arrow-color:white;'>
<v:oval id=vml0 style="Z-INDEX:3003;LEFT:347;WIDTH:291;TOP:187;HEIGHT:194" filled="t" fillcolor="red" stroked="f" strokecolor="black" strokeweight="1px">
<v:fill type="gradientRadial" opacity="1" color2="#f9c5ec" angle="0"/>
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
</v:oval>
<v:oval id=vml5 style="Z-INDEX:3049;LEFT:438;WIDTH:89;TOP:330;HEIGHT:68" filled="t" fillcolor="#f4de3a" stroked="f" strokecolor="black" strokeweight="1px">
<v:fill type="frame" opacity="1"/>
<v:stroke opacity="1" startarrow="none" endarrow="none"/>
<v:extrusion on="t" foredepth="0" backdepth="15pt" color="white" diffusity="72089f"/>
</v:oval>
<v:shape id=vml9 style="Z-INDEX:3063;LEFT:200;WIDTH:100;TOP:379;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="white" strokecolor="black" strokeweight="1px" path=" m0,0 l e"/>
<v:shape id=vml12 style="Z-INDEX:3062;LEFT:475;WIDTH:100;TOP:357;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml13 style="Z-INDEX:3062;LEFT:468;WIDTH:100;TOP:353;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml17 style="Z-INDEX:3062;LEFT:512;WIDTH:100;TOP:370;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,-118,105,-120,106,-121,107,-122,107,-123,108,-123,109,-125,110,-126,111,-127,112,-127,113,-128,114,-129,115,-129,116,-131,117,-132,119,-132,120,-133,120,-134,122 -136,125,-136,126,-138,128,-139,129,-139,130,-141,131,-142,133,-143,134,-144,136,-144,137,-145,138,-146,139,-146,140,-147,143,-148,144,-149,146,-149,147,-150,149,-151,151,-152,154 -153,155,-154,156,-154,157,-154,158,-155,159,-156,160,-156,161,-156,162,-156,163,-156,164,-156,163 e">
<v:fill type="gradient" opacity="1" color2="#cdec51" angle="0"/>
</v:shape>
<v:shape id=vml18 style="Z-INDEX:3062;LEFT:509;WIDTH:100;TOP:370;HEIGHT:100" coordsize="100,100" filled="f" fillcolor="red" strokecolor="black" strokeweight="1px" path=" m0,0 l0,1,0,2,0,4,-1,6,-1,7,-1,17,-1,20,-1,21,-1,24,-1,27,-1,28,-1,30,-1,32,-1,33,-1,34,-1,36,-1,37,-1,39,-1,40,-1,41 -1,43,-1,44,-1,45,-2,46,-3,48,-4,50,-5,51,-5,52,-6,53,-6,55,-7,56,-8,57,-8,58,-9,59,-9,60,-9,61,-10,62,-11,63,-11,64,-12,65 -12,66,-13,68,-14,69,-15,70,-15,71,-15,72,-16,73,-17,74,-18,75,-19,76,-20,77,-21,79,-22,80,-24,82,-24,83,-26,84,-26,85,-27,86,-28,86,-30,87 -31,89,-32,90,-32,92,-34,93,-35,93,-36,94,-37,94,-38,95,-40,96,-41,97,-42,97,-43,97,-45,97,-46,97,-47,97,-48,97,-49,97,-51,97,-52,97,-54,97 -55,97,-56,97,-59,97,-61,97,-65,99,-68,99,-69,99,-71,99,-72,99,-75,99,-76,99,-78,99,-79,99,-81,99,-83,100,-85,99,-87,99,-88,99,-89,99,-90,99 -91,99,-92,99,-93,100,-94,100,-95,100,-96,100,-97,101,-99,102,-100,102,-101,102,-104,102,-105,102,-106,102,-107,102,-108,102,-109,102,-111,102,-112,102,-114,103,-115,104 -116,104,-117,105,