БЛОК НОВОСТИ - как такое сделать ?

Litesm · 29 марта, 2020

Как сделать вот такой вывод Блока новостей ? Раздел новости, как на этом примере.

Это плагин или это в ручную прописанный код ?

UPMS · 30 марта, 2020

обычный html css код

mamyka · 30 марта, 2020

1 час назад, golandec сказал:

обычный html css код

Отличный развернутый ответ.

UPMS · 30 марта, 2020

53 минуты назад, mamyka сказал:

Отличный развернутый ответ.

а какой ответ ожидал автор? что спросил то и ответил, может мне ему еще предоставить код?

Litesm · 30 марта, 2020

46 минут назад, golandec сказал:

а какой ответ ожидал автор? что спросил то и ответил, может мне ему еще предоставить код?

к сожалению я не разбираюсь в CSS и слабо знаю HTML. Если бы такое можно было делать с помощью плагина - было бы круто. Если кто-то может подсказать код - было бы вообзе идеально ! :))
IPBmafia создан же для помощи, верно ?

Меню сделано достаточно интересно и я думаю что многим подобное решение было бы полезным

DarkShy · 30 марта, 2020

54 минуты назад, Litesm сказал:

к сожалению я не разбираюсь в CSS и слабо знаю HTML. Если бы такое можно было делать с помощью плагина - было бы круто. Если кто-то может подсказать код - было бы вообзе идеально ! :))
IPBmafia создан же для помощи, верно ?

Меню сделано достаточно интересно и я думаю что многим подобное решение было бы полезным

но помощь тут платная

Litesm · 30 марта, 2020

50 минут назад, DarkShy сказал:

но помощь тут платная

И сколько стоит написать такой код ? Можно написать в ЛС

DarkShy · 30 марта, 2020

не ко мне, я знаю, лишь, что тут деньги очень любят

Respected · 30 марта, 2020

31 минуту назад, DarkShy сказал:

не ко мне, я знаю, лишь, что тут деньги очень любят

По каким критериям появилось такое мнение?

34 минуты назад, Litesm сказал:

И сколько стоит написать такой код ? Можно написать в ЛС

Исходный код страницы покажет весь html и css, который нужен для такого блока.

HTML код блока:

<div class="cRedHotNews">
		<a href="https://avvadon.org/forum/topic/13588-seminar-magistra-vo-francii-evropa-centr-s-14-po-17-maya/"><p><span>Семинар Магистра во Франции.<span></span>Ментальное пространство.</span></p></a>
    <a href="https://avvadon.org/forum/forum/607-safari/"><p><span>Онлайн проект Магистра "Сафари"<br>начнётся с 7 апреля.</span></p></a>
      <a href="https://avvadon.org/forum/forum/230-igra/"><p><span>Проект Магистра "Игра"</span></p></a>

	<a href="https://avvadon.org/forum/forum/380-geneticheskie-braslety/"><p><span>Проект Магистра "Генетические Браслеты"</span></p></a>
	</div>

CSS:

Спойлер


