本文目錄一覽:
- 1、如何通過代碼美化自定義WordPress後台登陸界面,半透明效果登陸框
- 2、用php寫一個簡單登錄界面,怎麼給它加入一張背景圖片啊,用div框該怎麼弄,或者其他的方法
- 3、如何製作php登陸界面
- 4、怎樣在虛擬機中對php網頁進行美化
如何通過代碼美化自定義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’ );
希望我的回答幫到了我哦。
用php寫一個簡單登錄界面,怎麼給它加入一張背景圖片啊,用div框該怎麼弄,或者其他的方法
背景圖像加載很簡單,你只需要做以下幾步即可(假設你的登陸界面對話框類名叫“CLoginDlg”):
(1)菜單“Insert”-“Resource”,選擇Bitmap,然後點“Import…”,選擇你的背景圖像,然後假設該資源ID為“IDB_BITMAP1”;
(2)在LoginDlg.h下聲明一個CBitmap m_BKbitmap;
(3)在LoginDlg.cpp的構造函數中:m_BKbitmap.LoadBitmap(IDB_BITMAP1);
(4)在LoginDlg.cpp的OnPaint()函數中寫上:
void CLoginDlg::OnPaint()
{
CPaintDC dc(this); // device context for painting
if (IsIconic())
{
SendMessage(WM_ICONERASEBKGND, (WPARAM) dc.GetSafeHdc(), 0);
// Center icon in client rectangle
int cxIcon = GetSystemMetrics(SM_CXICON);
int cyIcon = GetSystemMetrics(SM_CYICON);
CRect rect;
GetClientRect(rect);
int x = (rect.Width() – cxIcon + 1) / 2;
int y = (rect.Height() – cyIcon + 1) / 2;
// Draw the icon
dc.DrawIcon(x, y, m_hIcon);
}
else
{
BITMAP bm;
CRect rect;
CDC dcMem;
m_BKbitmap.GetBitmap (bm);
GetClientRect(rect);
dcMem.CreateCompatibleDC (dc);
CBitmap *oldbitmap=dcMem.SelectObject (m_BKbitmap);
dc.BitBlt (0,0,bm.bmWidth ,bm.bmHeight ,dcMem,0,0,SRCCOPY);
dcMem.SelectObject(oldbitmap);
CDialog::OnPaint();
}
}
你的問題就OK了。
關於按鈕控件顯示圖片,建議你可以下載一個CButton的繼承類,什麼“CButtonST”啊、“CBtnST”啊、“CDlgShadeButtonST”啊,自己手寫的話不划算,有很多現成的控件類,都寫的非常好,完全可以拿來為我們所用。
如何製作php登陸界面
如果你要的只是界面,那麼我給你一個好的建議。
你可以去Bootstrap官網這個裡面去找你想要的組件。
做出很炫的登錄界面。
並且提供源代碼。
凡事多動手,不要只會照搬。
我給你源代碼你也不會做。
所以,你還是多去看看如何寫。
如果,你要的是源碼,那麼你也可以去thinkphp官網去看看。有很多很不錯的代碼。值得學習。登錄界面其實很簡單,說白了,就是表單提交。
怎樣在虛擬機中對php網頁進行美化
虛擬機和宿主機的程序是不能通用的。如果想用虛擬機進行美化必須把php程序在虛擬機中安裝,並且把php網頁複製進虛擬機中,才能進行美化。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/302970.html