最近写了个主题,由于想从简,所以没用图片,
在content.php中的php the_title前加上条件判断使角标只出现在置顶文章旁,
<?php if( is_sticky() ) echo '<div id="sticky"></div>'?>
下面是CSS,
#sticky{
width:1px;
height:0px;
position:absolute;
margin-left: 548px;
margin-top: -11px;
border-left:50px solid #f2f2f2; //与主题相容
border-top:50px solid #9c0000;
}
效果如下
corner-mark is coded by http://xiaohudie.net. Any posts here is one hundred percent original, so please keep my link so as not to hurt this pretty girl. -
css这个东西真不是人玩的
@零落千起 : 是猿玩的 程序猿 :xiao:
@小蝴蝶 : 我作为一头猿只会玩cpp和java之类的，我发现造成我卡的元素是下面那条评论的头像，不是好人的动态头像，卡死我了
你更牛B 哈哈哈哈我现在把下面那条删了就是
你所谓的角标是图中蓝色的效果吗，css可以做到？
你这个悬浮右上页角翻卷效果很炫啊~~
@figo : 是的~你可以用文中css试试看,卷页效果也是css实现的哦
@ : 当初看这个css也没什么特别的丫，怎么就整出三角来了。刚试了下，还真可以，不过没有那朵花……
曾看到过纯css做三角气泡箭头，这个很简单啊 :guzhang:
那朵花是另加一个div,写个星号*,然后字体弄大点就变成了一朵花….哈哈哈
@小蝴蝶 : 拜服~~
刚好用上。 :meme:
@不亦乐乎 能用上就好~~
现在的右上角划过时候的角就是基于此搞出来的
@刘荣焕 new那个?不太一样
求教css T_T 跟之前学的c++ java之类的差好大 T_T
@limitsy 程序员？程序员可以教
@小蝴蝶 必然程序员啊。。
@limitsy 最近考试 那等我考完教你
@小蝴蝶 好。。你也是学生么。。差距咋这么大。。 T_T
@limitsy 主攻方向不同嘛我也不会java，css很简单的，看看手册
@小蝴蝶 css。。都跟我说是简单的东西。。但是我就是不会用啊。。。求拜师。。。
@小蝴蝶 话说 你什么时候考完试有空了记得来教我啊。。T_T 期间不打扰了。。
@limitsy 好的考完告诉你
@小蝴蝶 莫非你的考试是考研。。。
@limitsy 是啊
@小蝴蝶 好吧 那好像还要一个月么？ 我继续等。。。
@小蝴蝶 好像要考研了噢。。祝顺利。。然后。。别忘了来教我啊。。。
@limitsy 谢谢～好的
@limitsy 考完了，加我gtalk吧～从网站侧栏的g+添加我就可以了。
@小蝴蝶 这么高端的东西。。我能说我在mac下么。。。囧。。。
@小蝴蝶 然后 不知道哪里出了问题。。环聊也连不上。。。各种尴尬中。。。
@limitsy 额，这个是因为被墙了 要改hosts的 程序员应该经常用Google的服务呀…
@limitsy 如果用环聊不方便就给我发邮件也可以～在contact页面有邮件地址
@小蝴蝶 额。。。能上G+说明我翻墙了啊。。开着goAgent 的。。但是环聊那一块刷不出来。。。
@limitsy 那把你扣扣给我吧～
妹纸，发现你这网站的字体好漂亮，借用了，嘻嘻
感谢啊，用上了