登入网页美化代码（网页编辑与美化）

今天给各位分享登入网页美化代码的知识，其中也会对网页编辑与美化进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、html做登录页面怎么美化
• 2、寻找漂亮网页效果的代码
• 3、如何通过代码美化自定义WordPress后台登陆界面，半透明效果登陆框
• 4、网页制作中登陆界面设计代码
• 5、html网页设计：一个简单的登录界面代码！

html做登录页面怎么美化

最简单的，网上有登录模板总有一款能满足你的需求，也有已经写好的登录html代码，各种效果的都有

寻找漂亮网页效果的代码

网页效果代码集合

1。忽视右键

body oncontextmenu="return false"或body style="overflow-y:hidden"

2。加入背景音乐

IE:bgsound src="*.mid" loop=infinite

NS:embed src="*.mid" autostart=true hidden=true loop=true/embed

*.mid你的背景音乐的midi格式文件

3。简单的window.open方法

a href="#"

onclick="javascript:window.open('文件路径/文件名','newwindow',

'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

width=400,height=300');"文字或图片/a

参数解释：

SCRIPT LANGUAGE="javascript" js脚本开始；

window.open 弹出新窗口的命令；

'文件路径/文件名'' 弹出窗口的文件名；

'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；

width=400 窗口宽度；

height=300 窗口高度；

top=0 窗口距离屏幕上方的象素值；

left=0 窗口距离屏幕左侧的象素值；

toolbar=no 是否显示工具栏，yes为显示；

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许；

location=no 是否显示地址栏，yes为允许；

status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

/SCRIPT js脚本结束

4。简单的页面加密

script LANGUAGE="JAVASCRIPT"

!--

function loopy(){

var sWord ="";

while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}

alert("登陆成功！");

}

loopy()

//--

/script

5。拉动页面时背景图不动

style

body{background-image:url(logo.gif);

background-repeat:no-repeat;background-position:center}

/style

6。让浏览器在保存页面时保存失败

NOSCRIPTiframe src="*.html"/iframe/NOSCRIPT

7。随机替换图片

script

document.write('img src="img/'+parseInt(Math.random()*(5))

+'.gif"height="40" width="50"')

/script

图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定时关闭

先将如下代码网页文件的区：

script language="JavaScript"

function closeit() { setTimeout("self.close()",10000) //毫秒 }

/script

然后再在body标内加入如：body onload="closeit()"

9。网页自动关闭

html

head

object id=closes type="application/x-oleobject"

classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"

param name="Command" value="Close"

/object

/head

body onload="window.setTimeout('closes.Click()',10000)"

这个窗口会在10秒过后自动关闭,而且不会出现提示.

/body

/html

10。网页自动刷新

在head部记入

META HTTP-EQUIV="Refresh" content="20"

其中20为20秒后自动刷新，你可以更改为任意值。

11。网页自动转页

META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址"

12。保持layer在最前面，而不被Iframe、Object所覆盖

在Layer中再插Iframe 或 Object 设z-Index值

div z-Index:2object xxx/object ＃ 前面

div z-Index:1object xxx/object ＃ 后面

div id="Layer2" style="position:absolute; top:40;width:400px;

height:95px;z-index:2" height=100% width=100%

iframe width=0 height=0/iframe

/div

div id="Layer1" style="position:absolute; top:50;width:200px;

height:115px;z-index:1"

iframe height=100% width=100%/iframe

/div

13。返回上一页

a href='javascript:history.back(1)'『返回上一页』/a

14。关闭窗口

a href='javascript:self.close()'『关闭窗口』/a

15。关于iframe的透明背景

IFRAME ID="iFrame1" SRC="iframe.htm"

allowTransparency="true"

STYLE="background-color: green"/IFRAME

如何通过代码美化自定义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' );

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

网页制作中登陆界面设计代码

%@language=vbscript codepage=936 %

%

option explicit

'强制浏览器重新访问服务器下载页面，而不是从缓存读取页面

Response.Buffer = True

Response.Expires = -1

Response.ExpiresAbsolute = Now() - 1

Response.Expires = 0

Response.CacheControl = "no-cache"

'主要是使随机出现的图片数字随机

%

html

head

title管理员登录/title

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

link rel="stylesheet" href="Admin_Style.css"

script language=javascript

function SetFocus()

{

if (document.Login.UserName.value=="")

document.Login.UserName.focus();

else

document.Login.UserName.select();

}

function CheckForm()

{

if(document.Login.UserName.value=="")

{

alert("请输入用户名！");

document.Login.UserName.focus();

return false;

}

if(document.Login.Password.value == "")

{

alert("请输入密码！");

document.Login.Password.focus();

return false;

}

//if (document.Login.CheckCode.value==""){

// alert ("请输入您的验证码！");

// document.Login.CheckCode.focus();

// return(false);

}

}

/script

/head

body onLoad="SetFocus();"

p /p

form name="Login" action="Admin_ChkLogin.asp" method="post" target="_parent" onSubmit="return CheckForm();"

table width="300" border="0" align="center" cellpadding="5" cellspacing="0" class="border"

tr class="title"

td colspan="2" align="center" strong管理员登录/strong/td

/tr

tr

td height="120" colspan="2" class="tdbg"

table width="250" border="0" cellspacing="8" cellpadding="0" align="center"

tr

td align="right"用户名称：/td

tdinput name="UserName" type="text" id="UserName2" size="23" maxlength="20"/td

/tr

tr

td align="right"用户密码：/td

tdinput name="Password" type="password" size="23" maxlength="20"/td

/tr

tr

td align="right"验 证 码：/td

tdinput name="CheckCode" size="15" maxlength="6"

1109 /td

/tr

tr

td colspan="2" div align="center"

input type="submit" name="Submit" value=" 确认 "

input name="reset" type="reset" id="reset" value=" 清除 "

br

/div/td

/tr

/table

/td

/tr

/table

p align="center"后台管理页面需要屏幕分辨率为 font color="#FF0000"strong1024*768/strong/font

或以上才能达到最佳浏览效果！br

需要浏览器为strongfont color="#FF0000" /font/strongfont color="#FF0000"strongIE5.5/strong/font

或以上版本才能正常运行！！！/p

/form

/body

/html

html网页设计：一个简单的登录界面代码！

!doctype html

html

head

meta charset="utf-8"

link href="main.css" type="text/css" rel="stylesheet"

title登陆界面/title

/head

body

div class="login_ico"

img src="images/login_ico.png"

/div

div class="login_putin"

ul

liinput type="text" /li

liinput type="password" /li

/ul

/div

div class="login_btn"

input type="submit" value="登陆"

/div

/body

/html

样式 ：

*{

margin:0;

padding:0;}

li{

list-style-type:none;

margin:0;

padding:0;}

a{

text-decoration:none;

color:#000;}

/*---------------------按钮-----------------------------*/

.login_putin ul li input{

margin: 0;

width:70%;

padding: 1em 2em 1em 5.4em;

-webkit-border-radius:.3em;

-moz-border-radius: .3em;

border: 1px solid #999;

}

.login_btn{

width:300px;

margin:40px auto 0 auto;

}

.login_btn input{

width:100%;

margin:0;

padding:.5em 0;

-webkit-border-radius:.3em;

-moz-border-radius: .3em;

border:#1263be solid 1px;

background:#1b85fd;

color:#FFF;

font-size:17px;

font-weight:bolder;

letter-spacing:1em;

}

.login_btn input:hover{

background:#1263be;

}

关于登入网页美化代码和网页编辑与美化的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。