Тема: Как сделать сдвиг? (WAP/WEB мастеру/Помощь мастерам)

K_2 (8 Jul 2014 в 10:28)
это кнопка же нарисована с пк скачай будет тебе счастье

Hack (8 Jul 2014 в 10:29)
--Цитата--
K_2 (8 Jul 2014 в 10:28):
это кнопка же нарисована с пк скачай будет тебе счастье
----------
K_2, не понял тебя?
Тут же наверное что-то прописывать надо в style.css ???

K_2 (8 Jul 2014 в 10:31)
--Цитата--
Hack (8 Jul 2014 в 10:29):
K_2, не понял тебя?
Тут же наверное что-то прописывать надо в style.css ???
----------
ISmile010, эио кнопка ну типа как иконка :D курсер наведи на эту надпись и правой кнопкой ш
мыша нажми на нее

axmed1 (8 Jul 2014 в 10:32)
ISmile010, ссылку на сайт в личку

Hack (8 Jul 2014 в 10:34)
--Цитата--
K_2 (8 Jul 2014 в 10:31):
ISmile010, эио кнопка ну типа как иконка :D курсер наведи на эту надпись и правой кнопкой ш
мыша нажми на нее
----------
K_2, неет, это не иконка, оно плавно сдвигается :)
даже на мпедия я когда-то такое делал, в настройках темы..
Блин что же нужно прописать .дум.

K_2 (8 Jul 2014 в 10:35)
--Цитата--
Hack (8 Jul 2014 в 10:34):
K_2, неет, это не иконка, оно плавно сдвигается :)
даже на мпедия я когда-то такое делал, в настройках темы..
Блин что же нужно прописать .дум.
----------
ISmile010, значат это шняга на сss . кинь ссылку в л.с

NoNickName (8 Jul 2014 в 10:37)
банер

Hack (8 Jul 2014 в 10:39)
--Цитата--
NoNickName (8 Jul 2014 в 10:37):
банер
----------
NoNickName, что за?
Я знаю что такое баннер, но о чем ты?

axmed1 (8 Jul 2014 в 10:39)
K_2, там с компа надо

K_2 (8 Jul 2014 в 10:40)
--Цитата--
axmed1 (8 Jul 2014 в 10:39):
K_2, там с компа надо
----------
axmed1, и так узнаю c ucweb

axmed1 (8 Jul 2014 в 10:43)
K_2, :)

Maestro (8 Jul 2014 в 10:59)
ну как то так, вставляешь в class:hover {
-webkit-transform: rotate(14deg); /* Chrome y Safari */
-moz-transform: rotate(14deg); /* Firefox */
-o-transform: rotate(14deg); /* Opera */
display: inline-block; padding-left: 8px; vertical-align: text-top; text-indent: 0px;
-webkit-transition:all 400ms;   
-moz-transition:all 400ms;
-o-transition:all 400ms;
transition:all 400ms; 
}

Hack (8 Jul 2014 в 11:14)
--Цитата--
Maestro (8 Jul 2014 в 10:59):
ну как то так, вставляешь в class:hover {
-webkit-transform: rotate(14deg); /* Chrome y Safari */
-moz-transform: rotate(14deg); /* Firefox */
-o-transform: rotate(14deg); /* Opera */
display: inline-block; padding-left: 8px; vertical-align: text-top; text-indent: 0px;
-webkit-transition:all 400ms;   
-moz-transition:all 400ms;
-o-transition:all 400ms;
transition:all 400ms; 
}
----------
Maestro, это в style.css ???

ЗЕЛЕНЫЙ ШЕРШЕНЬ (8 Jul 2014 в 11:19)
--Цитата--
Hack (8 Jul 2014 в 11:14):
Maestro, это в style.css ???
----------
ISmile010, да .позор. Напишешь не работает - руки из..

Hack (8 Jul 2014 в 11:23)
--Цитата--
ЗЕЛЕНЫЙ ШЕРШЕНЬ (8 Jul 2014 в 11:19):
ISmile010, да .позор. Напишешь не работает - руки из..
----------
Mark, ясно :D

Hack (8 Jul 2014 в 11:29)
--Цитата--
ЗЕЛЕНЫЙ ШЕРШЕНЬ (8 Jul 2014 в 11:19):
ISmile010, да .позор. Напишешь не работает - руки из..
----------
Mark, в моб. версии даже такого слова нету class куда вставлять нах?

ЗЕЛЕНЫЙ ШЕРШЕНЬ (8 Jul 2014 в 11:43)
--Цитата--
Hack (8 Jul 2014 в 11:29):
Mark, в моб. версии даже такого слова нету class куда вставлять нах?
----------
ISmile010, вместо него свой напиши...

