Ie7下inline-block负行缩进BUG

作者:atrl 分类:HTML & CSS No Comments

BUG 触发条件:标签使用display:inline-block和text-indent:-9999px且该标签前面没有任何文本或不是用以上CSS的标签


a{background:#f30;display:inline-block;height:20px;width:20px;text-indent:-9999px}
<p>
  <a href="#">txt</a>
  <a href="#">txt</a>
</p>

解决方法:在该标签之前加以个&nbsp;或其他文本吧。 CSS的话可以加上float:left;但是这样的话如果父级p使用了text-align:center就无法居中

标签:负行缩进.inline-block

javaScript-阻止location.href

作者:atrl 分类:Javascript & jQuery No Comments

例:location.href="http://atrl.name/",如何在它之后的JS代码取消他的跳转?

在blueidea上看到这题,原帖地址http://bbs.blueidea.com/thread-2992971-1-1.html

上面提供了两种方法。

方法一:使脚本错误导致location.href不跳转,比如var location={};return false之类的 更或者直接加入中文。。。

方法二:使用location.replace()和location.assign(),这两种方法可以替换掉跳转的URL,使页面跳转到一个新URL,设置replace()和assign()为relace("")、assign("")时,使用firebug查看URL的请求状态为Aborted(已中止),页面请求进行到接收数据的时候停止跳转,跳转至relpace和assign的新路径,因为内容为空,页面保持在原页面,location.href会重新发送请求跳转。方法二在测试之后,只能使页面跳转到一个新页面而不能使页面停留在原页面上

标签:javascript, location

jQuery-模拟select标签

作者:atrl 分类:Javascript & jQuery 3 Comments

核心函数:


$(function(){
    $("#select").bind("click",function(){
        $(".option").show(1,function(){
            $(document).bind("click.global",function(){
                $(".option").hide();
                $(document).unbind("click.global");
            });
        });
    });
    $(".option li").click(function(){
        $("#select").text($(this).text());
        $(".option").hide();
    });
    $(".option li").hover(
        function(){$(this).addClass("hover")},
        function(){$(this).removeClass("hover")}
    )            
})

刚开始的思路很简单,当点击#select的时候触发下拉菜单,在点击选项的时候关闭下拉框,并把值赋给#select,或者在点击document中其他的标签的时候关闭下拉菜单。运用了jquery的bind方法 在点击触发下拉的时候绑定document的点击事件,在关闭下拉菜单的时候取消绑定的document事件。显示的时候使用了show()回调函数的方法,show( speed, [callback] ),但是speed的填写却遇到了问题,为了不让他有动画效果,在一番测试之后,给speed填了个“1”,jquery动画有个 jQuery.fx.off = true;但是这样好像会影响到所有的动画下过,所以不考虑。

演示地址:jQuery-模拟select标签

很久没写东西了 语言组织能力下降很多。。

标签:jquery

DreamHost-购买流程

作者:atrl 分类:Follow No Comments

Web Hosting by DreamHost Web Hosting- Web Sites, Domain Registration, WordPress, Ruby on Rails, all on Debian Linux!.png

在经历上次体验购买失败之后,这次有幸在同事的帮助下成功购买了DreamHost的空间。

1.点击首页的continue进入注册的第一步:填写登录邮箱和登录密码

DreamHost经常cookie异常 可能导致你前面填写的用户名是A 而注册成功后变成B~。~ 怨念的同学请不必紧张,登录邮箱和密码都可以在注册成功后进行修改。

2.填写完整之后进入下一步:填写绑定的域名


  • 选择Register a new .com/net/org/info domain for me.输入未被注册过的域名,购买DreamHost的主机成功后会赠送1个域名(PS 这个没有试验过 路人请不激动尝试);
  • 选择I already have a domain, please provide me with the information I'll need to transfer it.需要输入的域名必须之前没绑定过DreamHost账号的账号,否则会无法进行下一步或者不能填写优惠码。

3.填写完整之后进入下一步:选择购买的年限

DreamHost的优惠码只能填写一年,并且只能使用一次,域名在用优惠码绑定购买成功后,这个域名将无法再绑定。

4.进入下一步:填写用户信息

用户信息都可以乱填,但是注意, 电话phone在注册成功后的需要用来进行电话验证,按他的英文说完之后按键输入即可,乱填的话一样进入到会员中心修改。

5.进入下一步:填写其他

这个步骤就是填写优惠码的步骤,Promotional code or email address that referred you : 这个后面填写的内容就是优惠码,可能因为是选填,有点不够起眼,这个需要注意了,优惠码一般网上查找就有了,但是因为针对地区,可能有的优惠码并不能优惠那么多,这个时候我们就需要代理访问(具体方法网上更多)。

6.下一步:填写信用卡

DreamHost不支持PayPal的第三方交易平台,需要通过支持visa卡,万事达卡进行付款,国内比较多的使用招商银行的visa卡也可以付款。

7.最终

在DreamHost确定信用卡可行后,需要进行最后一步进行电话验证,电话输入的格式需要按照上面的格式,国内手机移动手机号码可以使用。我是接到一个来自广州的号码~~

 

购买成功后,不忘一番OOXX,第一次使用SSH,很多东西都不是很会,大学时代学习的UNIX的东西基本都忘记了。如果路人同学有什么疑问,可以在此提出。

标签:DreamHost, 购买

iStudio Theme by Typecho 0.8

作者:atrl 分类:HTML & CSS 7 Comments

_screenshot.png

使用到的插件:


  • AjaxComments(评论ajax提交)
  • HighSlide(评论表情特效)
  • Links(友情链接)
  • RandomArticleList(随即文章插件,设置aside区域的随机文章)
  • Smilies(评论表情)

自定义页面设置了2个内定页面输出友情链接(links)和归档部分(archives)

本次模板用了挺多html5和css3的效果,所以在浏览器的支持上直接用tension的方法 通过PHP的strpos($_SERVER["HTTP_USER_AGENT"],"MSIE")直接判断 把IE的CSS效果直接屏蔽 不喜勿扰。

下载地址:istudio.zip

More

标签:iStudio, Theme, Typecho
  1. 1
  2. 2
  3. 3
  4. 4
  5. ...
  6. 12