Сообщений в теме: 17

[galya.bu7]

Здравствуйте! Аккаунт SL-363278

пытаюсь создать кнопку в текстовом редакторе на главной. в main.css вставляю вот такой код.

.button67 a
{

width: 243px;
height: 249px;
margin-left: 67px;
margin-top: 43px;
position: relative;
background: transparent url("http://st.storeland....661/panel1.png") no-repeat left top;

}

.button67 a:hover
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland....661/panel2.png") no-repeat left top;
background-size: contain;
}

.button67 a:active
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland....661/panel3.png") no-repeat left top;
background-size: contain;
}

в текстовом редакторе главной страницы не могу подобрать html- код для вывода кнопки. Помогите пожалуйста

[Юля123]

galya.bu7 (02 Ноябрь 2015 - 16:54) писал:

Здравствуйте! Аккаунт SL-363278

пытаюсь создать кнопку в текстовом редакторе на главной. в main.css вставляю вот такой код. после его вставки перестает работать слайдер


в текстовом редакторе главной страницы не могу подобрать html- код для вывода кнопки. Помогите пожалуйста

Здравствуйте, укажите на скриншоте, где бы Вы хотели расположить кнопку.

[galya.bu7]

Юля123 (02 Ноябрь 2015 - 16:55) писал:

Здравствуйте, укажите на скриншоте, где бы Вы хотели расположить кнопку.

Я бы хотела ее расположить в зоне рядом с текстом на главной

[Юля123]

galya.bu7 (02 Ноябрь 2015 - 17:25) писал:

Я бы хотела ее расположить в зоне рядом с текстом на главной

либо сами добавьте вот этот код

<div class="button67">
	 <a href="ссылка"><input type="submit" value="Имя кнопки"></a>
</div>

либо, напишите мне номер аккаунта, в котором нужно произвести эти изменения

[galya.bu7]

Юля123 (02 Ноябрь 2015 - 17:38) писал:

либо сами добавьте вот этот код

<div class="button67">
	 <a href="ссылка"><input type="submit" value="Имя кнопки"></a>
</div>

либо, напишите мне номер аккаунта, в котором нужно произвести эти изменения

номер аккаунта я указала в первом сообщении.   Аккаунт SL-363278

я вставила через текстовый редактор. кнопка отображается не так, как нужно http://gipsa.storeland.ru/

у меня кнопка - это изображение (т.е. 3 изображения, соединенных в одно с помощью псевдостилей), текст на кнопке мне не нужен

[Юля123]

galya.bu7 (02 Ноябрь 2015 - 17:41) писал:

номер аккаунта я указала в первом сообщении.   Аккаунт SL-363278

я вставила через текстовый редактор. кнопка отображается не так, как нужно http://gipsa.storeland.ru/

у меня кнопка - это изображение (т.е. 3 изображения, соединенных в одно с помощью псевдостилей), текст на кнопке мне не нужен

замените этот код

<div class="button67">
		 <a href="ссылка"><input type="submit" value="Имя кнопки"></a>
</div>

на код

<div class="button67">
		 <a href="ссылка"><input type="submit"></a>
</div>

[galya.bu7]

Юля123 (02 Ноябрь 2015 - 17:52) писал:

замените этот код

<div class="button67">
		 <a href="ссылка"><input type="submit" value="Имя кнопки"></a>
</div>

на код

<div class="button67">
		 <a href="ссылка"><input type="submit"></a>
</div>

я меняла. просто исчезает надпись на кнопке "Имя кнопки" и вместо нее появляется надпись "отправить"

[galya.bu7]

видимо ответа ятак и не дождусь...

[Vaccina]

Судя по сообщениям выше:

Цитата

у меня кнопка - это изображение (т.е. 3 изображения, соединенных в одно с помощью псевдостилей), текст на кнопке мне не нужен

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

[galya.bu7]

Vaccina (03 Ноябрь 2015 - 01:29) писал:

Судя по сообщениям выше:

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

Здравствуйте!

да. мне необходимо убрать надпись и  подобрать html код для вывода этой активной кнопки на главной странице сайта (через текстовый редактор)у меня есть код кнопки  в css. Кнопка состоит из трех изображений, которые должны меняться при наведении мыши и нажатии на нее ( прописала это с помощью псевдоклассов active и hover) я не могу подобрать html код для вывода этой активной кнопки на главной странице сайта (через текстовый редактор)

.button67
{

width: 500px;
height:500px;
margin-left: 67px;
margin-top: 43px;
position: relative;
background: transparent url("http://st.storeland....661/panel1.png") no-repeat left top;

}




.button67 :hover
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland....661/panel2.png") no-repeat left top;
background-size: contain;
}

.button67 :active
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland....661/panel3.png") no-repeat left top;
background-size: contain;
}

[Юля123]

galya.bu7 (03 Ноябрь 2015 - 11:08) писал:

Здравствуйте!

да. мне необходимо убрать надпись и  подобрать html код для вывода этой активной кнопки на главной странице сайта (через текстовый редактор)у меня есть код кнопки  в css. Кнопка состоит из трех изображений, которые должны меняться при наведении мыши и нажатии на нее ( прописала это с помощью псевдоклассов active и hover) я не могу подобрать html код для вывода этой активной кнопки на главной странице сайта (через текстовый редактор)

Попробуйте следующее. Зайдите в админ.панель -> Сайт -> Редактор шаблонов -> Шаблоны ->HTML в нужном вам месте добавьте код

<div>
		  <a class="button67" href="#"><img src="http://st.storeland.net/11/1764/661/panel1.png"></a>
 </div>

Замените адрес ссылки.

В Стили -> main.css добавьте код:

.img_button67{
  width: 500px !important;
}

[galya.bu7]

Юля123 (03 Ноябрь 2015 - 12:48) писал:

Попробуйте следующее. Зайдите в админ.панель -> Сайт -> Редактор шаблонов -> Шаблоны ->HTML в нужном вам месте добавьте код

<div>
		 <a class="button67" href="#"><img src="http://st.storeland.net/11/1764/661/panel1.png"></a>
</div>

Замените адрес ссылки.

В Стили -> main.css добавьте код:

.img_button67{
width: 500px !important;
}

спасибо огромное! заработало!

[galya.bu7]

Здравствуйте! Как сделать так, чтобы при наведении на кнопку она не смещалась вправо?

[RedHead]

galya.bu7 (04 Ноябрь 2015 - 16:50) писал:

Здравствуйте! Как сделать так, чтобы при наведении на кнопку она не смещалась вправо?

Здравствуйте! Попробуйте в шаблоне main.css в коде

.button67 :hover
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland.net/9/1766/002/panel22.png") no-repeat left top;
background-size: contain;
}
.button67 :active
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland.net/9/1766/003/panel33.png") no-repeat left top;
background-size: contain;
}
.button68 :hover
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland.net/9/1766/007/lepnina22.png") no-repeat left top;
background-size: contain;
}
.button68 :active
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland.net/9/1766/008/lepnina333.png") no-repeat left top;
background-size: contain;
}

удалить строчки

margin: 43px 0px 0px 67px;

[galya.bu7]

RedHead (04 Ноябрь 2015 - 17:29) писал:

Здравствуйте! Попробуйте в шаблоне main.css в коде

.button67 :hover
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland.net/9/1766/002/panel22.png") no-repeat left top;
background-size: contain;
}
.button67 :active
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland.net/9/1766/003/panel33.png") no-repeat left top;
background-size: contain;
}
.button68 :hover
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland.net/9/1766/007/lepnina22.png") no-repeat left top;
background-size: contain;
}
.button68 :active
{
margin: 43px 0px 0px 67px;
background: transparent url("http://st.storeland.net/9/1766/008/lepnina333.png") no-repeat left top;
background-size: contain;
}

удалить строчки

margin: 43px 0px 0px 67px;

Спасибо! получилось

[galya.bu7]

Здравствуйте! Аккаунт SL-363278  в мобильной версии сайта кнопки на главной (лепнина и 3д панели) отображаются некорректно (смещены вправо). как сделать так , чтобы они были не смещены вправо и отображались друг под другом ровненько?

[Юля123]

galya.bu7 (05 Ноябрь 2015 - 11:55) писал:

Здравствуйте! Аккаунт SL-363278  в мобильной версии сайта кнопки на главной (лепнина и 3д панели) отображаются некорректно (смещены вправо). как сделать так , чтобы они были не смещены вправо и отображались друг под другом ровненько?

Попробуйте сделать следующее:

зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css и добавьте код:

@media all and (max-width: 1200px) {
a.button68 {
  margin: 0 auto;
}
a.button67 {
  margin: 0 auto;
}
}

[galya.bu7]

Юля123 (05 Ноябрь 2015 - 12:19) писал:

Попробуйте сделать следующее:

зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css и добавьте код:

@media all and (max-width: 1200px) {
a.button68 {
margin: 0 auto;
}
a.button67 {
margin: 0 auto;
}
}

Спасибо! Всё получилось!