卜卜口の猫窝

在Otaku和常人之间徘徊!

好吧…用了一会imoe来当作相册总觉得有些不地道…

稍微再努力了一下把相册换成了picasa的了

访问非插件picasa相册 http://asuka.tk/album

废话不多说了…下面是代码,其中有些地方自己看着改,有疑问IM卜卜口の在右上角

以下是相册目录

本文来自: 非插件实现picasa相册插入博客页面

看到wettuy君的tumblr相册插件之后,忽然也想有一个相册了…

samplexml什么的根本不会用…于是直接用正则把图片地址读取出来~

访问非插件imoe相册 http://asuka.tk/imoe

技术含量什么的完全没有.最近一直都没有信心更新博客,一直在怀疑自己存在的原因什么的…

嘛, 乱乱的一天一天就过去了. 不知道这样的人生有什么意义

呃,扯远了.前些天为了解决获取youku视频地址的时候很无厘头的研究了很久的正则表达式

于是现在有什么问题第一个想到用正则解决了,xml什么的去死吧>_<

其中图片关键字以及页面地址请按照情况来定义

注: 图片来自萌妹

本文来自: 非插件imoe相册功能实现 及 博客新添萌图分享

应用效果地址: asuka.tk/51740

以下也是效果的预览^_^, 为了代码的简洁,不支持IE6. 为IE6用户预留了a标签链接.

@山茶 @UUltraman 恩,使用DIV+CSS实现的效果^_^

以下是CSS部分的代码:

以下html部分代码:

废话不多说.
原理是通过伪类:hover,使鼠标移动到图片上面的时候, 将大小从 361×148 调整到 500×200,.

并利用 position:absolute 将其固定在第一次显示时的文档流的位置上面,

然后再通过 margin 调整位置, 最后通过 z-index:10 使它在最顶层显示不被其他元素覆盖, 达到最后显示出来的效果.

但此刻图片会和下面的内容重合,这时就需要 img 的上一级 a 标签把 img 所用的空间挤出来

通过display:inline-block 使a标签显示为行内块元素,并定义其宽高.这里如果定义成block的话 会导致换行..

在IE6实现图片弹出显示思路

以上就是全部实现思路,如果你有更好的建议,意见和问题希望我们能一起探讨 ^_^

如果对IE6有要求的话,请在回复中提出.卜卜口の简单说一下自己的思路:

将img标签的宽高度设为100%,将图片的宽高度定义在display:inline-block的a标签上面,在a标签上面定义:hover.

a标签的宽高度继承到img标签上面.由此实现在IE6中的图片弹出效果.

不知上面的思路可不可行,有兴趣的话可以自己动手实验一下!并将你试验的结果和大家一起分享吧~

2010-04-10 19:56 再次更新

以下代码支持在IE6上面的图片弹出显示效果!

实现思路在昨天的末尾

本文来自: DIV+CSS实现弹出显示图片大图效果[更新]

哈哈,很久之前就想实现这个功能了,今天终于抽空解决了一下.

这回依旧没有使用插件~直接从wettuy博客的插件中提取出的,还没有经过测试~

还有就是直接搬来一只看板娘,在IE6里面会自动隐藏~

注:

看板娘形象来自 Bangumi.tv

绘师 – 猫鱼 cat-fish.net

伪春菜是国内著名画师猫鱼为bangumi设计的看板娘角色.

头发是天线，眼睛是高清晰摄像头，H可是不行的哦。

都还只是测试阶段,等没问题之后再贴出方法~~

突然发现博客时间设置出差错!!居然忘记改成UTC+8,抱歉..

大家新年快乐!!在新的一年里能有个更好的心情!

日期 2010-02-17: 看板娘增加对话泡泡

春晚直播刘谦魔术:

董卿小姐，坚硬吗？……

嗯，坚硬！

你要我从哪个地方穿过去？……

中间吧！

董卿：刘谦再来一次嘛~

董卿：（刘谦你）太棒了！ |oh~yeah~~

董卿：一年不见，你的手越来越灵活了……真是太棒了

原创 by 无念

本文来自: 博客新添萌物 – 图片放大显示和看板娘一只!~

移动版可以支持很小的手机分辩率

并且载入速度更快,只留下 最新文章, 最新评论, 标签云, 搜索博客 4个功能.

浏览卜卜口の猫窝能更加流畅~

链接地址: 卜卜口の猫窝 – 移动版

注: PC用户也可以正常浏览~而且,真的是首页!

本文来自: 增加了手机用户的移动版首页

恩,以上就是风格的预览图

当然没有下载地址的原因很简单,因为还在制作当中…

如果完成的话就是卜卜口の的第二个wp themes了

不过对自己没啥信心地说…<!–呃,居然心安理得的说出来了,呢哈哈,这句话不要在意..不要在意…–>

希望大家能多多提意见~

同时正在担忧版权会不会是个问题…

哈哈,一起做的模板还有一个噢~啊哈哈

如果要预览图的话去找稀饭…

呃,发现最近的兴趣转移到了奇怪的地方…呃,难道我会变得奇怪么- -

本文来自: ADOBE FIREWORKS CS4 themes

恩,编辑文章的主要时间都浪费在配图上面了,图片载入可能需要些时间,大小1.5MB~

下面说一说劳动成果吧

1,首先是论坛的发展方向.

名称以及域名已经确定~

名称: 绫波动漫社

地址: http://ayanami.tk/

方向: ACG众..

完善了一下伪静态规则,

2,博客重新整理了一下.

模板去掉一些没什么用的东西,特别的留一些空旷的地方.

插件依旧从简,风格更加趋向简陋,或许也能成为风格…

图床也已经确定,本片文章配图的地址就是,速度基本满意~

3,逛了很多很多的博客,学习到了很多很多,完全吸收不能~

卜卜口の的排版能力需要加强;

文章质量不高.

内容单调比较单调,很难让读者急需关注.

4,把积攒了很多很多的wordpress自动保存的历史编辑版本删掉了

mysql执行语句: DELETE FROM wp_posts WHERE post_type = “revision”;

今天开始暂时不用画素描了,恩因为快要过年了~~

现在急需睡眠…那么…早上好../晚安了…

本文来自: 额…又忙了一个通宵,汇报汇报工作~

昨天在ACG游戏动漫展中买了一根葱,

还有一个扭蛋

还拍了好多照片!~

昨天晚上玩了很长时间的轮滑,学会了用两个轮子滑!~~

很高兴ing!~

昨晚把博客的界面汉化了,毕竟鸟文看着别扭.

也不方便别人阅读,所以就把博客汉化成中文界面了.

还添加了背景音乐,和一个”彩蛋”!~

感谢 google翻译&灵格斯词霸 的英文翻译.

过一会,打算睡一会觉,然后出去溜达一会…

论坛战士先不打算弄了…

昨晚先弄了个html静态页面当做首页用先…

总之凑合一段时间在说…

以后我会坚持写博客的…

加油!~

本文来自: 8月14日清晨5:40…