Довольно популярная тема ColorMag и предлагаю в ней писать разные правки и дополнения, улучшения. :drink:
Комментарии: 52

igorbond 22 апр 2019, 19:42 Сообщение

Эх очень жаль. :(
  • 0
Изображение

igorbond 02 дек 2019, 15:57 Сообщение

Вопрос снова про меню этой темы, а как можно сделать, чтобы при полоски сворачивания перенести в правую сторону, и при скрытии пунктов, они скрывались не все, а только те которые не помещаются в зависимости от размера экрана?
  • 0
Изображение

CabinetAdmin 02 дек 2019, 17:09 Сообщение

Как в phpbb? Теоретически - можно. Практически?.. Никогда не пробовал.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 02 дек 2019, 17:25 Сообщение

CabinetAdmin, Ну да как в расширении вашем сделано, только в этой теме
  • 0
Изображение

CabinetAdmin 02 дек 2019, 18:59 Сообщение

Расширение использует встроенные скрипты форума, не добавляя ничего нового. Здесь же надо переписывать скрипты навигации, возможно просто заимствуя их из phpbb с последующей подгонкой. Надо смотреть и пробовать.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 02 дек 2019, 19:08 Сообщение

Если будет время, надеюсь на вашу помощь!
  • 0
Изображение

igorbond 05 апр 2020, 08:17 Сообщение

Приветствую, не могу понять как сделать такое же к произвольному тексту и картинке?

Изображение

https://southklad.ru/
  • 0
Изображение

CabinetAdmin 05 апр 2020, 10:52 Сообщение

Что сделать?
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 05 апр 2020, 12:30 Сообщение

Вот как это

Изображение

сделать в стиле как выше сообщение на скриншоте.
  • 0
Изображение

CabinetAdmin 05 апр 2020, 17:46 Сообщение

А как у вас те блоки добавлены? Добавьте так же, я не знаю, ей богу...
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 05 апр 2020, 23:48 Сообщение

CabinetAdmin писал(а): А как у вас те блоки добавлены? Добавьте так же, я не знаю, ей богу...
То разделы форума, а тут отдельный сайт. Мне бы вытянуть стиль для них, для картинки и для текста, сам не могу :(
  • 0
Изображение

CabinetAdmin 06 апр 2020, 09:26 Сообщение

Хм... Ну ладно...

Если не изменяя структуру, сделать блоки максимально похожими на все остальные блоки в ленте, то, в принципе, это не так уж и сложно:

Код: Выделить всё

#custom_html-25 {
	margin-bottom: 20px;
}
#custom_html-25 .custom-html-widget {
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#custom_html-25 .catalogmonetprices {
	width: 48.7013%;
	position: relative;
	max-height: 195px;
	border: none;
	border-radius: 0;
	padding: 0;
}
#custom_html-25 .catalogmonetprices img {
	display: block;
	float: none;
	width: 100%;
	margin: 0;
}
#custom_html-25 .catalogmonetprices h3,
#custom_html-25 .catalogmonetprices h3 a,
#custom_html-25 .catalogmonetprices h3:before {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
#custom_html-25 .catalogmonetprices h3 {
	top: 0;
	padding: 0;
	margin: 0;
	font-size: 18px;
}
#custom_html-25 .catalogmonetprices h3 a {
	top: 0;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 0 4% 15px;
}
#custom_html-25 .catalogmonetprices h3:before {
	content: '';
	background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
	background: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.8));
	background: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.8));
	display: block;
	height: 55px;
}
@media screen and (max-width: 420px){
	#custom_html-25 .catalogmonetprices{width: auto;}
}
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 07 апр 2020, 00:03 Сообщение

Круто, почти то что надо :drink:
  • 0
Изображение

igorbond 07 апр 2020, 00:10 Сообщение

Только одно но, нельзя ли это самое просто сделать стилем? Как я понял это правки именно для этого блока, а можно чтобы просто сделал например обрамление картинки и текста в div с классом и он становился бы таким ?
  • 0
Изображение

CabinetAdmin 07 апр 2020, 09:46 Сообщение

У этого виджета так и сделано, див с классом:

Код: Выделить всё

<div class="catalogmonetprices">
	<img src="image.jpg">
	<h3><a href="#">заголовок</a></h3>
</div>
Плюс родительский див. Но если хочется, чтобы было отдельным, то можно поменять класс на любой свой, например:

Код: Выделить всё

<div class="block__pic">

	<div class="block__pic-item">
		<img src="image.jpg">
		<h3><a href="#">заголовок</a></h3>
	</div>
	<div class="block__pic-item">
		<img src="image.jpg">
		<h3><a href="#">заголовок</a></h3>
	</div>

	<!-- Плюс такие же блоки -->

</div>
Стили те же, только #custom_html-25 поменять на .block__pic, а .catalogmonetprices на .block__pic-item. Если блоку нужен заголовок, то перед первым <div class="block__pic-item"> добавить:

Код: Выделить всё

<h3 class="widget-title"><span>Заголовок блока</span></h3>
  • 1
Хочешь поблагодарить? Есть способы - Поддержать проект

Похожие темы