Red-Ray.Ru

+191

Репутация

686

Рейтинг

#1 Создать поле - ссылка 30 апреля 2019 в 10:30

Когда-то создавал похожую тему на форуме. Решил путем изменения системного файла.

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#2 Кнопки html 29 апреля 2019 в 20:57

@noname,
также можно добавить
:active
и
:hover

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#3 [ЕСТЬ РЕШЕНИЕ] Кнопки html, растянуть по размеру окна. 29 апреля 2019 в 17:00

@Aliaksandr,

В виджете html вставьте тот код

 
<style>
 .button_block {
display: flex;
}
    .button {
color: #337ab7;
background: #f7f7f7;
margin: 0 5px;
padding: 5px;
border: 1px solid #337ab7;
border-radius: 3px;
width: 32.2222%;
display: block;
float: left;
text-align: center;
}
</style>
 
<div class="button_block">
   <a class="button" href="#">ссылка 1</a>
   <a class="button" href="#">ссылка 2</a>
   <a class="button" href="#">ссылка 3</a>
</div>

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#4 [ЕСТЬ РЕШЕНИЕ] Кнопки html, растянуть по размеру окна. 29 апреля 2019 в 16:59

@Aliaksandr,
для мобильной версии поставьте display: flex;

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#5 [ЕСТЬ РЕШЕНИЕ] Кнопки html, растянуть по размеру окна. 29 апреля 2019 в 16:58

@Aliaksandr, про мобильную версию вы не писали.

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#6 rostgrup5 + inplayer 29 апреля 2019 в 16:48

поменять местами блоки можно с помощью css или js

Red Ray

речь идет про этот instantcms.ru/addons/rostgrup.html шаблон

@iKrym

Я понимаю. В любом шаблоне можно это сделать.

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#7 [ЕСТЬ РЕШЕНИЕ] Кнопки html, растянуть по размеру окна. 29 апреля 2019 в 16:45

@Aliaksandr,

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#8 [ЕСТЬ РЕШЕНИЕ] Кнопки html, растянуть по размеру окна. 29 апреля 2019 в 16:43

@Aliaksandr,

В виджете html вставьте тот код

 
<style>
    .button {
color: #337ab7;
background: #f7f7f7;
margin: 0 5px;
padding: 5px;
border: 1px solid #337ab7;
border-radius: 3px;
width: 32.2222%;
display: block;
float: left;
text-align: center;
}
</style>
 
<div class="button_block">
   <a class="button" href="#">ссылка 1</a>
   <a class="button" href="#">ссылка 2</a>
   <a class="button" href="#">ссылка 3</a>
</div>

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#9 [ЕСТЬ РЕШЕНИЕ] Кнопки html, растянуть по размеру окна. 29 апреля 2019 в 16:40

@Aliaksandr,

 
<table>
	<tr>
		<td>
		<br>
<p class="buttond" style="text-align:center;display: inline-grid;width: 100%;">
    <a href="https://ссылка.html" target="_self" style="cursor: pointer; font-size:14px; text-decoration: none; padding:10px 20px; color:#222223; background-color:rgba(255, 255, 255, .4); border-radius:5px; border: 2px solid #222223;">Кто мы?</a>
	</td>
 
	</td> - лишний закрывающий тег
		<td>
		<br> - зачем здесь перевод строки?
<p class="buttond" style="text-align:center;display: inline-grid;width: 100%;">
    <a href="https://ссылка.html" target="_self" style="cursor: pointer; font-size:14px; text-decoration: none; padding:10px 20px; color:#222223; background-color:rgba(255, 255, 255, .4); border-radius:5px; border: 2px solid #222223;">Что мы делаем?</a>
	</td>
	</td> - лишний закрывающий тег
		<td>
		<br> - зачем здесь перевод строки?
<p class="buttond" style="text-align:center;display: inline-grid;width: 100%;">
    <a href="https://ссылка.html" target="_self" style="cursor: pointer; font-size:14px; text-decoration: none; padding:10px 20px; color:#222223; background-color:rgba(255, 255, 255, .4); border-radius:5px; border: 2px solid #222223;">Поддержать</a>
	</td>
	</td> - лишний закрывающий тег
		<td> - лишний открывающий тег
		<br> - зачем здесь перевод строки?
	</tr>
</table>

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#10 [ЕСТЬ РЕШЕНИЕ] Кнопки html, растянуть по размеру окна. 29 апреля 2019 в 16:37

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

@Aliaksandr

генератор с ошибкой сгенерировал? у вас открывающих и закрывающих тегах не соответствие.

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#11 [ЕСТЬ РЕШЕНИЕ] Кнопки html, растянуть по размеру окна. 29 апреля 2019 в 16:35

Код CSS:

.button {
color: #337ab7;
background: #f7f7f7;
margin: 0 5px;
padding: 5px;
border: 1px solid #337ab7;
border-radius: 3px;
width: 32.2222%;
display: block;
float: left;
text-align: center;
}

Red Ray
А куда его вставить? Я в html блок вставил и не то что то.

@Aliaksandr

это css код, прописывается в файле стилей .css

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#12 Майская распродажа. 29 апреля 2019 в 16:32

Здравствуйте! Присоединяюсь.
Скидка 30% с 1 по 31 мая.
instantcms.ru/users/1759/content/addons

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#13 rostgrup5 + inplayer 29 апреля 2019 в 16:26

а как блок местами переставить?

@iKrym

поменять местами блоки можно с помощью css или js

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#14 [ЕСТЬ РЕШЕНИЕ] Сss файлом с высоким приоритетом 29 апреля 2019 в 16:24

А если всё скопировать из \templates\compact\css\my.css в my.css и там изменять уже?

@Aliaksandr

если все скопировать, тогда после обновления шаблона, не будут применятся некоторые новые стили

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

#15 [ЕСТЬ РЕШЕНИЕ] Кнопки html, растянуть по размеру окна. 29 апреля 2019 в 16:10

@Aliaksandr,

/forum/thread31656-1.html#310181

будет выглядеть так:

https://red-ray.ru - Разработка шаблонов, дополнений для InstantCMS

Предыдущая
1
...
9
10
11
...
15
Следующая
Показаны 136-150 из 223

Red-Ray.Ru

InstantCMS Team

О проекте

Поддержка

Дополнения