如何讓像登錄按鈕

這樣的鏈接獲取CSS這裏是網站http://www.2playermode.com/如何讓像登錄按鈕

您會注意到登錄按鈕。它有由CSS完成的漂亮的黑色背景。我怎樣才能複製它。我有他們的PHP語句或一些只是發揮鏈接..

我有一個註冊，丟失密碼，註銷和管理員，我需要做同樣的方式。這是wordpress平臺，如果有幫助的話。

以下是其中一些代碼一旦你登錄你會看到他們，但這裏是應該幫助的代碼。

這裏是一些代碼

<a href="<?php bloginfo('wpurl'); ?>/wp-login.php?action=lostpassword">Lost your password?</a>

這裏是比較複雜的

<a href="<?php echo wp_logout_url('index.php'); ?>">Log out</a> |    <?php if (current_user_can('manage_options')) {      echo '<a href="' . admin_url() . '">' . __('Admin') . '</a>'; } else {     echo '<a href="' . admin_url() . 'profile.php">' . __('Profile') . '</a>'; } ?>

我一直在嘗試不同的選項來獲得相同的結果，但拿出失敗。正如你所看到的管理URL和個人資料網址，我需要有相同的圖像，但其僅在顯示一次登錄

來源

2011-05-05 matthew moore

我確實使用過螢火蟲。當我試圖把它放在與textarea div，或提交ID在後臺沒有任何顯示？我也寫了使用螢火蟲的自定義CSS，仍然無法得到它。我相信我只是寫錯誤的div或CSS來鏈接錯誤。我相信這是非常簡單的 – 2011-05-05 16:49:46

也當我試圖風格的一切都變得愚蠢。 – 2011-05-05 16:52:17

只要閱讀網頁上的CSS（複製和粘貼）：

input[type="submit"] { 
    cursor: pointer; 
} 
input, textarea, select, fieldset { 
    color: #D1D1D1; 
    border: 2px solid #202020; 
    background: #111; 
} 
input, textarea { 
    -moz-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    font-family: Arial; 
    font-size: 9pt; 
    padding: 5px; 
} 
* { 
    outline: none; 
}

所以才添加a標籤到CSS

來源

2011-05-05 15:40:48 Neal

好奇，我試圖添加這個＃userinfo a { 背景：無重複滾動0 0＃111111; border：2px solid＃202020; 顏色：＃D1D1D1; }但它沒有工作 – 2011-05-05 17:08:08

我終於把正確的代碼。userinfo p a背景：無重複滾動0 0＃111111; border：2px solid＃202020; 顏色：＃D1D1D1; border-radius：5px 5px 5px 5px; font-family：Arial; font-size：9pt; padding：5px; } – 2011-05-05 17:23:47

好工作。 :-) ur歡迎 – Neal 2011-05-05 17:33:41

獲取：http://getfirebug.com/ FF，或者使用Chrome的控制檯（ctrl + shift + j）並檢查html元素的css規則。

來源

2011-05-05 15:42:44 Yoshi

對於一次性，自定義CSS可能是要走的路。

但是，如果你正在做很多這些事情，到目前爲止最簡單的方式來設置按鈕，鏈接和input =提交元素是jQuery's UI button這是跨瀏覽器測試，驗證，。最大的好處是，設置它只是爲任何元素添加2-3個類。

讓jQuery UI如此偉大的另一件事是ThemeRoller。有了它，你可以簡單地在一個簡單的GUI上定義一個樣式，上傳一個文件，以及瞧樣式的網站元素。實際上，我爲應用程序的大多數元素使用了整合器，然後我可以根據客戶端的徽標顏色或首選項進行簡單上載。在一個應用程序中，我們甚至允許用戶通過此方法即時切換主題。在我看來，你無法打敗它。

來源

2011-05-05 16:02:13 bpeterson76

這確實看起來很有趣，但我必須與現在有什麼相同的外觀。 – 2011-05-05 17:01:15

如何讓像登錄按鈕

回答

相關問題