Archive for 02月, 2007

变化真的好大

星期三, 02月 21st, 2007

昨天晚上去跟初中的同学聚会了,很多人的名字都给忘记了,只剩下面孔还有一丝印象,大家一起聊天,一起吃饭,希望以后能请客的是我
每个人的变化真的好大,感叹这世界变化真的好大,几年的时间大家有的读书的读书,有的还嫁人了,有的工作的工作,有的还去当老板
不过还是有些面孔还是不变的,有些印象还是那么相同,可爱逗人,性感动人,英俊潇洒
五六年的时间没见初中的那些同学了,不管怎么样衷心祝福我的同学都过得好
比起初中的同学,我觉得小学的同学更加陌生了,到现在也都还没聚过,不知道大家都过的怎么样?小学的同学可能到现在都有十年没见了吧!光阴似箭,岁月如梭!我只能这样感慨
明天我们即将重新踏上新的旅程,祝福大家前程一片光明!
以后有需要我帮助的,我能帮的上的我一定帮,在我心目中大家是很重要的好朋友,好兄弟,好姐妹!

百度空间设计的"终极技巧"

星期一, 02月 19th, 2007

         —— 画大象

  如果你已经熟悉各种雕虫小技,并且想把代码写的更专业,那么建议你仔细阅读css速查手册css手册简编。最好把每个不清楚的参数都试练一遍。这里最难掌握就是margin与padding,能把这两个参数用好的人并不多。

  做到了上面两点,你基本上算个老鸟了。现在,唯一羁绊你的就是百度空间的布局。下图给出一个大体的首页框架,细节部分可参考我的css模板注释(前前后后花了1个月时间整理验证,至少能节省你一周的时间)。

  如果这些资料都满足不了你的需求,那你一定能用到我秘密研制的这个“终极技巧”。之所以叫“终极技巧”,是因为没有比它再强的方法了。那就是——看网页源码!

  以百度新添加的“最新访问模块”为例。打开网页源代码,搜索“最近访客”关键字。会发现下面这段代码:

<DIV class=modhead><SPAN class=modtit>最近访客</SPAN></DIV></TD>
<TD class=modtc noWrap align=right></TD>
<TD class=modtr width=7>&nbsp;</TD></TR></TBODY></TABLE>
<DIV class=modbox =m_track>
<TABLE width=”%”>
<TBODY>
<TR>
<TD vAlign=bottom align=middle><A href=”/daxiaguojing” target=_blank><IMG src=”http://himg.baidu.com/sys/portraitn/item/21d1646178696167756f6a696e673101.jpg” border=0><BR>daxiaguojing </A></TD>
<TD vAlign=bottom align=middle><A href=”/xinhaitg” target=_blank><IMG src=”http://himg.baidu.com/sys/portraitn/item/15bcc0b4d7d4b4f3baa3b5c4d3e374670501.jpg” border=0><BR>来自大海的鱼tg </A></TD></TR>
<TR>

  看到“=m_track”了么,我可以负责任的说,这个就是访客区域的入口!以后凡是找到“=xxxxxx”的代码。你都可以在中用“#xxxxxx{}”的方法调用。如果不确定,可以用background测试下。

  再往下找,发现<TABLE>表格标记,我用大腿猜出来这是访客区域中4行2列的访客名单。再往下看就是我们最熟悉的<A>和<IMG>标记。其中,<A>代表超链接,<IMG>代表图片。下面就是排列组合的游戏了。

  最近访客区域
  #m_track{}   /*最近访客*/
  #m_track a{}   /*文字链接*/
  #m_track a:hover{}   /*文字悬停效果*/
  #m_track a img{}   /*头像图片链接*/
  #m_track a:hover img{}   /*图片悬停效果*/

  理论上呢,前面的<DIV >、<TABLE>、<TBODY>、<TR> 、<TD>标记你都可以用,就是长了点。例如:

  #m_track div.table.tbody.tr.td a:hover img{} /*访客区域的 子区域的 表格中的 表格主体中的 第一行的 第一列的 图片链接的 悬停效果*/

  这里写得越长,指示的位置也就越具体。当然了,你要不怕麻烦尽管写。有了这个技术,就能精确定义模板的每个小细节。称之为“终极技巧”不为过吧 ^^

