^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望可以帮到你
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 5年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

xiu主题擦亮logo金字招牌

阿里云服务器9.9

好的网站 logo 会让人留下深刻的印象,logo 就像是招牌一样,必须得擦亮。之前分享过xiu 主题给焦点图添加鼠标悬停一道光滑过特效,同理,我们可以给 logo 添加一道光滑过。

1、打开functions.xiu.php,按 ctrl+F 搜索代码:

 echo '<'.$tag.' class="logo"><a href="'.get_bloginfo('url').'" title="'.get_bloginfo('name')._hui('connector').get_bloginfo('description').'">'.get_bloginfo('name').'</a>

在其后添加代码:

<i class="light"></i>

2、添加 css 样式

.light{
cursor:pointer;
position: absolute;
left: -160px;
top: 0;
width: 160px;
height: 79px;
background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
transform: skewx(-25deg);
-o-transform: skewx(-25deg);
-moz-transform: skewx(-25deg);
-webkit-transform: skewx(-25deg);
}
.logo:hover .light{
left:300px;
-moz-transition:0.5s;
-o-transition:0.5s;
-webkit-transition:0.5s;
transition:0.5s;
}

3、鼠标放上去就可以擦亮金子招牌啦!

历史上的今天:
让小雨知道,这篇文章帮到了你

展开阅读全文

扫码关注微信公众号zs40086(微搜片)随时随地微信看片,抢先福利电影等你来
小雨导购

如有疑问,请前往问答中心反馈!

反馈
  1. 啪啪哒IT
    成功了,但就是那个擦亮的范围不对,我把他改成了logo的规格,高是对的了,但是宽还是不对,超出了logo的范围
  2. 啪啪哒IT
    那个,css样式是添加到哪里的 :grin:
    • 陌小雨网站管理员
      @啪啪哒IT 这个随便呀,加到主题style.css里面就可以了
  3. 助推博客
    签到成功!签到时间:下午7:49:50,每日打卡,生活更精彩哦~
  4. 河南冰神商贸有限公司
    w怎么会转呢?
    • 陌小雨网站管理员
      @河南冰神商贸有限公司 审查元素看下 Font Awesome有个属性 你可以查看官方网站,具体文章你可以看:http://www.dedewp.com/2521.html
  5. 森林之家
    右上角的我要嗨怎么弄的。好有个性啊跟EBLOG的一样
  6. ScottJu
    成功了,但是我的顶部背景色是深色的,要是白色的底色就好点。
  7. abcwin
    签到成功!签到时间:21:13:31,每日打卡,生活更精彩哦~
  8. mrjucn
    折腾了两个月的博客。连真正的头像都没得,走到哪里都是一张默认的未知头像,醉了。主要是翻不了墙。
    • 陌小雨网站管理员
      @mrjucn ^_^那么这篇文章你肯定需要。http://www.dedewp.com/3225.html
    • 陌小雨网站管理员
      @mrjucn 头像很重要,有个性的头像人家看第一眼就能记住你。
  9. mrjucn
    要是其他主题也能用这个教程多好啊,这个装b范儿我喜欢,哈哈。话说你博客下方的我博客的ico怎么没有显示,是不是我这边博客的问题?
    • 陌小雨网站管理员
      @mrjucn 可以的呀,本博客分享的技巧虽然都是以xiu主题为例,但只要是wordpress建站的,基本都可以套用的,如果不会的话,右上角的vip欢迎你的加入,你将会受到小雨亲自指导,受益颇多。
    • 陌小雨网站管理员
      @mrjucn 目测是你那边的问题,你试试你的博客地址后面加上/favicon.ico可以访问该图片不?
      • mrjucn
        @陌小雨 我知道原因了,我ico的图标没放在网站目录下。我放在主题目录下。
        • 陌小雨网站管理员
          @mrjucn 恩,看到你已经弄好了。
          • ScottJu
            @陌小雨 我想问下你, 这两天ip一直不对劲,查了下在某个时间段里,ip疯狂的涨,怎么回事?
          • 陌小雨网站管理员
            @ScottJu 可以看看统计里面的网站来源,或者按照这篇文章分析一下网站的日志:http://www.dedewp.com/3056.html
  10. YueTing.Org
    不错,闪闪发光
  11. 懿古今
    刚才试了一下,确实有动作,很给力啊
    • 陌小雨网站管理员
      @懿古今 要是能自动无限循环就更好了,你晓得怎么实现么?
      • 懿古今
        @陌小雨 这个还真不懂,好像跟知更鸟的那个一样,你左侧那个微信公众号好像就是一直在扫光啊
        • 陌小雨网站管理员
          @懿古今 那个不一样,那是一个动画背景
  12. Han
    Duang~ :mrgreen:
    • 陌小雨网站管理员
      @Han 虽然你走了很久,可是读者墙上你仍然是榜首哈
      • Han
        @陌小雨 搞得像是我挂了一样,其实我一直都在,只不过前段时间比较忙,没时间更新博客,顺便说下,这次鄙博不会关闭了,虚拟空间和域名都续费到2018了 :oops:
        • 陌小雨网站管理员
          @Han 希望如此吧,orz
        • ScottJu
          @Han 这个家伙是因为我哪天找他问了下教程,第二天差点就要不续费了、
      • Han
        @陌小雨 :evil: :evil: :evil: :evil: :evil:

登录

忘记密码 ?

切换登录

注册