关于IE 11垂直滚动条可隐藏而需要的CSS HACK

IE真乃万恶之源,侧边滚动条你没事隐藏什么,半透明什么……

 

话说好久没更新网站了……凑字数……咳咳

 

发生这个事主要是因为今天写了个侧边浮动的CSS

 

1
.service{z-index:5;position:fixed;right:2px;bottom:3px}

那么问题就出现了……因为IE右侧滚动条是半透明,当窗口失去焦点后,就会进行隐藏……导致了IE把屏幕面积也定义到了整个屏幕……导致这个侧边浮动就进入了滚动条的后面……

而解决这个问题的办法也是老生常谈

1
2
3
@media screen and (min-width:0\0) {
.service{z-index:999;position:fixed;right:20px;bottom:3px}
}

在外面套上@media,并且用之前都在用的\0大法即可

一段代码搞定WordPress新版Emoji颜文字表情代码

WordPress在2015年4月24日更新了4.2版,但更新完,小伙伴们会发现代码wp_head加载了一段SCRIPT和一段CSS,如果不需要,可以彻底关闭

将下面代码放在主题的functions.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function disable_emoji_tinymce( $plugins ) {
	return array_diff( $plugins, array( 'wpemoji' ) );
}
 
function remove_emoji() {
	remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
	remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
	remove_action( 'wp_print_styles', 'print_emoji_styles' );
	remove_action( 'admin_print_styles', 'print_emoji_styles' );
	remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
	remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
	remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
	add_filter( 'tiny_mce_plugins', 'disable_emoji_tinymce' );
}
 
add_action( 'init', 'remove_emoji' );

CSS3代码字母——CSS-SANS

今天刷Twitter,看到一个CSS3文字项目,感觉非常好,但由于国内想看内容需要翻墙,所以此方就当起了搬砖者,为大家转发过来

原作者是2个日本人,巣籠 悠輔(Yusuke Sugomori)  和  各務 将成(Masanari Kakamu)。

使用方法:

1
2
3
4
5
6
7
8
9
10
11
<!-- 加载 CSS -->
<link rel="stylesheet" type="text/css" href ="css-sans-1.0.0.css" /> 
 
<!-- 字母A -->
<div class="A"></div>
<!-- 字母B -->
<div class="B"></div>
<!-- 字母C -->
<div class="C"></div>
 
<!-- ……以此类推 -->

继续阅读CSS3代码字母——CSS-SANS

Uazoh7主题Ver1.4更新

商业版停止出售,首发于2zzt,也仅在2zzt主题站发布,其他站点下载请注意查看是否有恶意代码

版本1.4更新日志2015.3.21:1. 更新后台至 v3.4.4.4
2. 添加模块化首页模板
3. Slider第三张BUG修复
4. 页面代码优化
5. CSS冗余清理
6. 后台在之前1.2及1.3免费版基础上添加了部分商业版控制
继续阅读Uazoh7主题Ver1.4更新

WordPress移除图片的高度和宽度属性

定义主题样式的时候,有可能需要移除本身图片的宽度和高度属性来方便我们使用CSS定义。

将下面代码添加到主题的functions.php即可

1
2
3
4
5
6
add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 ); 
function remove_width_attribute( $html ) {
   $html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
   return $html;
}