Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Помогите создать кнопки Flesh 3D.

#11 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8
0

Отправлено 30 Июнь 2009 - 23:14

imflint, если хотите вместо эффекта при наведении сделать эффекти при нажатии, то :hover заменяем на :active

А работать с CSS очень просто. Вот вам HTML счтраница с CSS
<html>
<head>
<style type="text/css">

a.button
{
   width: [ширина]px;
   height: [высота]px;
   display: block;
   float: left;
   background: url('button.jpg');
   text-decoration: none;
}


a.button:active
{
   background: url('button_hover.jpg');
}

</style>
</head>
<body>
   <a class="button" href="[ссылка]"></a>
</body>
</html>

  • 0

#12 admin

admin
  • Пользователь PRO
  • 5 272 сообщений
  • Репутация: 54

Отправлено 30 Июнь 2009 - 23:22

imflint, я не разложил вам всё по полочкам потому что сам не разбираюсь ни в чём кроме SEO ;)
Я бы на вашем месте сделал бы так. Скопировал бы html код главной страницы форума и нашёл бы кусочек, где на css реализована наша менюшка. Там примерно что-то такое:

Ну а дальше начал бы копать, но что-то мне кажется, что сейчас кто-то прийдёт из тех, кто разбирается и объяснит вам всё :lol:

P.S. Это единственный форум на котором мне оказали помощь!
Спасибо за вашу активность !!!

Спасибо за приятные слова, но не первый раз нам приходится слышать такое :( Только не могу понять почему пользователи, которые пишут такое, не остаются у нас, а идут на другие форумы :(

Добавлено: меня даже опередили :P
  • 0

Сколько лет прошло, а ссылки всё ещё лучше покупать тут



#13 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 30 Июнь 2009 - 23:27

Огромное спасибо за советы !!! попробую немного поиграть с тем СSS и фотошопом )
P.S. Это единственный форум на котором мне оказали помощь!
Спасибо за вашу активность !!!


Если чесно, то вы просто плохо объяснили что вам именно нужно, я сначала подумал, что вы про FLASH говорите :lol:
  • 0

#14 imflint

imflint
    Topic Starter
  • Пользователь
  • 16 сообщений
  • Репутация: 0

Отправлено 03 Июль 2009 - 10:31

imflint, если хотите вместо эффекта при наведении сделать эффекти при нажатии, то :hover заменяем на :active

А работать с CSS очень просто. Вот вам HTML счтраница с CSS

<html>
<head>
<style type="text/css">

a.button
{
   width: [ширина]px;
   height: [высота]px;
   display: block;
   float: left;
   background: url('button.jpg');
   text-decoration: none;
}


a.button:active
{
   background: url('button_hover.jpg');
}

</style>
</head>
<body>
   <a class="button" href="[ссылка]"></a>
</body>
</html>


Вот это мне и нужно было !!
Ребята ОГРОМНЕЙШЕЕ ВАМ СПАСИБО !!!! Вы не представляете как вы меня выручили !!!!!!!!
  • 0

#15 admin

admin
  • Пользователь PRO
  • 5 272 сообщений
  • Репутация: 54

Отправлено 03 Июль 2009 - 11:34

imflint, достаточно нажать на кнопочку спасибо, этим высказывают благодарность у нас на форуме :)
  • 0

Сколько лет прошло, а ссылки всё ещё лучше покупать тут



#16 imflint

imflint
    Topic Starter
  • Пользователь
  • 16 сообщений
  • Репутация: 0

Отправлено 03 Июль 2009 - 17:12

imflint, достаточно нажать на кнопочку спасибо, этим высказывают благодарность у нас на форуме :)

У мена созрел еще 1 небольшой вопрос,
как сделать текст в кнопке по центру (вертикали)?
Прикрепленный файл  222222222222222222222.bmp   27,62К   Количество загрузок: 89
  • 0

#17 imflint

imflint
    Topic Starter
  • Пользователь
  • 16 сообщений
  • Репутация: 0

Отправлено 06 Июль 2009 - 22:20

все, всем спасибо :) разобрался )) padding-top: ))))
  • 0

#18 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 07 Июль 2009 - 00:29

imflint, Можно сделать так, не задавать высоту кнопки, а просто сделать
padding: 5px 0px;
Тогда ваша кнопка по высоте будет примерно
Размер_шрифта + 5px * 2 + размер_бордюра * 2
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru