-
2009-03-01
【模板】长袖善舞,长歌当哭 - [羊の设计]
长袖善舞,长歌当哭,长叹于心,长夜如墨。
我想,一个优秀的设计师是能够执掌人的视线的,他可以慢条斯理地让观者的视线,从何始,又从何止。然后让观者发现设计中的玄机,设计师和观者都会心一笑,灵魂就此相碰。
我很少用这样的素材搭配这样的字,你们也看到了,图片中的女孩是很现代,很洋的,而繁体字总是带着几分古拙。还好有那面斑驳的墙壁,中和了女孩的现代感。轻纱曼垂,也比较符合我长袖善舞的文意。
那天把YY的签名换了,因为看... -
2009-01-29
这年头想在BUS混,PS是必备技能了 - [羊の设计]
难得爬到BUS,新出的城客模板,我很喜欢,于是换了,结果看到上面的广告链接我就囧了。
换吧~最近我实在是懒得碰PS了。不换吧,这东西真的挺破坏我的美感的,我特别讨厌别人在我的博客里打广告,尤其是这么明显的广告。
于是懒惰的我,不得不,开了PS又找了素材,才勉强过眼
BUS最近对乘客的要求真的是越来越高了,没点PS不懂点代码,你就忍受广告吧...
本模板我还得换掉其他的广告...慢慢来吧
-
2008-10-12
【BUS模板】淹没在悲伤中的熊宝宝 - [羊の设计]
你知道吗?关于一只熊的碎碎念
这个冬天,因为有了彼此才会显得更加温暖...而我却孤单地坐在长椅上。
那些悲伤是会随着时间的延续而历久弥新,还是会淹没在时间里?
——我给这个模板起名叫淹没在悲伤中的熊宝宝。
不知道从什么时候开始...我开始厌恶起了卡通的素材,又是从什么时候开始,喜欢这样独自一个人。
模板原始代码出自BUS自带的模板—橙,修改了相关的CSS,... -
2007-12-14
〖分享〗羊羊和小盒子收集的素材/平面设计站 - [羊の设计]
今天好不容易买家没来,趁机好好地跑到论坛上学习下平面的基础。
好吧,趁今天有机会,就好好地把羊羊和小盒子收集的资料拿出来和大家分享一下,希望大家希望。
建议收藏一下,因为我以后还会不断更新的。
———————————————————&... -

很早以前就对XP的呆板厌倦了,做编辑的时候三不5时地对公司的电脑界面加以改造,
然后叫虹狼同志来欣赏。
后来回家后发现我家的电脑实在是太可怜了,内存那么小,实在是不忍心对她动粗。重装系统后觉得非常神清气爽,加上听说有一个占内存不是很大的软件可以把XP换成苹果系统,
口水终于是忍耐不住,流了下来,哈哈。
好家在我对系统美化还是有一定的经验的...
怎么样?还是很漂漂的吧~启动的时候也是苹果界面,恩暂时没截图到时候截个看看。等明天更新下
接着昨天的说...没想到换个美观的系统居然搞得这么麻烦。
我下班一回到家我妈就给我抗议说找不到她的QQ游戏了,然后打着打着游戏切换的时候就跳回桌面,由于我把XP的任务栏隐藏了,结果她就找不到从什么地方找她的QQ游戏,于是进行了大肆的破坏活动,我回到家的时候我美观的苹果托盘被她清理干净....TAT我说这个是苹果桌面是这样,她说:你的果把我的QQ游戏都弄不见了,而且下面的还挡着挡着我...

