Помогите исправить код!

[budanov]

Здравствуйте, уважаемые эксперты! Вот есть код и сайт dollarforukraine.com

Подскажите, пожалуйста, как сделать бирюзовую кнопку в виде кнопки которая ниже (маленькая кнопка Donate в рамке) и чтобы она открывалась в новой вкладке. Огромное спасибо заранее!

 

P.s. маленькая кнопка Donate уже была в шаблоне и ссылалась на "Read more"...

 

Edited June 18, 2014 by budanov

[Veseloff]

target="_blank" не?

[mixan_nik]

Заменить:

<input type="image" src="//static.liqpay.com/buttons/d3en.radius.png" name="btn_text" />

на:

<a href="#" id="more-site" class="btn btn-default btn-lg" target="_blank">Donate</a>

[budanov]

target="_blank" не?

В какую строчку вставить, скажите, пожалуйста?

Заменить:

<input type="image" src="//static.liqpay.com/buttons/d3en.radius.png" name="btn_text" />

на:

<a href="#" id="more-site" class="btn btn-default btn-lg" target="_blank">Donate</a>

Заменял... да, получается которая нужна, но неработающая кнокпа

[mixan_nik]

Заменить:

href="#"

на:

href="https://www.liqpay.com/en/pay/step1/1402987739097184_nOOyjQXky4op4q8r6myijyExNgdw9j"

[mixan_nik]

Или более логичный вариант изменить form:

<form target="_blank" method="POST" accept-charset="utf-8" action="https://www.liqpay.com/api/pay"><input type="hidden" name="public_key" value="i63329618754" /><input type="hidden" name="amount" value="1" /><input type="hidden" name="currency" value="USD" /><input type="hidden" name="description" value="Help for Ukraine!" /><input type="hidden" name="type" value="donate" /><input type="hidden" name="pay_way" value="card,delayed" /><input type="hidden" name="language" value="en" /><br/><button type="submit" class="btn btn-default btn-lg" style="background-color:transparent; color:#fff;">Donate</button></form>

P.S. style можно вынести в отдельный css файл.

[budanov]

Или более логичный вариант изменить form:

<form target="_blank" method="POST" accept-charset="utf-8" action="https://www.liqpay.com/api/pay"><input type="hidden" name="public_key" value="i63329618754" /><input type="hidden" name="amount" value="1" /><input type="hidden" name="currency" value="USD" /><input type="hidden" name="description" value="Help for Ukraine!" /><input type="hidden" name="type" value="donate" /><input type="hidden" name="pay_way" value="card,delayed" /><input type="hidden" name="language" value="en" /><br/><button type="submit" class="btn btn-default btn-lg" style="background-color:transparent; color:#fff;">Donate</button></form> 

P.S. style можно вынести в отдельный css файл.

спасибо, вечером попробую

[budanov]

Или более логичный вариант изменить form:

<form target="_blank" method="POST" accept-charset="utf-8" action="https://www.liqpay.com/api/pay"><input type="hidden" name="public_key" value="i63329618754" /><input type="hidden" name="amount" value="1" /><input type="hidden" name="currency" value="USD" /><input type="hidden" name="description" value="Help for Ukraine!" /><input type="hidden" name="type" value="donate" /><input type="hidden" name="pay_way" value="card,delayed" /><input type="hidden" name="language" value="en" /><br/><button type="submit" class="btn btn-default btn-lg" style="background-color:transparent; color:#fff;">Donate</button></form>

P.S. style можно вынести в отдельный css файл.

 

 

Подскажите, пожалуйста. как вынести style в файл стилей?

Просто хочу скопировать стиль с кнопки, которая ниже, потому что на верхней, когда наводишь курсор нет тени, она меньше размером и после нажатия остаётся синяя обводка...

Хочу исправить, но не знаю, как вписать этот элемент в файл стилей...

И, да, хотелось бы чтобы она появлялась так же как неработающая кнопка...

Помогите, пожалуйста! 

Edited June 17, 2014 by budanov

[mixan_nik]

Замените:

<button type="submit" class="btn btn-default btn-lg" style="background-color:transparent; color:#fff;">Donate</button>

на:

<button type="submit" id="more-site" class="btn btn-default btn-lg">Donate</button>

P.S. На странице не должно быть двух и более элементов с одинаковым id.

[budanov]

Замените:

<button type="submit" class="btn btn-default btn-lg" style="background-color:transparent; color:#fff;">Donate</button>

на:

<button type="submit" id="more-site" class="btn btn-default btn-lg">Donate</button>

P.S. На странице не должно быть двух и более элементов с одинаковым id.