.cRedHotNews {
     display: flex;
     flex-flow: column wrap;
     justify-content: space-between;
     width: 100%;
     height: 200px;
     padding: 0;
     margin: 15px 0;
 }
 
 .cRedHotNews a {
     position: relative;
     display: flex;
     justify-content: stretch;
     align-items: center;
     flex-flow: row wrap;
     height: calc(33.33% - 10px);
     width: calc(50% - 10px);
     background-color: #0e2944;
     background-image: url("/forum/uploads/set_resources_13/7648027f53cf6b288822afa39fd11f40_news_secondary.jpg");
     background-size: cover;
     color: white;
     font-size: 20px;
     line-height: 22px;
     border-radius: 16px;
     overflow: hidden;
 }
 
 .cRedHotNews a::after {
     position: absolute;
     display: block;
     right: 20px;
     font-family: "FontAwesome";
     font-size: 30px;
     content: "\f101";
 }
 
 .cRedHotNews a p {
     position: relative;
     margin: auto 20px;
     margin-left: 25px;
     padding-left: 15px;
     padding-right: 24px;
     max-height: 44px;
 }
 
 .cRedHotNews a p span {
     display: block;
     margin: 0;
     max-height: 44px;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .cRedHotNews a p span::before {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     content: "";
     width: 5px;
     height: 100%;
     border-radius: 3px;
     background: white;
 }
 
 .cRedHotNews a:nth-child(1) {
     order: 4;
     height: 302px;
     font-size: 26px;
     line-height: 30px;
     background-color: #0e2944;
     background-image: url("/forum/uploads/set_resources_13/7648027f53cf6b288822afa39fd11f40_news_primary.jpg");
     background-position: center center;
     align-self: flex-end;
 }
 
 .cRedHotNews a:nth-child(1)::after {
     right: 30px;
     bottom: 25px;
     font-size: 40px;
 }
 
 .cRedHotNews a:nth-child(1) p {
     margin: 30px 30px 0 25px;
     padding-right: 0;
     max-height: inherit;
     align-self: flex-start;
 }
 
 .cRedHotNews a:nth-child(1) p span {
     max-height: inherit;
 }
 
 .cRedHotNews a:nth-child(1) p span::before {
     background-color: #c10000;
 }
 
 .cRedHotNews a:nth-child(2) {
     order: 1;
 }
 
 .cRedHotNews a:nth-child(2) p span::before {
     background-color: #df9a00;
 }
 
 .cRedHotNews a:nth-child(3) {
     order: 2;
 }
 
 .cRedHotNews a:nth-child(3) p span::before {
     background-color: #00ab14;
 }
 
 .cRedHotNews a:nth-child(4) {
     order: 3;
 }
 
 .cRedHotNews a:nth-child(4) p span::before {
     background-color: #005fce;
 }
 
 .cRedHotNews a:nth-child(1) span:nth-child(1) {
     margin-bottom: 30px;
     max-height: 90px;
 }
 
 .cRedHotNews a:nth-child(1) span:nth-child(2) {
     font-size: 20px;
     line-height: 22px;
     max-height: 88px;
 }
 
 .ipsCoverPhoto_photo {
     object-fit: cover;
     height: 100%;
 }
 
 @media screen and (max-width:979px) {
     #elLogo img {
         margin-left: auto;
         margin-top: 5vh;
         margin-bottom: 5vh;
     }
     .cRedHotNews {
         flex-wrap: nowrap;
         height: auto;
         min-height: 100px;
     }
     .cRedHotNews a {
         height: calc(22%);
         width: 100%;
         margin: 8px 0;
         font-size: 18px;
     }
     .cRedHotNews a p {
         margin: 20px;
         margin-left: 25px;
         max-height: inherit;
     }
     .cRedHotNews a p span {
         max-height: inherit;
     }
     .cRedHotNews a:nth-child(1) {
         order: 1;
         height: auto;
         min-height: calc(34% - 10px);
     }
     .cRedHotNews a:nth-child(1)::after {
         right: 20px;
         bottom: inherit;
         font-size: 40px;
     }
     .cRedHotNews a:nth-child(1) p {
         margin: 20px 20px 20px 25px;
         padding-right: 30px;
     }
     .cRedHotNews a:nth-child(1) span:nth-child(1) {
         font-size: 22px;
     }
     .cRedHotNews a:nth-child(1) span:nth-child(2) {
         font-size: 18px;
     }
     .cRedHotNews a:nth-child(2) {
         order: 2;
     }
     .cRedHotNews a:nth-child(3) {
         order: 3;
     }
     .cRedHotNews a:nth-child(4) {
         order: 4;
     }
     .newsFix {
         margin-top: 0;
     }
 }

Litesm · 30 марта, 2020

59 минут назад, Respected сказал:

По каким критериям появилось такое мнение?

Исходный код страницы покажет весь html и css, который нужен для такого блока.

HTML код блока:


