Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Оформление блока статистики кнопками-картинками
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Оформление блока статистики кнопками-картинками
Мне очень понравился топик Оформление блока статистики с помощью вкладок но у меня проблема. Мне хочется, что бы кнопки были не с фоном и текстом,как в топике, а полностью прорисованы. Иначе не совсем подходит к дизайну.
Пример кнопки
Помогите с кодом.
Пример кнопки
Помогите с кодом.
Re: Оформление блока статистики кнопками-картинками
А если в коде самих кнопок
- Код:
<div id="pw1-button" class="button">Кто онлайн</div>
<div id="pw2-button" class="button">Дни Рождения</div>
<div id="pw3-button" class="button">Статистика</div>
<div id="pw4-button" class="button">Чат</div>
- Код:
<div id="pw1-button" class="button"></div>
<div id="pw2-button" class="button"></div>
<div id="pw3-button" class="button"></div>
<div id="pw4-button" class="button"></div>
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Оформление блока статистики кнопками-картинками
если бы я только знала, где его искать... (((( впервые в жизни с кодами столкнулась. обычно только дизайн делала.
Re: Оформление блока статистики кнопками-картинками
Это в шаблоне index_body (Главная страница)
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Оформление блока статистики кнопками-картинками
Спасибо большое! Я вас обожаю! Пошла кнопульки рисовать!
Re: Оформление блока статистики кнопками-картинками
Рада была подсказать )
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Оформление блока статистики кнопками-картинками
Dana Domirani пишет:Рада была подсказать )
А я рада, что уже которую вашу идею использую на своем форуме!
Re: Оформление блока статистики кнопками-картинками
Я правильно поняла, что удаляю
- Код:
/* общее оформление всех кнопок */
#pw1-button, #pw2-button, #pw3-button, #pw4-button {
display: block;
width: 150px;
height: 30px;
margin: 2px 2px 0 0;
text-align: center;
line-height: 30px;
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0011.png") center top no-repeat;
color: #000;
text-shadow: 1px 1px #688E23;
font-size: 13px;
font-weight: bolder;
}
- Код:
/* первая активная кнопка */
#pw1-button {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0011.png") center -40px no-repeat;
margin-left: 5px;
}
Re: Оформление блока статистики кнопками-картинками
Вот отсюда удалите только то, что красное:
Это настройки текста, которые не нужны, а все остальное формирует саму кнопку, оно понадобится./* общее оформление всех кнопок */
#pw1-button, #pw2-button, #pw3-button, #pw4-button {
display: block;
width: 150px;
height: 30px;
margin: 2px 2px 0 0;
text-align: center;
line-height: 30px;
background: transparent url("https://i.servimg.com/u/f44/16/54/26/99/snap0011.png") center top no-repeat;
color: #000;
text-shadow: 1px 1px #688E23;
font-size: 13px;
font-weight: bolder;
}
Так точно.И делаю для всех четырех кнопок, код как для первой?
...
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Похожие темы
» Фон блока с кнопками.
» Оформление блока статистики - большой вопрос!
» Полетело оформление блока статистики с помощью вкладок
» помогите с боковым фоном и картинками кнопками .
» Как сделать отображение блока статистики на портале ?
» Оформление блока статистики - большой вопрос!
» Полетело оформление блока статистики с помощью вкладок
» помогите с боковым фоном и картинками кнопками .
» Как сделать отображение блока статистики на портале ?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения