Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Оформление блока статистики кнопками-картинками Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Оформление блока статистики кнопками-картинками Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума
для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)

Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы
Последние темы
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39

» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» ВПН
автор Raumt Ноябрь 8th 2024, 13:51

» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11

Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Оформление блока статистики кнопками-картинками

Участников: 2

Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума

Перейти вниз

Оформление блока статистики кнопками-картинками Empty Оформление блока статистики кнопками-картинками

Сообщение автор Taly Октябрь 10th 2012, 03:45

Мне очень понравился топик Оформление блока статистики с помощью вкладок но у меня проблема. Мне хочется, что бы кнопки были не с фоном и текстом,как в топике, а полностью прорисованы. Иначе не совсем подходит к дизайну.

Пример кнопки Оформление блока статистики кнопками-картинками Dddddd12

Помогите с кодом. cray
Taly
Taly
Новичок

Женщина

Сообщения : 8
Возраст : 47
Регистрация : 2012-10-10
Благодарности : 0

Без предупреждений

http://girlsvs.mirbb.co

Вернуться к началу Перейти вниз

Оформление блока статистики кнопками-картинками Empty Re: Оформление блока статистики кнопками-картинками

Сообщение автор Dana Domirani Октябрь 10th 2012, 03:52

А если в коде самих кнопок
Код:
<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>
— не получится то, что Вы хотите? А названия, само собой, прописать на изображениях.


Оформление блока статистики кнопками-картинками Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS

Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript

Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Оформление блока статистики кнопками-картинками Empty Re: Оформление блока статистики кнопками-картинками

Сообщение автор Taly Октябрь 10th 2012, 03:59

если бы я только знала, где его искать... (((( впервые в жизни с кодами столкнулась. обычно только дизайн делала.
Taly
Taly
Новичок

Женщина

Сообщения : 8
Возраст : 47
Регистрация : 2012-10-10
Благодарности : 0

Без предупреждений

http://girlsvs.mirbb.co

Вернуться к началу Перейти вниз

Оформление блока статистики кнопками-картинками Empty Re: Оформление блока статистики кнопками-картинками

Сообщение автор Dana Domirani Октябрь 10th 2012, 04:16

Это в шаблоне index_body (Главная страница)


Оформление блока статистики кнопками-картинками Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS

Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript

Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Оформление блока статистики кнопками-картинками Empty Re: Оформление блока статистики кнопками-картинками

Сообщение автор Taly Октябрь 10th 2012, 04:21

Спасибо большое! Я вас обожаю! girl_blush Пошла кнопульки рисовать! 38
Taly
Taly
Новичок

Женщина

Сообщения : 8
Возраст : 47
Регистрация : 2012-10-10
Благодарности : 0

Без предупреждений

http://girlsvs.mirbb.co

Вернуться к началу Перейти вниз

Оформление блока статистики кнопками-картинками Empty Re: Оформление блока статистики кнопками-картинками

Сообщение автор Dana Domirani Октябрь 10th 2012, 04:22

Рада была подсказать )


Оформление блока статистики кнопками-картинками Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS

Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript

Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Оформление блока статистики кнопками-картинками Empty Re: Оформление блока статистики кнопками-картинками

Сообщение автор Taly Октябрь 10th 2012, 04:27

Dana Domirani пишет:Рада была подсказать )

А я рада, что уже которую вашу идею использую на своем форуме! girl_yes
Taly
Taly
Новичок

Женщина

Сообщения : 8
Возраст : 47
Регистрация : 2012-10-10
Благодарности : 0

Без предупреждений

http://girlsvs.mirbb.co

Вернуться к началу Перейти вниз

Оформление блока статистики кнопками-картинками Empty Re: Оформление блока статистики кнопками-картинками

Сообщение автор Taly Октябрь 10th 2012, 04:34

Я правильно поняла, что удаляю
Код:

/* общее оформление всех кнопок */
#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;
}
41
Taly
Taly
Новичок

Женщина

Сообщения : 8
Возраст : 47
Регистрация : 2012-10-10
Благодарности : 0

Без предупреждений

http://girlsvs.mirbb.co

Вернуться к началу Перейти вниз

Оформление блока статистики кнопками-картинками Empty Re: Оформление блока статистики кнопками-картинками

Сообщение автор Dana Domirani Октябрь 10th 2012, 04:42

Вот отсюда удалите только то, что красное:
/* общее оформление всех кнопок */
#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;
}
Это настройки текста, которые не нужны, а все остальное формирует саму кнопку, оно понадобится.

И делаю для всех четырех кнопок, код как для первой?
...
Так точно.


Оформление блока статистики кнопками-картинками Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS

Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript

Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Оформление блока статистики кнопками-картинками Empty Re: Оформление блока статистики кнопками-картинками

Сообщение автор Taly Октябрь 10th 2012, 05:48

13 13 13 13
Taly
Taly
Новичок

Женщина

Сообщения : 8
Возраст : 47
Регистрация : 2012-10-10
Благодарности : 0

Без предупреждений

http://girlsvs.mirbb.co

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения