文章

20150215142398511254e049d83210a

谷歌字体(Google Fonts)似已经解禁

谷歌字体(Google Fonts)似在中国大陆已经解禁。我今天撤下了我的插件Useso take over Google(这个名曰360字体库的镜像……实在是太不稳定了…)
不知道是不是会一直解禁,目前Themeforest上面很多的使用了google fonts主题的demo(样板)都不再卡在googleapis.com上了
字体访问测试:

http://fonts.googleapis.com/css?family=Noto+Sans%3A400italic%2C700italic%2C400%2C700%7CNoto+Serif%3A400italic%2C700italic%2C400%2C700%7CInconsolata%3A400%2C700&subset=latin%2Clatin-ext

大陆现在可以正常访问

tokyotower1.png

精通WordPress主题: 为不同的分类日志设置不同的样式

娄林博客:这篇文章可以帮助我们实现不同的文章分类设置不同的外观。应用实例有:NIPPON.COM日本网

泡芙文摘
我要进行一个独特的挑战.我需要为Wordpress博客中的一个分类下面的博客文章页面指定不同的样式表. 有很多种方法可以实现,但是我想寻找最快速和最简单的途径。 我选择使用Wordpress的一个条件标签来检测某分类下面的日志,然后改变日志页面的header头部声明来为特定的分类自定义样式表。

在我的WordPress主题文件里面只有一个Header文件, 并且条件标签说 “如果这是一个单页, 显示单页并调用单页的样式表”, 我需要它像这样说:

如果这是 X 分类下面的单页
为这些单页显示特定的样式

默认情况下, WordPress Template Hierarchy/模板层次 状态是当你点击一个单篇日志页 面时,Wordpress将自动醒找single.php模板文件,如果没有找到,则查找并傅index.php文件。

我将要通过对
single.php

添加一个条件标签让它说 “如果这个单页是属于X 分类, 显示不同的风格”

If in_category 条件标签

首先,复制两个single.php文件分别取名为

single1.php
和single.2.php

.

然后,把原先的single.php文件里面的内容全部删除,并用下面的代码进行替换:


<?php
$post = $wp_query->post;
if ( in_category('9') ) {
include(TEMPLATEPATH . '/single2.php');
} else {
include(TEMPLATEPATH . '/single1.php');
}
?>

简单的说, 这串 PHP 代码将做出一个质疑查询:

检查日志. 如果日志是属于分类 ID 9下面,

显示single2.php

. 如果不是,则显示

single1.php

.

in_category()

, 我们设置category ID为 9, 该分类下面显示我博客里面所有关于网页设计的文章. 当用户点击这个分类下面的文章时, 自定义的样式表将使用到这些文章里面。

这仅仅是个简单的示例,你还可以使用更多的条件语句来为不同的类别指定不同的样式和内容,下面是一个示例:

<?php
$post = $wp_query->post;
if ( in_category('9') ) {
include(TEMPLATEPATH . '/single9.php');
elseif ( in_category('12') ) {
include(TEMPLATEPATH . '/single12.php');
elseif ( in_category('42') {
include(TEMPLATEPATH . '/single42.php');
} else {
include(TEMPLATEPATH . '/single1.php');
} }
?>

在我的两个复制“single”的模板文件里面, 我都在顶部放置了提醒作用的注释代码,就像下面这样:

<!-- single 2 - for CSS Web Page Articles -->

因为我并不想都改变这两个模板文件, 而仅仅是添加额外的样式表到第二个也就是single2.php文件, 于是我创建两个header模板文件,

就像复制single.php那样

, 然后在第二个header文件的顶部添加上外部样式表的链接,像这样:

<style type="text/css" media="screen">
@import URL('/wp-content/themes/mytheme/style.css');
@import URL('/wp-content/themes/mytheme/cssstyles.css');
</style >

接着,就是要在第二个single2.php里面调用

header2.php

:

<?php
/* Don’t remove this line. */
require('./wp-blog-header.php');
include(get_template_directory() . '/header2.php'
?>

原文: Creating Multiple Single Posts for Different Categories


翻译: 帕兰映像
原文名:Creating Multiple Single Posts for Different Categories
http://paranimage.com/mastering-wordpress-theme-3-the-different-categories-with-different-styles/

mc2014

Merry Christmas 2014

祝圣诞节快乐。Merry Christmas。
~
在主题商店活动中(http://blog.loulin.info/article/scopic.shtml)留言的两位基友,你们的圣诞礼物已经准备出发~。 @正儿八经是小可 + @豆腐 的wordpress主题将会发送到邮箱哦QAQ

虽然小可桑的博客已经改用z-blog..但还是值得收藏的一款Wordpress专业主题。

主题:Gadgetine
预览地址:http://themeforest.net/item/gadgetine-wordpress-theme-for-premium-magazine/132954
简介:在Google Fonts等众多服务在Chn(China)被禁的情况下,这款主题自带有Web Fonts(网页字体)。Useso的字体镜像已经被证实是很不稳定的..因此,主题自带webfonts是目前在China的网站的较好字体解决方案。

需要这款主题的请留言~.

xssj

多说评论框自定义css

多说评论框有自定义的CSS,下面是多说官方关于CSS的介绍,在官方CSS修改页面也有提供了几款已经成型的css模块。可以在多说后台自定义css里面添加进去。


多说CSS修改
如何修改CSS,让评论框更加好看?

通过修改CSS,网站主可以轻松的实现多说的评论样式自定义。如果你不熟悉CSS,可以去W3School的CSS教程来查看效果,当然你也可以使用Chrome,Safari,或者IE浏览器下的检查和开发工具。

你可以通过修改“自定义样式CSS”(在“多说评论”–“评论框设置”中)来修改多说的样式。默认的多说CSS样式允许进行十分多样性的修改。

一些主题可能会与多说的CSS产生冲突,造成一些显示上的问题,这是与原主题的代码有关系的。这里将说明如何修正一些最常见的错误。
http://dev.duoshuo.com/docs/4ff1cfd0397309552c000017

几款自定义css模版
出色的自定义效果展示:
#ds-thread #ds-reset ul.ds-comments-tabs li.ds-tab a.ds-current {border:0px;color:#848568;text-shadow:none;background:#dddfc2}
#ds-thread #ds-reset .ds-highlight {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#848568 !important;}
#ds-thread #ds-reset ul.ds-comments-tabs li.ds-tab a.ds-current:hover {color:#696a52;background:#d4d6ba}
#ds-thread #ds-reset a.ds-highlight:hover {color:#696a52 !important;}

#ds-thread {padding-left:30px;}
#ds-thread #ds-reset li.ds-post,#ds-thread #ds-reset #ds-hot-posts {overflow:visible}
#ds-thread #ds-reset .ds-post-self {padding:10px 0 10px 10px;}
#ds-thread #ds-reset li.ds-post,#ds-thread #ds-reset .ds-post-self {border:0 !important;}
#ds-reset .ds-avatar, #ds-thread #ds-reset ul.ds-children .ds-avatar {position:absolute;top:26px;left:-14px;padding:5px;width:36px;height:36px;box-shadow:-1px 0 1px rgba(0,0,0,.15) inset;border-radius:46px; background:#E5E6D0;}
#ds-thread #ds-reset ul.ds-children .ds-avatar {left:-23px;}
#ds-thread .ds-avatar a {display:inline-block;padding:1px; width:32px;height:32px;border:1px solid #b9baa6;border-radius:50%; background-color:#fff !important}
#ds-thread .ds-avatar a:hover {border-color:#de5a4e}
#ds-thread .ds-avatar > img {margin:2px 0 0 2px}
#ds-thread #ds-reset .ds-replybox {box-shadow:none;}
#ds-thread #ds-reset ul.ds-children .ds-replybox.ds-inline-replybox a.ds-avatar,
#ds-reset .ds-replybox.ds-inline-replybox a.ds-avatar {left: 0;top: 0; padding: 0;width: 32px !important;height: 32px !important; background: none;box-shadow: none; }
#ds-reset .ds-replybox.ds-inline-replybox a.ds-avatar img {width: 32px !important;height: 32px !important; border-radius:50%;}
#ds-reset .ds-replybox a.ds-avatar,
#ds-reset .ds-replybox .ds-avatar img { padding:0;width:50px !important;height:50px !important; border-radius:5px; }
#ds-reset .ds-avatar img {width:32px !important;height:32px !important;border-radius:32px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.22);
-webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;transition:.4s all ease-in-out;
}
.ds-post-self:hover .ds-avatar img {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}

#ds-thread #ds-reset .ds-comment-body {background: #F0F0E3;padding:15px 15px 12px 32px;border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.75) inset;}

#ds-thread #ds-reset .ds-comment-body p{color:#787968}
#ds-thread #ds-reset .ds-comments a.ds-user-name {font-weight:bold;color:#696A52 !important;}
#ds-thread #ds-reset .ds-comments a.ds-user-name:hover {color:#D32 !important;}

#ds-thread #ds-reset #ds-hot-posts {border:0}
#ds-reset #ds-hot-posts .ds-gradient-bg {background:none;}

#ds-reset #ds-bubble #ds-ctx .ds-ctx-entry {padding:0;}
#ds-reset #ds-bubble .ds-avatar, #ds-reset #ds-bubble #ds-ctx-bubble .ds-avatar a {position:static;padding:0;border:0; background:none;box-shadow:none;}
#ds-reset #ds-bubble .ds-avatar img, #ds-reset #ds-bubble #ds-ctx-bubble .ds-avatar a {width:45px !important;height:45px !important;}
#ds-reset #ds-bubble .ds-user-name{padding-left:13px;}

#ds-reset .ds-comment-body #ds-ctx {border-left:1px solid #b9baa6;background-color:#e8e8dc !important}
#ds-reset #ds-ctx {margin-right:-15px}
#ds-reset #ds-ctx .ds-ctx-entry {position:relative;padding:10px 30px 10px 10px;}
#ds-reset #ds-ctx .ds-ctx-entry .ds-avatar {top:6px;left:5px;background:none;box-shadow:none;}
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-body {margin-left:46px;}
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-content {color:#787968}
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {color:#696A52;font-weight:bold}

[cryout-button-light url=”http://www.shejidaren.com/use-css3-to-create-a-beautiful-comment-ui.html”]设计达人 的模版 [/cryout-button-light][cryout-button-dark url=”http://luolei.org/2012/08/duoshuo-css/”]罗磊的独立博客 的css模版[/cryout-button-dark][cryout-button-color url=”http://www.vsay.cn/one-more-custom-css-lets-you-say-comments-city.html” color=”#47AFFF”]V说 的模版[/cryout-button-color]