Black Vendetta -改变主题颜色

其实不是很喜欢换主题每次换主题都会需要折腾很多的后续问题。虽然这个主题和上个主题是从同一个模板修改过来的。但是鉴于Artisteer 4不能直接编辑css文件，每次修改完了都需要重新调校很多的东西，所以换主题就成了一件很蛋疼的事情，并且有很多功能都是通过修改主题生成的php文件直接得到的。

这次换主题主要是鉴于很多人说这个颜色太亮了，直接能刺瞎钛合金狗眼， (&) ，所以才换这个东西，自然换了之后又是一番折腾。

记录下用到的css中有用的一点小东西：

1.图片自适应宽度，防止超出文章边缘：

代码语言：javascript复制

a img
{
   border: 0;
}

.mars-article img
{
    margin:5px 0 0 0;
	max-width:650px;
	_width:expression(this.width>650?"650px":"auto");
}

2.圆角头像

代码语言：javascript复制

 .mars-comment-avatar 
{
   float:left;
   padding:1px;
}

.mars-comment-avatar>img
{
   margin:0 !important;
   border:none !important;
	width:80px;height:80px; /*设置图像的长和宽*/
	border-radius: 40px;/*设置图像圆角效果,在这里我直接设置了超过width/2的像素，即为圆形了*/
	-webkit-border-radius: 40px;/*圆角效果：兼容webkit浏览器*/
	-moz-border-radius:40px;
	box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/
	-webkit-box-shadow: inset 0 -1px 0 #3333sf;
	-webkit-transition: 0.4s;	
	-webkit-transition: -webkit-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;/*变化时间设置为0.4秒(变化动作即为下面的图像旋转360读）*/
    	-moz-transition: -moz-transform 0.4s ease-out;
}

.mars-comment-avatar>img:hover{/*设置鼠标悬浮在头像时的CSS样式*/
	box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
	transform: rotateZ(360deg);/*图像旋转360度*/
	-webkit-transform: rotateZ(360deg);
    	-moz-transform: rotateZ(360deg);
}

参考链接：http://luolei.org/2012/08/duoshuo-css/

* 网站名称：obaby@mars

* 网址：https://h4ck.org.cn/

* 本文标题：《Black Vendetta -改变主题颜色》

* 本文链接：https://h4ck.org.cn/2013/05/black-vendetta-改变主题颜色/

* 转载文章请标明文章来源，原文标题以及原文链接。请遵从《署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5 CN) 》许可协议。

分享文章：

Vendetta theme for WordPress
V for Vendetta
Troll DuP skin by black khonel
S_B / Black Khonel / Khonel_00 /belajar Cracking Videos
WordPress 主题图片自适应宽度
也谈《Linux脚本自动备份网站数据到Dropbox》
hubot install. hubot 机器人安裝
Ticket #11289, IE bug fix Error
WordPress 优化404页面
部落格行銷 BloggerAds 为自己加薪

腾讯云开发者社区 wordpress css 网站建设 https

0 人点赞

Black Vendetta -改变主题颜色

相关文章: