wordpress透明(wordpress指南)

纸扎戏偶

本篇文章给大家谈谈wordpress透明,以及wordpress指南对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

  • 1、wordpress透明主题
  • 2、如何通过代码美化自定义WordPress后台登陆界面,半透明效果登陆框
  • 3、wordpress白色部分怎么透明化?
  • 4、WordPress设置透明
  • 5、wordpress怎么让页面透明
  • 6、大家有知道wordpress的主题suffusion怎么透明化就是把正文背景透明可以看到网页背景

wordpress透明主题

background-color: #FFFFFF;

height: 330px;

opacity: 0.5;

z-index: 100;

如何通过代码美化自定义WordPress后台登陆界面,半透明效果登陆框

要通过代码自定义wordpress后台登录页面,这个看起来简单,但做起来还是有点小复杂。

据了解,高时银博客就是通过以下2步来实现的:

1、在当前主题文件夹下创建一个login.css 文件,

html{

background: transparent;

}

body.login{

background: #000 url("images/login_bg.jpg") no-repeat center top;

}

body.login div#login h1 a {

display: none;

}

body.login div#login h1{

display: block;

height: 70px;

}

.login form,.login form .input, .login input[type="text"],.wp-core-ui .button-

primary,.wp-core-ui .button-primary:hover{

-webkit-box-shadow:none;

box-shadow:none;

-webkit-border-radius: 0;

border-radius: 0;

}

.login form{

background: rgba(10,35,35,.4);

border: none;

}

.login form .input, .login input[type="text"]{

background: transparent;

border-color: #444;

color: #eee;

}

.login form .input:focus{

border-color: #666;

}

.login label{

color: #999;

line-height: 35px;

}

.wp-core-ui .button.button-primary{

background: rgba(187,64,48,.7);

border: none;

line-height: 12px;

padding: 10px 30px;

}

.wp-core-ui .button-primary:hover{

background: rgba(0,0,0,.4);

-webkit-transition: background 0.5s ease-out 0s;

-moz-transition: background 0.5s ease-out 0s;

-ms-transition: background 0.5s ease-out 0s;

-o-transition: background 0.5s ease-out 0s;

transition: background 0.5s ease-out 0s;

}

.wp-core-ui .button.button-primary,

.login label,

.login form .input{

font-family: 'Microsoft YaHei';

}

#nav,#backtoblog{

display: none;

}

2、然后在主题的functions.php文件中添加调用这个CSS文件的代码:

//登录界面

function diy_login_page() {

echo 'link rel="stylesheet" href="' . get_bloginfo( 'template_directory' ) .

'/login.css" type="text/css" media="all" /' . "\n";

}

add_action( 'login_enqueue_scripts', 'diy_login_page' );

希望我的回答帮到了我哦。

wordpress白色部分怎么透明化?

在这个div 用css就搞定,2种方法

1、设置一个透明的1像素背景图片平铺

2、设置该层的透明度,ie8以下不支持

WordPress设置透明

    background-color: #FFFFFF;

    height: 330px;

    opacity: 0.5;

    z-index: 100;

自己试试吧

wordpress怎么让页面透明

可以使用

.transparent_class {

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity: 0.5;

opacity: 0.5;

}

上面的几个属性分别是:

opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera.

filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1.

-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。

-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。

大家有知道wordpress的主题suffusion怎么透明化就是把正文背景透明可以看到网页背景

把控制正文的div的css,设置一下背景,设为 background:transparent; 就可以了。

关于wordpress透明和wordpress指南的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

文章版权声明:除非注明,否则均为我爱教程术原创文章,转载或复制请以超链接形式并注明出处。