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



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

#1 imflint
imflint
  • Неактивные
  • 16 сообщений
  • Репутация: 0
0

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

Помогите создать кнопки Flesh 3D реагирующие на наведение курсора мыши.

 

 

  • 0

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

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

Покажите примеры кнопок. И с помощью чего делать хотите?
  • 0

#3 FordogeN
FordogeN
  • Неактивные
  • 1 414 сообщений
  • Репутация: 0

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

Помогите создать кнопки Flesh 3D реагирующие на наведение курсора мыши.

помогу на CSS

CSS код
.asd{background-color: white}
.asd:hover{background-color: red}

HTML код
<a class="asd" href="">text</a>

терь при наведении на ссылку ее фон будет красным, а когда не наведено - белым
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#4 ZiTosS
ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

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

imflint, что значит Flash 3d? Вы хотите объемные кнопки в Flash создать? Если да, то покажите пример. Всё же 3D это абстракция в нашем компьютерном мире.
  • 0

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

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

FordogeN, вау работает :lol: Только ТС просил 3Д, тоесть как я понял или во флеше или картинкой
  • 0

#6 imflint
imflint
    Topic Starter
  • Неактивные
  • 16 сообщений
  • Репутация: 0

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

Я пробовал создать кнопки с помощью "Dreamweaver 8" но по всей видимости у меня что-то не так с клиентом ("Dreamweaver 8")
вот что он мне пишит
Изображение

если сменить имя то -->
Изображение


помогите исправить ошибку или подскажите пожалуйста программу с помощью которой можно создавать такие кнопки..
  • 0

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

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

imflint, я видел вашу тему, но когда увидел окно Дрима, то даже не стал читать, т.к. не работал с этой программой. Всё можно сделать по-другому, и, как я считаю, правильние. Сначала рисуется кнопочка неактивная, а потом активная. Делается это в фотошопе. Далее нужно использовать CSS, как вам уже советовал FordogeN, только вместо фонового цвета указать путь к фоновой картинке.
  • 0

#8 ZiTosS
ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

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

imflint, для подобных эффектов советую использовать HTML + CSS. Я пониаю если бы были нужны более сгладенные эффекты, например выезд блока, или восходящая подсветка. А тут и проблем нету.
Всё помещаем в одну папку.
1) рисуем картинку не наведённую button.jpg
2) рисуем картинку наведённую button_hover.jpg
3) Пишем в CSS следующее.
a.button
{
   width: [ширина]px;
   height: [высота]px;
   display: block;
   float: left;
   background: url('button.jpg');
   text-decoration: none;
}
a.button:hover
{
   background: url('button_hover.jpg');
}

Тогда в HTML надо писать так:
<a class="button" href="[ссылка]"></a>
В данном примере придётся для каждой кнопки прописывать 2 подобных класса.

Можно сделать проще. Сделать фон общий при отображении и наведении. А текстовку писать как обычно между <a ...> и </a>
  • 0

#9 imflint
imflint
    Topic Starter
  • Неактивные
  • 16 сообщений
  • Репутация: 0

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

imflint, я видел вашу тему, но когда увидел окно Дрима, то даже не стал читать, т.к. не работал с этой программой. Всё можно сделать по-другому, и, как я считаю, правильние. Сначала рисуется кнопочка неактивная, а потом активная. Делается это в фотошопе. Далее нужно использовать CSS, как вам уже советовал FordogeN, только вместо фонового цвета указать путь к фоновой картинке.



Спасибо! Вот только как работать с СSS я не в курсе.. как и что вставлять.. Изображение
  • 0

#10 imflint
imflint
    Topic Starter
  • Неактивные
  • 16 сообщений
  • Репутация: 0

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

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

#11 ZiTosS
ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 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 275 сообщений
  • Репутация: 56

Отправлено 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 275 сообщений
  • Репутация: 56

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

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

#16 imflint
imflint
    Topic Starter
  • Неактивные
  • 16 сообщений
  • Репутация: 0

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

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

У мена созрел еще 1 небольшой вопрос,
как сделать текст в кнопке по центру (вертикали)?
Прикрепленный файл  222222222222222222222.bmp   27,62К   Количество загрузок: 111
  • 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


Похожие темы
  Название темы Автор Статистика Последнее сообщение

× Быстрый вопрос
Пользователь месяца
Rodiola Rodiola 1-й за Август
Очков активности: 1 552 3 темы, 106 сообщений, 9 баллов репутации
Сайт: rukodelkovo.ru
ТОП самых активных за этот месяц
  • Фотография MattCutts
    #1

    MattCutts (dmitrylee.ru)
    Очков активности: 936 6 тем, 86 сообщений, 6 баллов репутации

  • Фотография Андрей WPM
    #2

    Андрей WPM (wpmaster.kz)
    Очков активности: 462 Вне конкурса за определение пользователя месяца

  • Фотография lena220678
    #3

    lena220678
    Очков активности: 43.5 2 темы, 23 сообщения, 1 балл репутации

  • Фотография Chaser
    #4

    Chaser (majento.ru)
    Очков активности: 33 1 тема, 8 сообщений, 2 балла репутации

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 27 0 тем, 18 сообщений, 1 балл репутации

  • Фотография maxnik
    #6

    maxnik (konovalovpavel.ru)
    Очков активности: 27 0 тем, 9 сообщений, 2 балла репутации

  • Фотография Rodiola
    #7

    Rodiola (rukodelkovo.ru)
    Очков активности: 24 Вне конкурса за определение пользователя месяца

  • Фотография Constantine
    #8

    Constantine (constantine.video.blog)
    Очков активности: 19.5 2 темы, 7 сообщений, 1 балл репутации

  • Фотография Megoydagi
    #9

    Megoydagi (24ho.ru)
    Очков активности: 18 1 тема, 9 сообщений, 1 балл репутации

  • Фотография NataliaAntalia
    #10

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 15 0 тем, 10 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 27.08.2019
  • Яндекс выдача: 20.09.2019
Топ 5 участников по репутации

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