<div class="cRedHotNews">
		<a href="https://avvadon.org/forum/topic/13588-seminar-magistra-vo-francii-evropa-centr-s-14-po-17-maya/"><p><span>Семинар Магистра во Франции.<span></span>Ментальное пространство.</span></p></a>
    <a href="https://avvadon.org/forum/forum/607-safari/"><p><span>Онлайн проект Магистра "Сафари"<br>начнётся с 7 апреля.</span></p></a>
      <a href="https://avvadon.org/forum/forum/230-igra/"><p><span>Проект Магистра "Игра"</span></p></a>

	<a href="https://avvadon.org/forum/forum/380-geneticheskie-braslety/"><p><span>Проект Магистра "Генетические Браслеты"</span></p></a>
	</div>

CSS:

Скрыть контент



.cRedHotNews {
     display: flex;
     flex-flow: column wrap;
     justify-content: space-between;
     width: 100%;
     height: 200px;
     padding: 0;
     margin: 15px 0;
 }
 
 .cRedHotNews a {
     position: relative;
     display: flex;
     justify-content: stretch;
     align-items: center;
     flex-flow: row wrap;
     height: calc(33.33% - 10px);
     width: calc(50% - 10px);
     background-color: #0e2944;
     background-image: url("/forum/uploads/set_resources_13/7648027f53cf6b288822afa39fd11f40_news_secondary.jpg");
     background-size: cover;
     color: white;
     font-size: 20px;
     line-height: 22px;
     border-radius: 16px;
     overflow: hidden;
 }
 
 .cRedHotNews a::after {
     position: absolute;
     display: block;
     right: 20px;
     font-family: "FontAwesome";
     font-size: 30px;
     content: "\f101";
 }
 
 .cRedHotNews a p {
     position: relative;
     margin: auto 20px;
     margin-left: 25px;
     padding-left: 15px;
     padding-right: 24px;
     max-height: 44px;
 }
 
 .cRedHotNews a p span {
     display: block;
     margin: 0;
     max-height: 44px;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .cRedHotNews a p span::before {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     content: "";
     width: 5px;
     height: 100%;
     border-radius: 3px;
     background: white;
 }
 
 .cRedHotNews a:nth-child(1) {
     order: 4;
     height: 302px;
     font-size: 26px;
     line-height: 30px;
     background-color: #0e2944;
     background-image: url("/forum/uploads/set_resources_13/7648027f53cf6b288822afa39fd11f40_news_primary.jpg");
     background-position: center center;
     align-self: flex-end;
 }
 
 .cRedHotNews a:nth-child(1)::after {
     right: 30px;
     bottom: 25px;
     font-size: 40px;
 }
 
 .cRedHotNews a:nth-child(1) p {
     margin: 30px 30px 0 25px;
     padding-right: 0;
     max-height: inherit;
     align-self: flex-start;
 }
 
 .cRedHotNews a:nth-child(1) p span {
     max-height: inherit;
 }
 
 .cRedHotNews a:nth-child(1) p span::before {
     background-color: #c10000;
 }
 
 .cRedHotNews a:nth-child(2) {
     order: 1;
 }
 
 .cRedHotNews a:nth-child(2) p span::before {
     background-color: #df9a00;
 }
 
 .cRedHotNews a:nth-child(3) {
     order: 2;
 }
 
 .cRedHotNews a:nth-child(3) p span::before {
     background-color: #00ab14;
 }
 
 .cRedHotNews a:nth-child(4) {
     order: 3;
 }
 
 .cRedHotNews a:nth-child(4) p span::before {
     background-color: #005fce;
 }
 
 .cRedHotNews a:nth-child(1) span:nth-child(1) {
     margin-bottom: 30px;
     max-height: 90px;
 }
 
 .cRedHotNews a:nth-child(1) span:nth-child(2) {
     font-size: 20px;
     line-height: 22px;
     max-height: 88px;
 }
 
 .ipsCoverPhoto_photo {
     object-fit: cover;
     height: 100%;
 }
 
 @media screen and (max-width:979px) {
     #elLogo img {
         margin-left: auto;
         margin-top: 5vh;
         margin-bottom: 5vh;
     }
     .cRedHotNews {
         flex-wrap: nowrap;
         height: auto;
         min-height: 100px;
     }
     .cRedHotNews a {
         height: calc(22%);
         width: 100%;
         margin: 8px 0;
         font-size: 18px;
     }
     .cRedHotNews a p {
         margin: 20px;
         margin-left: 25px;
         max-height: inherit;
     }
     .cRedHotNews a p span {
         max-height: inherit;
     }
     .cRedHotNews a:nth-child(1) {
         order: 1;
         height: auto;
         min-height: calc(34% - 10px);
     }
     .cRedHotNews a:nth-child(1)::after {
         right: 20px;
         bottom: inherit;
         font-size: 40px;
     }
     .cRedHotNews a:nth-child(1) p {
         margin: 20px 20px 20px 25px;
         padding-right: 30px;
     }
     .cRedHotNews a:nth-child(1) span:nth-child(1) {
         font-size: 22px;
     }
     .cRedHotNews a:nth-child(1) span:nth-child(2) {
         font-size: 18px;
     }
     .cRedHotNews a:nth-child(2) {
         order: 2;
     }
     .cRedHotNews a:nth-child(3) {
         order: 3;
     }
     .cRedHotNews a:nth-child(4) {
         order: 4;
     }
     .newsFix {
         margin-top: 0;
     }
 }

Благодарю! Всё гениально и просто оказалось !
Теперь нужно погуглить куда вставлять этот код ))

aplayer · 30 марта, 2020

3 минуты назад, Litesm сказал:

еперь нужно погуглить куда вставлять этот код ))

у приложения pages есть хорошие блоки для этого дела

DarkShy · 30 марта, 2020

1 час назад, Respected сказал:

По каким критериям появилось такое мнение?

по теме RSS канала для турбо-страниц

Litesm · 30 марта, 2020

3 минуты назад, aplayer сказал:

у приложения pages есть хорошие блоки для этого дела

я так туплю...извините.. Включил "режим Дизанера" и не пойму как его отключить

всё нашел

Litesm · 30 марта, 2020

Имея HTML код и CSS я не аойму как и куда его вставлять ?

UPMS · 30 марта, 2020

Litesm

Спойлер

Screenshot_7.png.65e07a3fef0aaffedf2b8e8b0fb07855.png Screenshot_8.png.b8007ebbe21e7c69b3f866a8d707a311.png Screenshot_12.png.6c405864efc8ad5e62780ac76554f28e.png Screenshot_13.png.a2ac5b0dcc2776ae535729c52cc9725c.png

Litesm · 30 марта, 2020

3 минуты назад, golandec сказал:

Litesm

Скрыть контент

Вау! Вы сделали мой день!
Очень подробно с пошаговой инструкцией !!! Супер!

Сделал всё по инструкции :)) Вышло вот так. Остальное наверное за CSS кодом

UPMS · 30 марта, 2020

друг весь код ставь этот

<style>
.cRedHotNews {
     display: flex;
     flex-flow: column wrap;
     justify-content: space-between;
     width: 100%;
     height: 200px;
     padding: 0;
     margin: 15px 0;
 }
 
 .cRedHotNews a {
     position: relative;
     display: flex;
     justify-content: stretch;
     align-items: center;
     flex-flow: row wrap;
     height: calc(33.33% - 10px);
     width: calc(50% - 10px);
     background-color: #0e2944;
     background-image: url("/forum/uploads/set_resources_13/7648027f53cf6b288822afa39fd11f40_news_secondary.jpg");
     background-size: cover;
     color: white;
     font-size: 20px;
     line-height: 22px;
     border-radius: 16px;
     overflow: hidden;
 }
 
 .cRedHotNews a::after {
     position: absolute;
     display: block;
     right: 20px;
     font-family: "FontAwesome";
     font-size: 30px;
     content: "\f101";
 }
 
 .cRedHotNews a p {
     position: relative;
     margin: auto 20px;
     margin-left: 25px;
     padding-left: 15px;
     padding-right: 24px;
     max-height: 44px;
 }
 
 .cRedHotNews a p span {
     display: block;
     margin: 0;
     max-height: 44px;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .cRedHotNews a p span::before {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     content: "";
     width: 5px;
     height: 100%;
     border-radius: 3px;
     background: white;
 }
 
 .cRedHotNews a:nth-child(1) {
     order: 4;
     height: 302px;
     font-size: 26px;
     line-height: 30px;
     background-color: #0e2944;
     background-image: url("/forum/uploads/set_resources_13/7648027f53cf6b288822afa39fd11f40_news_primary.jpg");
     background-position: center center;
     align-self: flex-end;
 }
 
 .cRedHotNews a:nth-child(1)::after {
     right: 30px;
     bottom: 25px;
     font-size: 40px;
 }
 
 .cRedHotNews a:nth-child(1) p {
     margin: 30px 30px 0 25px;
     padding-right: 0;
     max-height: inherit;
     align-self: flex-start;
 }
 
 .cRedHotNews a:nth-child(1) p span {
     max-height: inherit;
 }
 
 .cRedHotNews a:nth-child(1) p span::before {
     background-color: #c10000;
 }
 
 .cRedHotNews a:nth-child(2) {
     order: 1;
 }
 
 .cRedHotNews a:nth-child(2) p span::before {
     background-color: #df9a00;
 }
 
 .cRedHotNews a:nth-child(3) {
     order: 2;
 }
 
 .cRedHotNews a:nth-child(3) p span::before {
     background-color: #00ab14;
 }
 
 .cRedHotNews a:nth-child(4) {
     order: 3;
 }
 
 .cRedHotNews a:nth-child(4) p span::before {
     background-color: #005fce;
 }
 
 .cRedHotNews a:nth-child(1) span:nth-child(1) {
     margin-bottom: 30px;
     max-height: 90px;
 }
 
 .cRedHotNews a:nth-child(1) span:nth-child(2) {
     font-size: 20px;
     line-height: 22px;
     max-height: 88px;
 }
 
 .ipsCoverPhoto_photo {
     object-fit: cover;
     height: 100%;
 }
 
 @media screen and (max-width:979px) {
     #elLogo img {
         margin-left: auto;
         margin-top: 5vh;
         margin-bottom: 5vh;
     }
     .cRedHotNews {
         flex-wrap: nowrap;
         height: auto;
         min-height: 100px;
     }
     .cRedHotNews a {
         height: calc(22%);
         width: 100%;
         margin: 8px 0;
         font-size: 18px;
     }
     .cRedHotNews a p {
         margin: 20px;
         margin-left: 25px;
         max-height: inherit;
     }
     .cRedHotNews a p span {
         max-height: inherit;
     }
     .cRedHotNews a:nth-child(1) {
         order: 1;
         height: auto;
         min-height: calc(34% - 10px);
     }
     .cRedHotNews a:nth-child(1)::after {
         right: 20px;
         bottom: inherit;
         font-size: 40px;
     }
     .cRedHotNews a:nth-child(1) p {
         margin: 20px 20px 20px 25px;
         padding-right: 30px;
     }
     .cRedHotNews a:nth-child(1) span:nth-child(1) {
         font-size: 22px;
     }
     .cRedHotNews a:nth-child(1) span:nth-child(2) {
         font-size: 18px;
     }
     .cRedHotNews a:nth-child(2) {
         order: 2;
     }
     .cRedHotNews a:nth-child(3) {
         order: 3;
     }
     .cRedHotNews a:nth-child(4) {
         order: 4;
     }
     .newsFix {
         margin-top: 0;
     }
 }
</style>