Hack (8 Jul 2014 в 11:47)
Mark, оно резко сдвигается, а нужно плавно :(

ЗЕЛЕНЫЙ ШЕРШЕНЬ (8 Jul 2014 в 11:55)
ISmile010, а ты попробуй изменить циферки

Hack (8 Jul 2014 в 12:00)
--Цитата--
ЗЕЛЕНЫЙ ШЕРШЕНЬ (8 Jul 2014 в 11:55):
ISmile010, а ты попробуй изменить циферки
----------
Mark, ms поменял до 5000 так же :D

ЗЕЛЕНЫЙ ШЕРШЕНЬ (8 Jul 2014 в 12:15)
--Цитата--
Hack (8 Jul 2014 в 12:00):
Mark, ms поменял до 5000 так же :D
----------
ISmile010, уменьшай

Maestro (8 Jul 2014 в 12:41)
вствлять в style.css, в место \'class\' пишешь название элемента блока/сслыки и т.д
допустим 
.button a:hover {
-webkit-transform: rotate(14deg); /* Chrome y Safari */
-moz-transform: rotate(14deg); /* Firefox */
-o-transform: rotate(14deg); /* Opera */
display: inline-block; padding-left: 8px; vertical-align: text-top; text-indent: 0px;
-webkit-transition:all 400ms; /* скорость поворота */
-moz-transition:all 400ms; /* скорость поворота */
-o-transition:all 400ms; /* скорость поворота */
transition:all 400ms;  /* скорость поворота */
}
rotate(14deg); /* 14deg градус поворота. если дописать перед 14deg \'-\' без скобок, то поворот будет в другую сторону сторону */
если не понятно, пиши в скайп: skorp0404

vityachis (8 Jul 2014 в 13:01)
просто бекграунд при наведении мышкой нужно сменить:)

Простой (8 Jul 2014 в 13:05)
могу сделать

K_2 (8 Jul 2014 в 14:24)
у меня такой вопрос . зачем тебе это все ?:D да и еше для Wap версии

ExTReM_WM (8 Jul 2014 в 14:59)
--Цитата--
K_2 (8 Jul 2014 в 14:24):
у меня такой вопрос . зачем тебе это все ?:D да и еше для Wap версии
----------
K_2, :-D

CuCTEMA_CEPBEPA (8 Jul 2014 в 15:34)
if(isset($user))
{
echo \'для зареганных\';
}else{
echo \'для не зареганных\';
}

CuCTEMA_CEPBEPA (8 Jul 2014 в 15:35)
А если диз,то смотри исходник и тырь.

Hack (8 Jul 2014 в 17:41)
--Цитата--
CuCTEMA_CEPBEPA (8 Jul 2014 в 15:35):
А если диз,то смотри исходник и тырь.
----------
CuCTEMA_CEPBEPA, хм... в исходнике этого нету :(
Воть: <body><div class=\"menu\"><a href=\'/vhod.php\'>Вход</a> | <a href=\'/reg.php\'>Регистрация</a></div>
тут ничего не отвечает за сдвиг :(

CuCTEMA_CEPBEPA (8 Jul 2014 в 17:52)
--Цитата--
Hack (8 Jul 2014 в 17:41):
CuCTEMA_CEPBEPA, хм... в исходнике этого нету :(
Воть: <body><div class=\"menu\"><a href=\'/vhod.php\'>Вход</a> | <a href=\'/reg.php\'>Регистрация</a></div>
тут ничего не отвечает за сдвиг :(
----------
ISmile010, ссылку

axmed1 (8 Jul 2014 в 17:54)
ISmile010, то что я давал не получилось?

Hack (8 Jul 2014 в 18:18)
CuCTEMA_CEPBEPA, я тебе разве в личку уже не давал?

Hack (8 Jul 2014 в 18:19)
axmed1, я еще не пробовал .позор.

axmed1 (8 Jul 2014 в 18:22)
ISmile010, че так ?:D

Hack (8 Jul 2014 в 18:24)
axmed1, извини, пока времени нет, я сайт сначала делаю...
потом приглашу.
А тему кройте, если что, попрошу открыть снова.

vityachis (8 Jul 2014 в 18:41)
--Цитата--
Hack (8 Jul 2014 в 17:41):
CuCTEMA_CEPBEPA, хм... в исходнике этого нету :(
Воть: <body><div class=\"menu\"><a href=\'/vhod.php\'>Вход</a> | <a href=\'/reg.php\'>Регистрация</a></div>
тут ничего не отвечает за сдвиг :(
----------
ISmile010, в дизайне посмотри!:)

Hack (8 Jul 2014 в 18:43)
--Цитата--
vityachis (8 Jul 2014 в 18:41):
ISmile010, в дизайне посмотри!:)
----------
vityachis, а как к ним в диз залезть?

vityachis (8 Jul 2014 в 18:50)
ISmile010, открой исходник и посмотри адрес дизайна, скачай его и посмотри!:)
Можеш кинуть мне ссыль)

Hack (8 Jul 2014 в 18:54)
--Цитата--
vityachis (8 Jul 2014 в 18:50):
ISmile010, открой исходник и посмотри адрес дизайна, скачай его и посмотри!:)
Можеш кинуть мне ссыль)
----------
vityachis, так легко?? Я не знал .дум.
Круто!

axmed1 (8 Jul 2014 в 19:02)
ISmile010, ну ты даеш прочитай то что я тебе дал там все доходчиво написанное

axmed1 (8 Jul 2014 в 19:03)
там просто надо удалить свое и поставить это и все
.menu a{
display: inline-block;
outline: 0;
padding: 0 7px 0 3px;;
background:#fdeaa8;
border:solid 1px #00a200;
border-radius:5px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.menu a:hover{
padding: 0 7px 0 3px;;
background:#fdeaa8;
border:solid 1px #00a200;
color:#2d4642;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-transform: scale(1.05) rotate(4deg);
-moz-transform: scale(1.05) rotate(4deg);
-o-transform: scale(1.05) rotate(4deg);
transform: scale(1.05) rotate(4deg);
}

Hack (8 Jul 2014 в 19:05)
--Цитата--
axmed1 (8 Jul 2014 в 19:03):
там просто надо удалить свое и поставить это и все
.menu a{
display: inline-block;
outline: 0;
padding: 0 7px 0 3px;;
background:#fdeaa8;
border:solid 1px #00a200;
border-radius:5px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.menu a:hover{
padding: 0 7px 0 3px;;
background:#fdeaa8;
border:solid 1px #00a200;
color:#2d4642;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-transform: scale(1.05) rotate(4deg);
-moz-transform: scale(1.05) rotate(4deg);
-o-transform: scale(1.05) rotate(4deg);
transform: scale(1.05) rotate(4deg);
}
----------
axmed1, ну вы и не понятливые, я вам отвечаю!
После чего вставлять???

vityachis (8 Jul 2014 в 19:06)
--Цитата--
Hack (8 Jul 2014 в 18:54):
vityachis, так легко?? Я не знал .дум.
Круто!
----------
ISmile010, вот так и дизайны крадут:(
Вот теперь тебе нужно работать с этим кодом:
.menu a:hover{padding: 0 7px 0 3px;; background:#fdeaa8; border:solid 1px #00a200; color:#2d4642; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-transform: scale(1.05) rotate(4deg); -moz-transform: scale(1.05) rotate(4deg); -o-transform: scale(1.05) rotate(4deg); transform: scale(1.05) rotate(4deg); }

vityachis (8 Jul 2014 в 19:08)
Кинь мне данные в личку, я сам сделаю как правильно:)

axmed1 (8 Jul 2014 в 19:11)
ISmile010, короче у тя там есть строки вроде этого надо сменить их на вот эти и все

vityachis (8 Jul 2014 в 19:16)
--Цитата--
vityachis (8 Jul 2014 в 19:06):
ISmile010, вот так и дизайны крадут:(
Вот теперь тебе нужно работать с этим кодом:
.menu a:hover{padding: 0 7px 0 3px;; background:#fdeaa8; border:solid 1px #00a200; color:#2d4642; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-transform: scale(1.05) rotate(4deg); -moz-transform: scale(1.05) rotate(4deg); -o-transform: scale(1.05) rotate(4deg); transform: scale(1.05) rotate(4deg); }
----------
этот код при наведении мыши на елемент и он поворачивается)
Просто выделяеш елемент авторизации и, ну кнопок короче, див классом и вставляеш этот код (для поворота):)

Maestro (9 Jul 2014 в 02:40)
скажу проще, тебе дали уже 100500 раз код и сказали вставить его в свой css стили и  под своё название класса блока. Но вы попросту страдаете хернёй и даже не пытаетесь включить мозги, хоти всё сразу и на блюдичке разогретом. Увы это моё мнение об авторе этой темы.

Источник: http://dcms-social.ru/forum/20/44/22730/