p.s. 很早就想写一篇技术文章,把我这3个月的经验与大家分享。苦于百度高手如林,我这点东西实在拿出手。更重要的是,设计中技巧往往是次要因素,创意与美学才是正根。

点击这里返回百度空间CSS制作目录

留言板代码

星期一, 02月 19th, 2007

转自http://hi.baidu.com/ganq/blog/item/824707f4510874ef7709d7ef.html
各位朋友我开论坛了,现在大部分时间都花费在偶笑论坛里面,诚心欢迎大家来注册啊,多多支持下!
大家改模版的时候要注意,留言板的首页样式是追加在最新评论区(#m_comment)后面的,而内部页面是追加在用户评论区(#in_send)后面的,所以有些改动可能会影响原来的模板样式。
  

/******留言板******/
#mod_board.mod{} /*留言板模块*/
#mod_board table.modth{} /*以下6项如果不设定则继承通用模块的样式*/
#mod_board td.modtl{}
#mod_board div.modhead{}
#mod_board span.modtit{}
#mod_board td.modtc{}
#mod_board td.modtr{}

/*其它代码与最新评论区完全相同,可以用#mod_board罩着修改,但一定要放到评论区代码的后面才能生效*/

/******留言板内部页面******/
#spBCmtAuthor{} /*留言姓名输入框*/
#spBCmtURL{} /*留言网址输入框*/
#spBCmtText{}   /*留言输入框*/
#vercode input{}   /*验证码输入框*/
#in_send td.f14 input{} /*添加留言按钮*/

#in_msg {} /*留言区*/
#in_msg div.tit{} /*留言区标题*/
#in_msg a{} /*留言区链接*/
#in_msg a:hover{} /*悬停效果*/
#in_msg td.index{} /*留言序号*/
#in_msg div.user{} /*留言用户*/
#in_msg div.user a img{} /*用户头像*/
#in_msg div.user a:hover img{} /*悬停效果*/
#in_msg td.cnt{} /*留言时间*/
#in_msg div.desc{} /*留言内容*/
#in_msg div.line{} /*分界线*/

p.s. 初学者可以略过下面的内容,建议CSSer参考一下。

  由于留言板内部页面与评论区域的代码交叉嵌套,因此在设计模板时应注意语句的先后顺序,这一点在monyer《致Baiduer CSS初学者》中已详细指出。下面给出评论区与留言区的建议语句排序:

/******内部发表评论区域******/
#in_send{} /*发表评论区域背景*/
#in_send input{} /*内部发表评论及留言区域的输入区,包括单选框、文本框和按钮*/
#in_send div.tit{} /*发表评论标题*/
#in_send table{} /*发表评论内容*/
#in_send td.f14{} /*提示语*/
input.#spBlogCmtor{} /*姓名输入框*/
input.#spBlogCmtURL{} /*网址输入框*/
#spBlogCmtText{}   /*评论输入框*/

/******留言板内部页面******/
input.#spBCmtAuthor{} /*留言姓名输入框*/
input.#spBCmtURL{} /*留言网址输入框*/
#spBCmtText{}   /*留言输入框*/
#vercode input{}   /*验证码输入框*/
#in_send td.f14 input{} /*留言按钮*/

#in_msg{} /*留言区*/
#in_msg div.tit{} /*留言区标题*/
#in_msg a{} /*留言区链接*/
#in_msg a:hover{} /*悬停效果*/
#in_msg table.item{} /*留言列表*/
#in_msg td.index{} /*留言序号*/
#in_msg div.user{} /*留言用户*/
#in_msg div.user a img{} /*用户头像*/
#in_msg div.user a:hover img{} /*悬停效果*/
#in_msg td.cnt{} /*留言时间*/
#in_msg div.desc{} /*留言内容*/
#in_msg div.line{} /*分界线*/

  其中部分代码与之前给出的代码略有出入(例如input.#spBCmtAuthor{}),这是因为相关的html代码为:


<td class="f14">姓 名:</td>
<td><input type="text" name="spBCmtAuthor" ="spBCmtAuthor" style="width:220px" onKeyDown="cont(this,);" onKeyUp="cont(this,);" maxlength="49"></td>

  因此,input.#spBCmtAuthor{}的写法比#spBCmtAuthor{}更为精确。 另外,#in_send input{} 可用来控制留言板“姓名”单选框的样式。但一定要把它提到最前,否则,会干扰姓名、网址等输入框的样式。
各位朋友我开论坛了,现在大部分时间都花费在偶笑论坛里面,诚心欢迎大家来注册啊,多多支持下!

点击这里返回百度空间CSS制作目录

关于flash导航条的问题

星期一, 02月 19th, 2007

转自学生黑客联盟

      今天早上看到以前的一位朋友的留言,就是想让我帮他做个向我这样的flash的导航条,说实在的我这个人实在比较懒,在说授之以鱼不如授之以渔,方法比较简单,没什么技术含量,相信如果你不懂看过后一定就会了。

       首先准备两个工具,一个是硕思闪客精灵一个就是flash MX。然后在百度上搜下关于flash导航条的关键字,网上实在是太多了,找一款自己喜欢的。如果是swf格式的这个硕思闪客精灵就派上用场了,将swf格式的flash用硕思闪客精灵打开然后再导出.fla文件,如果是fla格式的flash源文件直接用flash MX打开在脚本里大概有这些脚本如下:

需要修改的就是红色部分和对应的链接,其他是一些脚本的参数定义的也很清楚,会点英语的人几乎都可以看得明白,在这里不做解释。

var drag = 4.000000E-001;
var flex = 7.000000E-001;
var menuEN = new Array(”Home“, ”“, ”Friends“, ”Book“, ”Qme“, ”Scang“, ”Bbser“);
var menuZH = new Array(”首页“, ”博客“, ”好友“, ”讨论“, ”留言“, ”搜藏“, ”发帖助手“);
var menuURL = new Array(”http://hi.baidu.com/olhack/“, ”http://hi.baidu.com/olhack/blog“, ”http://hi.baidu.com/olhack/friends“, ”http://hi.baidu.com/olhack/blog/item/84d39f45cd1cec3f86947300.html“, ”http://wpa.qq.com/msgrd?V=1&Uin=272506723&Site=给我留言&Menu=yes”, ”http://cang.baidu.com/do/add?it=olhack&iu=http://hi.baidu.com/olhack&dc=&fr=ien#nw=1%22“, ”http://bbser.cn/baidu“);
var menuWindow = new Array(”_self”, ”_self”, ”_self”, ”_self”, ”_self”, ”_blank”, ”_blank”);
var menuColor = new Array(16737945, 41727, 9884418, 16762368, 16733184, 13467105, 185238, 16762368, 2293504);
var mBlock = this.attachMovie(”mblock”, ”mb”, 5);
mBlock._y = 6;
mBlock.goalX = -;
mBlock.onEnterFrame = function ()
{
    var _loc1 = this;
    _loc1.Step = _loc1.Step * flex + (_loc1.goalX - _loc1.px) * drag;
    _loc1.px = _loc1.px + _loc1.Step;
    _loc1._x = _loc1.px;
    if (_loc1.sOut && _loc1._xscale < 9.950000E+001)
    {
        _loc1._xscale = _loc1._xscale + ( - _loc1._xscale) / 8;
    } // end if
    if (_loc1.sIn && _loc1._xscale > 1.000000E-001)
    {
        _loc1._xscale = _loc1._xscale + -_loc1._xscale / 8;
    } // end if
};
var MBColor = new Color(mBlock);
var i = 0;
while (i < menuZH.length)
{
    pipi.start([1, 1]);
    var theItem = this.attachMovie(”MenuItem”, ”Item” + i, i + 8);
    theItem._x = i * 84;
    theItem.mColor = menuColor[i];
    theItem.URL = menuURL[i];
    theItem.Window = menuWindow[i];
    theItem.mc_ZH.itext.text = menuZH[i];
    theItem.mc_EN.itext.text = menuEN[i];
    theItem.onEnterFrame = function ()
    {
        var _loc1 = this;
        if (_loc1.fadeOut)
        {
            if (_loc1.topLine._alpha < 9.950000E+001)
            {
                _loc1.topLine._alpha = _loc1.topLine._alpha + ( - _loc1.topLine._alpha) / 8;
            } // end if
            if (_loc1.mc_EN._alpha > 5.000000E-001)
            {
                _loc1.mc_EN._alpha = _loc1.mc_EN._alpha + -_loc1.mc_EN._alpha / 0;
            } // end if
            if (_loc1.mc_ZH._xscale < 0)
            {
                _loc1.mc_ZH._xscale = _loc1.mc_ZH._xscale + 2;
                _loc1.mc_ZH._yscale = _loc1.mc_ZH._yscale + 2;
            } // end if
        } // end if
        if (_loc1.fadeIn)
        {
            if (_loc1.mc_EN._alpha < 9.950000E+001)
            {
                _loc1.mc_EN._alpha = _loc1.mc_EN._alpha + ( - _loc1.mc_EN._alpha) / 8;
            } // end if
            if (_loc1.topLine._alpha > 5.000000E-001)
            {
                _loc1.topLine._alpha = _loc
1.topLine._alpha + -_loc1.topLine._alpha / 8;
            } // end if
            if (_loc1.mc_ZH._xscale > )
            {
                _loc1.mc_ZH._xscale = _loc1.mc_ZH._xscale - 2;
                _loc1.mc_ZH._yscale = _loc1.mc_ZH._yscale - 2;
            } // end if
        } // end if
    };
    theItem.onRollOver = function ()
    {
        var _loc1 = this;
        mSound.gotoAndPlay(2);
        mBlock.goalX = _loc1._x + 42;
        mBlock.sOut = true;
        mBlock.sIn = false;
        MBColor.setRGB(_loc1.mColor);
        new Color(_loc1.topLine).setRGB(_loc1.mColor);
        _loc1.fadeOut = true;
        _loc1.fadeIn = false;
    };
    theItem.onRollOut = function ()
    {
        mBlock.sOut = false;
        mBlock.sIn = true;
        this.fadeIn = true;
        this.fadeOut = false;
    };
    theItem.onRelease = function ()
    {
        getURL(this.URL, this.Window);
    };
    ++i;
} // end while
stop ();
    在flash MX里修改完了,就要保存和导出了,由于是懒得再做一次就不截图,在导出时默认选项是什么就点什么就不会有什么差错的。

  在导出swf文件后点下导航条的相关链接看是否成功,如果达到预期目的就恭喜你了,如果不是很成功没关系再仔细点,相信一定能做好的。

     在这里要说明一下的是修改别人的东西其实有的时候并不是一件什么坏事,如果能在修改别人的东西的同时又能发现问题这不是一件很好的事吗? 好了就说道这里吧。关于这个flash导航的问题,有感兴趣或在制作过程中还有不明白的再问我吧。

过年啦

星期五, 02月 16th, 2007

最近在家里没什么事做,就等着过年啦
今年过年还过两个生日,一个是今天的2月16日,还有的是正月初九
最近很少上网,很久没来这里了,想对我来过我这里的人表示抱歉,因为没上网所以不能一一回复大家,请见谅
每天在家里看美片过日子
也对于百度空间发生了什么事也不是很清楚,一上来就有留言板啦,谢谢大家,
祝大家新年快乐!
半个月后我才会重新回到百度空间跟大家一起玩哦
多与家人聚聚,开心每一天