Здесь курят мануал.

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Пыха переехала на новый сервер, ура!

Краснодарское время: 25 Май, 2012, 07:07:51

Страниц: 1 2 [3]
Печать
Автор Тема: Как сформировать горизонтальное меню?  (Прочитано 439 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
Tekuto    ↓ 
28 Ноябрь, 2011, 12:29:18
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 0
Сообщений: 1229
Сила слова: 0

бля, а где видюха, где он поет? а то я проебал((((
http://alt.kp.ru/video/454231/
Записан

Just a man and his will to survive
Sinkler    ↓ 
28 Ноябрь, 2011, 12:30:39 , спустя 1 минуту 21 секунду
НЕ ХУЕТА! ХУЕТА!

Похуй, пляшем!
Группа: Джедаи

Карма: 73
Сообщений: 6808
Сила слова: 1.07

Tekuto, благодарю)
Записан

Stasovsky    ↓ 
28 Ноябрь, 2011, 12:32:32 , спустя 1 минуту 53 секунды
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3654
Сила слова: 1.48

не пизди)) задал только парочку вопросов))
Записан
Givi    ↓ 
28 Ноябрь, 2011, 12:35:40 , спустя 3 минуты 8 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2305
Сила слова: 1.82


а вот и третий способ)) я уже и забыл, что можно без спрайтов делать))
Дык, по сути в этом методе использование спрайтов таки и желательно.
Метод с запихиванием картинки в ссылку тегом <img /> самый говенный в большинстве случаев.
Записан

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
Sinkler    ↓ 
28 Ноябрь, 2011, 12:36:42 , спустя 1 минуту 2 секунды
НЕ ХУЕТА! ХУЕТА!

Похуй, пляшем!
Группа: Джедаи

Карма: 73
Сообщений: 6808
Сила слова: 1.07

откоментил, прикольно, нормуль поет
Спустя 45 секунд добавил
а это конкурс какой-то от кп?)
Записан

fgets    ↓ 
28 Ноябрь, 2011, 01:01:29 , спустя 24 минуты 47 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: -1
Сообщений: 1119
Сила слова: -0.09

кто поёт? я чего-то упустил по ходу
Записан

эй детка не ссы в бассейн

Если в бочку с говном положить ложку меда — получится бочка говна. Если в бочку с медом положить ложку говна, не обольщайтесь ...
AdmBuxonly    ↓ 
28 Ноябрь, 2011, 11:51:44 , спустя 10 часов 50 минут 15 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: -1
Сообщений: 369
Сила слова: -0.27


Ivan, если у каждого своя специфика, то нахуй автор создает блог, где будет учить других делать то, что сам не умеет? В общем, ты просто далеко не в теме с этим чудаком.
 
AdmBuxonly, сделай ссылку как блочный элемент (с помощью css-стилей) и фоном сделай ей картинку. Вот при наведении и будешь менять и фон-картинку и шрифт как тебе угодно. Сделаешь это, выложишь на форум отчет о том, как именно это сделал, иначе больше ответов от меня не получишь.

CSS
       
        .pages-menu li, .pages-menu a {
            display:block;
            width:100px;
            height:75px;
            }
               .pages-menu li.home a {
            color:#666;
            text-decoration:none;
            background:url('images/home-a.png') top center no-repeat;
            display:block;
            width:100px;
            }
        .pages-menu li.home a:hover {
            display:block;
            width:100px;
            height:75px;
            color:#333;
            text-decoration:underline;
            background:url('images/home-h.png') top center no-repeat;
            }
и т.д.
 

HTML
<ul class="pages-menu">
          <li class="home"><a href="#" title="#">Главная</a></li>
          <li class="sitemap"><a href="#" title="Карта сайта">Site Map</a></li>
          <li class="advertise"><a href="#" title="Купить рекламу на сайте">Реклама</a></li>
          <li class="contacts"><a href="#" title="Связь с автором">Контакты</a></li>
        </ul>
Спрайтами не получилось, с текстом там косяк возник. Отдельными изображениями пришлось.
 
http://www.aftertrade.ru/.
Спустя 1 минуту 19 секунд добавил
Немного еще картинки вниз опущу.
Записан
Stasovsky    ↓ 
28 Ноябрь, 2011, 12:02:54 , спустя 11 минут 10 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3654
Сила слова: 1.48

Спрайтами не получилось, с текстом там косяк возник
у кнопок высота фикс, сделай между изображениями отступ побольше
Записан
master    ↓ 
28 Ноябрь, 2011, 12:49:27 , спустя 46 минут 33 секунды
НЕ ХУЕТА! ХУЕТА!

Квадратов сколько видишь ты?
Группа: Джедаи

Карма: 44
Сообщений: 2080
Сила слова: 2.12

Спрайтами не получилось
не должно быть проблем со спрайтом, попробуй ещё раз. и у спрайтов нет такой проблемы как мигание картинки при первом наведении мышкой на ссылку, и сама страница быстрее грузится
Записан

AdmBuxonly    ↓ 
28 Ноябрь, 2011, 01:32:04 , спустя 42 минуты 37 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: -1
Сообщений: 369
Сила слова: -0.27

http://www.aftertrade.ru/ получилось) Увеличил отступы от картинок в спрайтах. Теперь не мигает)
Записан
Stasovsky    ↓ 
28 Ноябрь, 2011, 02:03:03 , спустя 30 минут 59 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3654
Сила слова: 1.48

ай маладца)) а теперь открой картинку в фотошопе -> Image -> Trim... -> Transparent Pixels и галки на Top, Right, Bottom, Left
Записан
AdmBuxonly    ↓ 
28 Ноябрь, 2011, 02:11:36 , спустя 8 минут 33 секунды
НЕ ХУЕТА! ХУЕТА!


Карма: -1
Сообщений: 369
Сила слова: -0.27

ооо.... мле я не обрезал...фенкс, я и не заметил!
Спустя 4 минуты 14 секунд добавил
Готовво...
Записан
Страниц: 1 2 [3]
Печать
 

Перейти в:  

Этот топик скрыли: adw0rd