Т.е. если я пропишу этот код, а ту, неработающую кнопку удалю, то её стиль применится к новой кнопке?

[mixan_nik]

Т.е. если я пропишу этот код, а ту, неработающую кнопку удалю, то её стиль применится к новой кнопке?

да

Edited June 18, 2014 by mixan_nik

[budanov]

Т.е. если я пропишу этот код, а ту, неработающую кнопку удалю, то её стиль применится к новой кнопке?

да

Скажите, а Id "more site" никак не повлияет на работу сайта?

Edited June 18, 2014 by budanov

[mixan_nik]

Скажите, а Id "more site" никак не повлияет на работу сайта?

 

На данный момент этот id отвечает за анимированное появление кнопки при обновлении/загрузки страницы на вашем сайте. Если на него не "вешать" ни каких других скриптов - то иного влияния на сайт он не окажет. 

[budanov]

Скажите, а Id "more site" никак не повлияет на работу сайта?

На данный момент этот id отвечает за анимированное появление кнопки при обновлении/загрузки страницы на вашем сайте. Если на него не "вешать" ни каких других скриптов - то иного влияния на сайт он не окажет.

А скажите ещё, пожалуйста, можно ли как-то сделать, чтобы заголовок, описание и кнопка появлялись не скроллингом сверху и снизу, а просто из прозрачного в нормальный, как затухание только на оборот)) Edited June 18, 2014 by budanov

[mixan_nik]

А скажите ещё, пожалуйста, можно ли как-то сделать, чтобы заголовок, описание и кнопка появлялись не скроллингом сверху и снизу, а просто из прозрачного в нормальный, как затухание только на оборот))

 

В http://dollarforukraine.com/wp-content/themes/arcade-basic/style.css уберите значения свойства top во всех правилах с ...keyframes...

Edited June 18, 2014 by mixan_nik

[budanov]

А скажите ещё, пожалуйста, можно ли как-то сделать, чтобы заголовок, описание и кнопка появлялись не скроллингом сверху и снизу, а просто из прозрачного в нормальный, как затухание только на оборот))

В http://dollarforukraine.com/wp-content/themes/arcade-basic/style.css уберите значения свойства top во всех правилах с ...keyframes...

Т.е. найти в файле слова "keyframes" и удалить рядом слово "top"?

p.s. простите, за нубские вопросы, первый раз делаю))

[mixan_nik]

Т.е. найти в файле слова "keyframes" и удалить рядом слово "top"?

 

найти в файле слова "keyframes", после "{" и до "}" найти строчку содержащую "top" и удалить её полностью.

 

Приблизительно вот так это выглядит:

@-webkit-keyframes dropHeader {  0% {    top: -40px;    opacity: 0;  }  100% {    top: 0;    opacity: 1;  }}

А должно быть так:

@-webkit-keyframes dropHeader {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}

И так в нескольких местах по файлу.

Edited June 18, 2014 by mixan_nik

[budanov]

Т.е. найти в файле слова "keyframes" и удалить рядом слово "top"?

 

найти в файле слова "keyframes", после "{" и до "}" найти строчку содержащую "top" и удалить её полностью.

 

Приблизительно вот так это выглядит:

@-webkit-keyframes dropHeader {  0% {    top: -40px;    opacity: 0;  }  100% {    top: 0;    opacity: 1;  }}

А должно быть так:

@-webkit-keyframes dropHeader {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}

И так в нескольких местах по файлу.

Спасибо огромное, вечером попробую)

[budanov]

 

Т.е. найти в файле слова "keyframes" и удалить рядом слово "top"?

 

найти в файле слова "keyframes", после "{" и до "}" найти строчку содержащую "top" и удалить её полностью.

 

Приблизительно вот так это выглядит:

@-webkit-keyframes dropHeader {  0% {    top: -40px;    opacity: 0;  }  100% {    top: 0;    opacity: 1;  }}

А должно быть так:

@-webkit-keyframes dropHeader {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}

И так в нескольких местах по файлу.

 

 

Сделал, как вы написали, всё круто! Спасибо огромное!!

Я наверное уже надоел, просто хочется сделать идеально)) Подскажите, пожалуйста, какие строки отредактировать, чтобы заголовок и описание появлялись одновременно, а кнопка после них? Т.е. если глянете, заголовок появляется первый, а за ним описание и кнопка, но хотелось бы переделать описание к заголовку. а кнопка после них...

[mixan_nik]

Подскажите, пожалуйста, какие строки отредактировать, чтобы заголовок и описание появлялись одновременно, а кнопка после них?

Замените:

.only-on-home #site-title, .only-on-home#site-logo {  -webkit-animation: dropHeader 1 0.75s ease-in;  -moz-animation: dropHeader 1 0.75s ease-in;  -o-animation: dropHeader 1 0.75s ease-in;  animation: dropHeader 1 0.75s ease-in;}

на:

.only-on-home #site-meta i, .only-on-home #site-description, .only-on-home #site-title, .only-on-home #site-logo {  -webkit-animation: dropHeader 1 1s ease-in;  -moz-animation: dropHeader 1 1s ease-in;  -o-animation: dropHeader 1 1s ease-in;  animation: dropHeader 1 1s ease-in;}

и замените:

.only-on-home #site-meta i, .only-on-home#site-description, .only-on-home#more-site {  -webkit-animation: fadeHeader 1 1s ease-in;  -moz-animation: fadeHeader 1 1s ease-in;  -o-animation: fadeHeader 1 1s ease-in;  animation: fadeHeader 1 1s ease-in;}

на:

.only-on-home #more-site {  -webkit-animation: fadeHeader 1 2s ease-in;  -moz-animation: fadeHeader 1 2s ease-in;  -o-animation: fadeHeader 1 2s ease-in;  animation: fadeHeader 1 2s ease-in;}

[budanov]

Подскажите, пожалуйста, какие строки отредактировать, чтобы заголовок и описание появлялись одновременно, а кнопка после них?

Замените:

.only-on-home #site-title, .only-on-home#site-logo {  -webkit-animation: dropHeader 1 0.75s ease-in;  -moz-animation: dropHeader 1 0.75s ease-in;  -o-animation: dropHeader 1 0.75s ease-in;  animation: dropHeader 1 0.75s ease-in;}

на:

.only-on-home #site-meta i, .only-on-home #site-description, .only-on-home #site-title, .only-on-home #site-logo {  -webkit-animation: dropHeader 1 1s ease-in;  -moz-animation: dropHeader 1 1s ease-in;  -o-animation: dropHeader 1 1s ease-in;  animation: dropHeader 1 1s ease-in;}

и замените:

.only-on-home #site-meta i, .only-on-home#site-description, .only-on-home#more-site {  -webkit-animation: fadeHeader 1 1s ease-in;  -moz-animation: fadeHeader 1 1s ease-in;  -o-animation: fadeHeader 1 1s ease-in;  animation: fadeHeader 1 1s ease-in;}

на:

.only-on-home #more-site {  -webkit-animation: fadeHeader 1 2s ease-in;  -moz-animation: fadeHeader 1 2s ease-in;  -o-animation: fadeHeader 1 2s ease-in;  animation: fadeHeader 1 2s ease-in;}

Спасибо вам, мил человек)) цены вам нет))

А подскажите, пожалуйста, что нужно изменить, чтобы кнопка после открытия не оставалась выделеной?

[mixan_nik]

А подскажите, пожалуйста, что нужно изменить, чтобы кнопка после открытия не оставалась выделеной?

 

Заменить:

.btn:focus, .comment-reply-link:focus,.form-submit #submit:focus {  outline: thin dotted #333;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}

на:

.btn:focus, .comment-reply-link:focus,.form-submit #submit:focus {  outline: 0px;  outline-offset: 0px;}

[budanov]

А подскажите, пожалуйста, что нужно изменить, чтобы кнопка после открытия не оставалась выделеной?

 

Заменить:

.btn:focus, .comment-reply-link:focus,.form-submit #submit:focus {  outline: thin dotted #333;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}

на:

.btn:focus, .comment-reply-link:focus,.form-submit #submit:focus {  outline: 0px;  outline-offset: 0px;}

Ещё раз спасибо! чем вас отблагодарить?

[mixan_nik]

Ещё раз спасибо! чем вас отблагодарить?

 

Хочется верить, что однажды мне тоже помогут за искреннее спасибо. И это здорово! Набирайтесь опыта и делитесь им с другими))

[budanov]

Ещё раз спасибо! чем вас отблагодарить?

 

Хочется верить, что однажды мне тоже помогут за искреннее спасибо. И это здорово! Набирайтесь опыта и делитесь им с другими))

Обязательно! ещё раз спасибо))

[budanov]

Ещё раз спасибо! чем вас отблагодарить?

 

Хочется верить, что однажды мне тоже помогут за искреннее спасибо. И это здорово! Набирайтесь опыта и делитесь им с другими))

Извините за мою дотошность, но не подскажите как создать страницу? просто через админку - "создать страницу" или нужно прописывать код в футере, если я хочу чтобы она была в подвале?