Как получить CSS вокруг ссылок, таких как кнопка входа

Question

Вот сайт 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-адрес администратора и URL-адрес профиля, мне нужно иметь одинаковые изображения, но они отображаются только после входа в систему.

Answer 1

Просто прочитайте 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-tag в CSS

Answer 2

Для одноразового использования, вероятно, стоит использовать нестандартный css.

Но если вы делаете много таких вещей, безусловно, самый простой способ стилизовать кнопки, ссылки и ввод =Отправлять элементы - Кнопка пользовательского интерфейса jQuery Он протестирован, проверен и хорошо продуман для кроссбраузерности.Самый большой бонус в том, что его настройка - это просто добавление 2-3 классов к любому элементу.

Другая вещь, которая делает пользовательский интерфейс jQuery таким замечательным, - ThemeRoller .С его помощью вы просто определяете стиль в простом графическом интерфейсе, загружаете файл и вуаля .... стилизованные элементы веб-сайта.На самом деле я использую themeroller для большинства элементов своих приложений, которые затем можно перекомпилировать на основе цветов или предпочтений логотипа клиента с помощью простой загрузки.В одном приложении мы даже позволяем пользователю переключать тему на лету с помощью этого метода.На мой взгляд, вы не можете победить его.

Answer 3

Получите: http://getfirebug.com/ для FF или используйте консоль Chrome (ctrl + shift + j) и проверьте элемент html на предмет его css-rules.