<div class="cRedHotNews">
		<a href="https://avvadon.org/forum/topic/13588-seminar-magistra-vo-francii-evropa-centr-s-14-po-17-maya/"><p><span>Семинар Магистра во Франции.<span></span>Ментальное пространство.</span></p></a>
    <a href="https://avvadon.org/forum/forum/607-safari/"><p><span>Онлайн проект Магистра "Сафари"<br>начнётся с 7 апреля.</span></p></a>
      <a href="https://avvadon.org/forum/forum/230-igra/"><p><span>Проект Магистра "Игра"</span></p></a>

	<a href="https://avvadon.org/forum/forum/380-geneticheskie-braslety/"><p><span>Проект Магистра "Генетические Браслеты"</span></p></a>
	</div>

Litesm · 30 марта, 2020

4 минуты назад, golandec сказал:

друг весь код ставь этот


<style>
.cRedHotNews {
     display: flex;
     flex-flow: column wrap;
     justify-content: space-between;
     width: 100%;
     height: 200px;
     padding: 0;
     margin: 15px 0;
 }
 
 .cRedHotNews a {
     position: relative;
     display: flex;
     justify-content: stretch;
     align-items: center;
     flex-flow: row wrap;
     height: calc(33.33% - 10px);
     width: calc(50% - 10px);
     background-color: #0e2944;
     background-image: url("/forum/uploads/set_resources_13/7648027f53cf6b288822afa39fd11f40_news_secondary.jpg");
     background-size: cover;
     color: white;
     font-size: 20px;
     line-height: 22px;
     border-radius: 16px;
     overflow: hidden;
 }
 
 .cRedHotNews a::after {
     position: absolute;
     display: block;
     right: 20px;
     font-family: "FontAwesome";
     font-size: 30px;
     content: "\f101";
 }
 
 .cRedHotNews a p {
     position: relative;
     margin: auto 20px;
     margin-left: 25px;
     padding-left: 15px;
     padding-right: 24px;
     max-height: 44px;
 }
 
 .cRedHotNews a p span {
     display: block;
     margin: 0;
     max-height: 44px;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .cRedHotNews a p span::before {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     content: "";
     width: 5px;
     height: 100%;
     border-radius: 3px;
     background: white;
 }
 
 .cRedHotNews a:nth-child(1) {
     order: 4;
     height: 302px;
     font-size: 26px;
     line-height: 30px;
     background-color: #0e2944;
     background-image: url("/forum/uploads/set_resources_13/7648027f53cf6b288822afa39fd11f40_news_primary.jpg");
     background-position: center center;
     align-self: flex-end;
 }
 
 .cRedHotNews a:nth-child(1)::after {
     right: 30px;
     bottom: 25px;
     font-size: 40px;
 }
 
 .cRedHotNews a:nth-child(1) p {
     margin: 30px 30px 0 25px;
     padding-right: 0;
     max-height: inherit;
     align-self: flex-start;
 }
 
 .cRedHotNews a:nth-child(1) p span {
     max-height: inherit;
 }
 
 .cRedHotNews a:nth-child(1) p span::before {
     background-color: #c10000;
 }
 
 .cRedHotNews a:nth-child(2) {
     order: 1;
 }
 
 .cRedHotNews a:nth-child(2) p span::before {
     background-color: #df9a00;
 }
 
 .cRedHotNews a:nth-child(3) {
     order: 2;
 }
 
 .cRedHotNews a:nth-child(3) p span::before {
     background-color: #00ab14;
 }
 
 .cRedHotNews a:nth-child(4) {
     order: 3;
 }
 
 .cRedHotNews a:nth-child(4) p span::before {
     background-color: #005fce;
 }
 
 .cRedHotNews a:nth-child(1) span:nth-child(1) {
     margin-bottom: 30px;
     max-height: 90px;
 }
 
 .cRedHotNews a:nth-child(1) span:nth-child(2) {
     font-size: 20px;
     line-height: 22px;
     max-height: 88px;
 }
 
 .ipsCoverPhoto_photo {
     object-fit: cover;
     height: 100%;
 }
 
 @media screen and (max-width:979px) {
     #elLogo img {
         margin-left: auto;
         margin-top: 5vh;
         margin-bottom: 5vh;
     }
     .cRedHotNews {
         flex-wrap: nowrap;
         height: auto;
         min-height: 100px;
     }
     .cRedHotNews a {
         height: calc(22%);
         width: 100%;
         margin: 8px 0;
         font-size: 18px;
     }
     .cRedHotNews a p {
         margin: 20px;
         margin-left: 25px;
         max-height: inherit;
     }
     .cRedHotNews a p span {
         max-height: inherit;
     }
     .cRedHotNews a:nth-child(1) {
         order: 1;
         height: auto;
         min-height: calc(34% - 10px);
     }
     .cRedHotNews a:nth-child(1)::after {
         right: 20px;
         bottom: inherit;
         font-size: 40px;
     }
     .cRedHotNews a:nth-child(1) p {
         margin: 20px 20px 20px 25px;
         padding-right: 30px;
     }
     .cRedHotNews a:nth-child(1) span:nth-child(1) {
         font-size: 22px;
     }
     .cRedHotNews a:nth-child(1) span:nth-child(2) {
         font-size: 18px;
     }
     .cRedHotNews a:nth-child(2) {
         order: 2;
     }
     .cRedHotNews a:nth-child(3) {
         order: 3;
     }
     .cRedHotNews a:nth-child(4) {
         order: 4;
     }
     .newsFix {
         margin-top: 0;
     }
 }
</style>

<div class="cRedHotNews">
		<a href="https://avvadon.org/forum/topic/13588-seminar-magistra-vo-francii-evropa-centr-s-14-po-17-maya/"><p><span>Семинар Магистра во Франции.<span></span>Ментальное пространство.</span></p></a>
    <a href="https://avvadon.org/forum/forum/607-safari/"><p><span>Онлайн проект Магистра "Сафари"<br>начнётся с 7 апреля.</span></p></a>
      <a href="https://avvadon.org/forum/forum/230-igra/"><p><span>Проект Магистра "Игра"</span></p></a>

	<a href="https://avvadon.org/forum/forum/380-geneticheskie-braslety/"><p><span>Проект Магистра "Генетические Браслеты"</span></p></a>
	</div>

Понял. Подскажите куда.
АЦ - Кастомизация - Внешний вид - Темы - Редактировать html/css, а там куда дальше ?

Нужно обучающие видео курсы делать по IPS 4 )))

Вышло вот так

UPMS · 30 марта, 2020

Litesm дай ссылку и данные от админки в л.с

Dusty · 30 марта, 2020

1 час назад, Litesm сказал:

Понял. Подскажите куда.
АЦ - Кастомизация - Внешний вид - Темы - Редактировать html/css, а там куда дальше ?

Нужно обучающие видео курсы делать по IPS 4 )))

Вышло вот так

В custom просто код от css ставь а div class в блок и все дальше редактируй ксс на свой расклад размеры и т.д

Litesm · 30 марта, 2020

18 минут назад, Dusty сказал:

В custom просто код от css ставь а div class в блок и все дальше редактируй ксс на свой расклад размеры и т.д

у меня всё склеилось, не пойму как пробелы поставить

Dusty · 31 марта, 2020

В 30.03.2020 в 18:53, Litesm сказал:

у меня всё склеилось, не пойму как пробелы поставить

Ссылку нужно давать на свой форум.

UPMS · 1 апреля, 2020

Готово, немного подправил css

andros0789 · 1 апреля, 2020

В 31.03.2020 в 20:24, Dusty сказал:

Ссылку нужно давать на свой форум.

как у вас в профиле?😆

Dusty · 6 апреля, 2020

В 02.04.2020 в 00:43, andros0789 сказал:

как у вас в профиле?😆

Ага вот только я не ищу помощи пока что )

БЛОК НОВОСТИ - как такое сделать ?

Рекомендуемые сообщения

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Присоединяйтесь к обсуждению

Последние посетители 0 пользователей онлайн