WordPress中文论坛 - WordPress Chinese Forums

 找回密码
 注册
查看: 789|回复: 3

谁用过wp后台主题搜索中的DW timeline时间轴模板?怎么去掉header mask?

[复制链接]

9

主题

59

帖子

20

金钱

WP 熟手

Rank: 2Rank: 2

积分
175
发表于 2014-11-7 14:09:20 | 显示全部楼层 |阅读模式
本帖最后由 kkaazzee 于 2014-11-7 17:20 编辑

如题,主页banner大图上,必须设定一个蒙板,但我完全不想要这个东西,就是一个清晰大图,求助怎么去掉?
找了找,是不是这里改?
http://www.tgcity.com

  1. /* ==========================================================================
  2.    Layout
  3.    

  4. ========================================================================== */
  5. .main {
  6.    margin-top: 60px;
  7.    margin-bottom: 60px;
  8. }

  9. /* ==========================================================================
  10.    Header
  11.    

  12. ========================================================================== */

  13. .banner {
  14.    color: #fff;
  15.    position: relative;
  16.    text-

  17. align: center;

  18.    &.cover {
  19.       background: url(../img/bg.jpg) no-repeat top center;
  20.       background-size: cover;
  21.       min-height: 660px;

  22.       &:before {
  23.          content: "";
  24.          

  25. display: block;
  26.          top: 0;
  27.          right: 0;
  28.          left: 0;
  29.          bottom: 0;
  30.          position: absolute;
  31.          background: #a83279;
  32.          #gradient > .directional(@start-color:

  33. #a83279; @end-color: #d38312; @deg: -45deg);
  34.          .opacity(.8);
  35.       }
  36.    }

  37.    .container {
  38.       position: relative;
  39.    }

  40.    hgroup {
  41.       position: relative;

  42.       &:after {
  43.          

  44. content: "";
  45.          display: block;
  46.          background: #f2664f;
  47.          width: 280px;
  48.          height: 280px;
  49.          position: absolute;
  50.          top: 205px;
  51.          left: 50%;
  52.          

  53. margin-left: -140px;
  54.          z-index: 0;
  55.          .rotate(45deg);
  56.          .opacity(.5);
  57.       }
  58.    }

  59.    .page-title {
  60.       position: relative;
  61.       font-family: @headings-font-family;
  62.       font-

  63. weight: bold;
  64.       text-transform: uppercase;
  65.       margin-top: 255px;
  66.       padding: 13px 20px 15px;
  67.       font-size: 60px;
  68.       line-height: 60px;
  69.       display: inline-block;
  70.       

  71. border: 1px solid rgba(255,255,255,.25);
  72.       z-index: 1;

  73.       a {
  74.          color: #fff;
  75.          text-decoration: none;
  76.       }
  77.    }

  78.    .page-description {
  79.       font-family: @headings-font-

  80. family;
  81.       font-size: 18px;
  82.       text-transform: uppercase;
  83.       font-weight: 100;
  84.       margin: 0;
  85.       z-index: 1;
  86.       position: relative;
  87.       .opacity(.5);
  88.    }

  89.    #get-started {
  90.       

  91. position: relative;
  92.       z-index: 1;
  93.       display: block;
  94.       overflow: hidden;
  95.       margin: 20px auto 0;
  96.       padding-right: 30px;
  97.       padding-left: 30px;
  98.       outline: none !

  99. important;
  100.       border: none;
  101.       border: 2px solid transparent;
  102.       background: #fff;
  103.       color: #f2664f;
  104.       .box-shadow(none) !important;
  105.       .transition( .3s );

  106.       &:hover

  107. {
  108.          background: transparent;
  109.          border-color: #fff;
  110.          color: transparent;
  111.       }

  112.       &:before {
  113.          content: '\e094';
  114.          font-family: 'Glyphicons Halflings';
  115.          

  116. position: absolute;
  117.          left: 0;
  118.          top: -100%;
  119.          color: #fff;
  120.          .square(100%);
  121.          .transition( .3s );
  122.       }

  123.       &:hover:before {
  124.          top: 5px;
  125.       }
  126.    }
  127. }

  128. .nav-

  129. main {
  130.    position: absolute;
  131.    top: 0;
  132.    width: 100%;
  133.    z-index: @zindex-navbar;
  134.    border-botoom: 1px solid #fff;
  135.    border-bottom: 1px solid rgba(255,255,255,.15);

  136.    // Depth 1


  137.   .navbar-nav {
  138.       display: inline-block;
  139.       float: none;
  140.       padding: 0;
  141.       font-size: 0;

  142.       > li {
  143.          display: inline-block;
  144.          float: none;
  145.          font-size: @font-size-

  146. base;
  147.       }

  148.       > .active {
  149.          margin-bottom: -1px;
  150.          border-bottom: 1px solid #fff;
  151.       }
  152.    }

  153.    a {
  154.       color: #fff;
  155.       color: rgba(255,255,255,.7);
  156.       .transition(.3s);
  157.    

  158. }

  159.    .glyphicon {
  160.       position: relative;
  161.       right: -10px;
  162.       font-size: 12px;
  163.    }

  164.    li a:hover,
  165.    li a:active,
  166.    .active > a {
  167.       background: none;
  168.       color: #fff;
  169.    }

  170.    // Depth 2
  171.    

  172. .navbar-nav ul {
  173.       list-style: none;
  174.       padding: 0;
  175.       text-align: left;
  176.       position: absolute;
  177.       width: 150px;
  178.       
  179.       li {
  180.          position: relative;
  181.          background: #fff;
  182.      

  183.     margin-top: -1px;

  184.          &:first-child {
  185.             margin-top: 0;
  186.          }
  187.       }

  188.       a {
  189.          padding: 10px 15px;
  190.          display: block;
  191.          color: @gray-dark;

  192.          &:hover {


  193.            color: @brand-danger;
  194.          }
  195.       }

  196.       .active a {
  197.          color: @brand-danger;
  198.       }

  199.       .has-submenu a {
  200.          padding-right: 25px;
  201.       }

  202.       .glyphicon {
  203.          

  204. position: absolute;
  205.          top: 15px;
  206.          right: 10px;
  207.       }
  208.    }

  209.    .navbar-nav > li > ul > li:first-child {
  210.       margin-top: 0px;
  211.       border-top: none;

  212.       // &:before,
  213.       // &:after

  214. {
  215.       //    content: '';
  216.       //    position: absolute;
  217.       //    border-left: 6px dashed transparent;
  218.       //    border-right: 6px solid transparent;
  219.       //    left: 50%;
  220.       //   

  221. margin-left: -6px;
  222.       // }

  223.       // &:before {
  224.       //    border-bottom: 6px solid #e5e5e5;
  225.       //    top: -6px;
  226.       // }

  227.       // &:after {
  228.       //    border-bottom: 6px solid #fff;
  229.       //

  230.    top: -5px;  
  231.       // }
  232.    }

  233.    // Depth 3
  234.    .navbar-nav ul ul {
  235.       left: 150px;
  236.       padding-left: 5px;
  237.       top: 0;

  238.       ul {
  239.          left: 145px;
  240.       }
  241.    }

  242.    // show / hide sub menu
  243.    

  244. .navbar-nav  ul {
  245.       clip: rect(0, 0, 0, 0);
  246.       margin-top: 30px;
  247.       .opacity(0);
  248.       .transition( .3s );
  249.    }

  250.    .navbar-nav li:hover > ul {
  251.       clip: rect(0, 1500px, 1500px, 0);  
  252.       

  253. margin-top: 0;
  254.       .opacity(1);
  255.    }
  256.    
  257.    // No Cover
  258.    .no-cover & {
  259.       border-bottom-color: #e5e5e5;
  260.       background: #fff;
  261.       
  262.       .navbar-nav > .active {
  263.          border-

  264. bottom-color: @brand-danger;
  265.       }

  266.       .navbar-nav ul li {
  267.          border: 1px solid #e5e5e5;
  268.       }

  269.       a {
  270.          color: #333;
  271.       }

  272.       a:hover,
  273.       a:active,
  274.       .active > a {
  275.      

  276.     color: @brand-danger;
  277.       }
  278.    }
  279. }


  280. /* ==========================================================================
  281.    Content
  282.    

  283. ========================================================================== */


  284. /*

  285. ==========================================================================
  286.    Primary Content
  287.    

  288. ========================================================================== */


  289. /*

  290. ==========================================================================
  291.    Sidebar
  292.    

  293. ========================================================================== */

  294. .sidebar {
  295.    .widget {
  296.       background: #fff;
  297.       .box-

  298. shadow(0 1px 1px 0 rgba(0,0,0,.15));
  299.       padding: 30px;
  300.       margin-top: 30px;

  301.       &:first-child {
  302.          margin-top: 0;
  303.       }
  304.    }

  305.    .widget-inner > h3 {
  306.       margin: 0 0 15px;
  307.       

  308. font-family: @font-family-base;
  309.       font-size: 11px;
  310.       text-transform: uppercase;
  311.    }

  312.    .widget-inner ul,
  313.    .widget-inner ol {
  314.       margin: 0;
  315.       padding: 0 0 0 15px;
  316.    }
  317. }


  318. /*

  319. ==========================================================================
  320.    Footer
  321.    

  322. ========================================================================== */

  323. .content-info {
  324.    background: #fff;
  325.    border-top: 1px

  326. solid @gray-lighter;
  327.    text-align: center;
  328.    font-size: @font-size-small;
  329.    padding: 60px 0;
  330. }
复制代码




1

主题

322

帖子

694

金钱

WP 高手

Rank: 6Rank: 6Rank: 6

积分
999
发表于 2014-11-17 17:31:29 | 显示全部楼层
看晕我了啊 !
情侣空间http://www.jiluai.com
情感咨询http://q.jiluai.com/

6

主题

65

帖子

20

金钱

WP 熟手

Rank: 2Rank: 2

积分
190
发表于 2014-11-19 16:35:55 | 显示全部楼层
很不错!!!ip送上!!!欢迎光临【杜逸馨的成长记录:http://dyx.cc duyixin.cn】
【杜逸馨的成长记录:http://dyx.cc duyixin.cn】

0

主题

26

帖子

309

金钱

WP 老手

Rank: 3Rank: 3Rank: 3

积分
335
发表于 2014-11-22 12:15:19 | 显示全部楼层
WordPress 视频 教程                                      
教程包含:
WP百科网WordPress入门教程                                                                                                      
WordPress快速入门视频教程
WordPress新手基础入门视频教程
WordPress超级详细建站教程
WordPress淘宝客网站搭建
WordPress快速建站视频教程
WordPress主题仿制教程
WordPress单页主题制作视频教程
WordPressCMS主题制作视频教程
WordPress博客主题制作视频教程
WordPress企业主题制作视频教程
WordPress插件制作开发视频教程
WordPress实战教程
宁皓网WordPress基础教程
曹鹏WordPress视频教程
CSS视频教程含课件
Jquery(Javascript)视频教程含课件
PHP视频教程含课件
超详细SEO视频教程,你值得拥有!
地址http://t.cn/R7gwDp5



您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|联系我们|WordPress中文论坛 - CNWP ( 闽ICP备12016335号-11 )

GMT+8, 2019-10-17 12:11 , Processed in 0.116540 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表