-
2007-05-20
美化博客要用到DI东东(投票系统、留言板、聊天室) - [羊の设计]
昨天果冻问我中博有没有留言板,答案是没有的,本来我一直觉得有没有也是无伤大雅的。
但是他既然有需要,我就把我一直珍藏的一些连接拿出来了。
自己也察觉是有必要做个整理的,要不然以我的个性过不了几天就会忘记的。(依旧,关于博的代码之类的是放在“其他”分类)
内嵌式留言版。
有多个颜色可选择,而且还内代表情...只要把申请好的代码插到自己的博里就好了。
在这里借用了荧惑君使用的效果哈~8要见怪
申请地址 http://cbox.ws/getone.php
FLASH投票系统
用FLASH的形式来显示大家投票的结果,可以设置单IP投票,自行设置问题,相当方便-V-。
申请地址:http://vote.kooqu.com/Vote/index.html
内嵌式即时聊天室
可根据自己的需要定制全功能或者是米你型的...还可以选择颜色...在这里羊是考虑到速度的问题,所以用的是米你型。
非常好用哦,看各自的需要而定了。HOHO
申请地址:http://say-on.com/
今天暂时到这里,过几天继续整理 -
2007-05-16
传说中的某水COS~~ - [羊の设计]
-
2007-02-22
『网页制作』页面滚动HTML代码 - [羊の设计]
滚动字幕在FrontPage的组件里有,但是FrontPage(娉按:FP这个软件我现在都很少用了~功能的确比DW少了不少)
,这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。
1.建立第一个滚动字幕。代码:
<marquee scrollAmount=2 width=300>我钟意羊羊- -</marquee>
2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。(娉按:相对的做横向滚动的时候width是必须设置的值
c)direction。表示滚动的方向。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。((娉按:本娉测试过,默认的滚动方向是从左到右)
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。(娉按:唯一一个懒得改的参数。- —!)
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)(娉按:不碰也没有什么区别...一般不就是要循环的么...)
3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果,代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>,点击中央电视台就可以进入了:
中央电视台
b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
c)交替效果。代码如:
<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>(娉按:以上本娉认为完全是废话,一旦代入代码以后完全可以用DW来一手操作...方便简洁...当然喜欢HTML一手操作的人例外)
·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:
<script>document.write(<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>)</script>
由上可以看出,HTML代码是可以随意组合的,功能强大! -
2007-01-18
〖教程〗直拉式博客的做法—PS篇 - [羊の设计]
前言:前天开始学FALSH~~感觉有点茫然。不是学不懂,可能是想学更多吧。
在学校里做完老师布置的作业,就开始用鼠标画画,
结果我一离开座位去问老师题目,他们都蜂拥到我的座位看我的画,
上完课就关了。
也许觉得很可惜吧~唉~~反正可以再画。
前天小瞳问我怎么做一个可以背景固定的博...恩
说简单也简单,说复杂也复杂。
好吧~偶们从PS开始说吧,一直说到用DW来做~
我顺带也做一个。
博的新模板也做好了~:)这次是很华丽的温暖的颜色,也照顾了一下纳蓝大哥看全是黑色的问题。
估计明后2天抽空用DW做好放上来吧。
工具:PHOTOSHOP CS
好吧~首先来说怎么做一个背景固定的博,整个博很简单哦,就一张图片作为背景,所以要大一点...
做模板之前先考虑下分辨率的问题吧,因为每个人的电脑不一样,但是现在一般还是1024*768。
我曾经有个买家是865的分辨率,呵呵,估计是眼神不好 弄大了一点。OK
来选择图片吧。
缩略图
做博的时候我比较偏好黑色的,或者冷色调的,感觉非常不错,于是就定位这张图片了,图片上的水印必须去掉。
因为要放自己的文字
用PS的图章工具把图片上不必要的字处理一下。
该图片目前的尺寸为502*579
于是要适当扩大一点~扩太大对图片会变形适当大一点就OK了。
OK 把高调整成790,同比例的宽现在为685。适当高点没什么的。
宽到现在还不够,按分辨率来说至少要有1024以上因为做的是背景图片。
把画布调整成1024宽
剩下的要自己发挥了哦~看你的文字要放在什么地方~可以放正中间可以放左边
有时候根据图片的需要,OK现在偶们确定把文字放在左边
中间用形状工具挖出来~加上透明效果...因为文字是黑的,必须考虑到文字的显示效果。
现在大概的都弄出来了,剩下的是装饰处理了。

把整个形状拉长...因为文字要从上面滚动上去,然后加上自己的博的标记和文字之类的个性东西。
MS PS要做的东西已经完成了~OK收工。第一次做教程...不知道说得够不够详细。
上课去了。
DW晚上来说。 -
2007-01-15
一些中国博客要用到的代码转 - [羊の设计]
娉:在查了CSS以后发现,都是些伪类。
但是还是满有用的~其实好多都是DW里面可以弄的,就是和中博里面的那些代码有关的要用到CSS的伪类
苦恼咩
diary_datetitle //每条日志上的日期文字样式
line // 无作用域的样式
td //TD标签的样式
tt_title //BLOG标题的样式
dis_tag //BLOG描述文字的样式
a //链接的样式
a:hover //鼠标移到链接上显示的样式
diary_bg1 //日志主体背景颜色之一
diary_poster //日志发表者文字样式
diary_title //日志标题文字样式
日历代码含义
<style type="text/css">
.today { background-color: #C9A4D2; font-weight: bold; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color: #C9A4D2}
.hasrecord { background-color: #562C4A; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color: #CCCCCC}
.cc { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color: #B9B9B9}
.hd { cursor: hand; font-size: 8pt; font-family: "Georgia", "Times New Roman", "Times", "serif"}
.mainddbg { background-color: #562C4A}
.headbg { background-color: #330033}
.datehead { color: #FFFFFF}
.eachdaytext { color: #cccccc}
.eachdaybg { background-color: #330033}
.weekday{ font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color: #B9B9B9}
-->
</style>
(P.S:使用默认日历样式只要将上面的代码删除即可)
其中各项CSS的文字说明如下:
today:样式范围为每个月的今天
hasrecord:样式范围为有记录的那一天
cc:样式范围为所有日历中出现的文字
hd:日历翻页的箭头
mainddbg:整个日历的背景
headbg:日历上方当前日期所在的背景
datehead:日历上方的当前日期
weekday:日历上方的星期
eachdaytext:日历中所有日的文字
eachdaybg:日历中所有日所在格的背景
透明FLASH代码的插入
<embed src="Flash地址"; width="画面宽度" height="画面高度" quality="high" wmode="transparent" align="center" style="position: absolute; left:0; top:0">
此代码为插入透明flash代码,其中 width="" 为flash的宽,height="" 为 flas的高,left: 为从左向右移的位置,top: 为从上向下移的位置
滚动条透明方法
<STYLE>
body{
scrollbar-base-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
margin:0;
}
div.main{
overflow:scroll;
width:100%;
height:100%;
filter: chroma(color=#ffffff);
}
</STYLE>
<DIV class=main id=Layer1 style="Z-INDEX: 1; RIGHT: 600px; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 400px; POSITION: absolute; TOP: 47px; HEIGHT: 400px">框架内容</DIV>
禁止右键代码
<script language=JavaScript>
window.ClearEvent=function(){event.cancelBubble=false;var sSrcTagName=event.srcElement.tagName.toLowerCase();
return (sSrcTagName=="textarea" || sSrcTagName=="input" || sSrcTagName=="select");}
window.ClearKey=function(){event.cancelBubble=false;var iKeyCode=event.keyCode;return !(iKeyCode==78 && event.ctrlKey);}
with (window.document){oncontextmenu=onselectstart=ondragstart=window.ClearEvent;onkeydown=window.ClearKey;}
</SCRIPT>
PS:放在第一行head下面就可以了
一些辅助网站
http://www.amazingcounters.com/
http://count.knowsky.com/
PS:此两个网站提供了450余种为计数器,样式比较多可供大家选择。
http://www.9941.cn/
PS:此网站提供了大量的透明FLASH动画,包括大量的FLASH时钟样式
http://www.clocklink.com/
PS:此网站提供了网页时钟的代码,非常不错的时钟,简单而又使用,而且可以选择不同的时区。呵呵,世界杯要开幕了,大家也可以选择一个德国时间的钟表放在自己的叶子上。
幻灯片代码
<script language=javascript> var adImg = new Array(); var adLink = new Array(); var cID = 0;
adImg[0] = "图片网络地址";
adImg[1] = "图片网络地址";
adImg[2] = "图片网络地址";
adImg[3] = "图片网络地址";
adImg[4] = "图片网络地址";
adImg[5] = "图片网络地址";
adImg[6] = "图片网络地址";
adImg[7] = "图片网络地址";
adImg[8] = "图片网络地址";
var preImgs = new Array(); for(i=0;i<8;i++) { preImgs = new Image(); preImgs.src = adImg; } function NextAd() { if(cID == 8)cID=0; if(document.all) { imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23); imgAD.filters.revealTrans.apply(); imgAD.src = adImg[cID]; imgAD.filters.revealTrans.play(); cID++; setTimeout("NextAd()", 4000); } } function ShowLink() { document.returnValue = true; } function Go2Url() { window.open(adLink[cID-1]); }</SCRIPT>
<P align=center><A><IMG style="BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FILTER: revealTrans(duration=2,transition=20); BORDER-LEFT: #cccccc 1px solid; WIDTH: 185px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 120px" height=75 hspace=0 src="javascript:NextAd()" width=175 border=1 name=imgAD></P><BR>
PS:大小,边框等自己进行调节
两个常用的特效代码
1、网页弹出对话框代码 2、右下脚升起图片代码
1、网页弹出对话框代码
a.进入时弹出对话框
<body onLoad= alert("你要写的话")>
b.离开空间时弹出的代码:
<body onUnload= alert("随便转转吧!!再见!!")>
2、右下脚升起图片代码
<script>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style="border: 1 solid #ffffff" width="241" height="172" border="0" cellpadding="0" cellspacing="0" background=插入的图片>";
winstr+="<tr><td height="30"> </td></tr><tr><td align="center"><table width="90%" height="110" border="0" cellpadding="0" cellspacing="0">";
winstr+="<tr><td valign="top" style="font-size:12px; color: #ffffff; face: Tahoma">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1427){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop>1520&&popTop<1720){
oPopup.show(screen.width-250,screen.height,241,1427-popTop);
}else if(popTop>1500&&popTop<1520){
oPopup.show(screen.width-250,screen.height+(popTop-1427),241,172);
}else if(popTop<180){
oPopup.show(screen.width-250,screen.height,241,popTop);
}else if(popTop<220){
oPopup.show(screen.width-250,screen.height-popTop,241,172);
}
popTop+=10;
var mytime=setTimeout("popshow();",100);
}
popmsg("<font color=颜色代码 size=字体大小>你要输入的文字</font>");
</SCRIPT>
PS:如不学要输入文字,删除括号中的字体就可以,次代码放在第一行<head>下面即可












