release note database

Posted 27 сентябряSep 27

Привет

Я пользовался следующим руководством, чтобы создать страницу с примечаниями к релизу, но в версии 5 стиль и структура сломались.
Есть ли кто-нибудь, кто может поделиться полноценным руководством по созданию такой страницы для версии 5?

https://invisionfocus.de/pages-tutorials/releases/

Цитата

30 сентябряSep 30

Want something like this?

https://doniaweb.com/release-notes/

Цитата

30 сентябряSep 30

Author

17 часов назад, Mahmoudali said:
Want something like this?

yes bro but for IC5

Цитата

1 октябряOct 1

On 30.09.2025 at 23:40, Xontero said:
yes bro but for IC5

Look...screens

0
0.1
0.2
0.3
0.4
0.5
2
3

Цитата

Xontero
1

17 октябряOct 17

Author

У меня нет этой части, которая показана на изображении.

Цитата

Вторник в 10:422 дн

On 17.10.2025 at 14:36, Xontero said:
У меня нет этой части, которая показана на изображении.

а вы создали шаблоны эти в шаблонах? В страницах. Для начала создайте их)Скопируйте и вставьте нужный код тудла и они появятся у вас)

CSS

#elDevArea {
  position: relative;
  text-align: center;
  border-radius: 8px;
  background: url( https://d3bw7kcgs2yofh.cloudfront.net/pages_media/0_background_light.png );
  background-size: cover;
  padding: 50px 0;
  overflow: hidden;
}

  #elDevArea:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #dc573d;
    background: linear-gradient(135deg,  #dc573d 0%,#ba2c6b 100%);
    opacity: 0.85;
  }

  #elDevArea h1,
  #elDevArea p {
    color: #fff;
    position: relative;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3)
  }

  #elDevArea h1 {
      font-size: clamp(24px, 1em + 2vw, 46px);
      font-weight: 500;
      line-height: 1.1;
      margin-bottom: 0.4em;
  }

  #elDevArea p {
      font-size: clamp(16px, .9em + 1vw, 19px);
      opacity: 0.7;
  }

/* HOMEPAGE */
#elDevArea_blocks {
  padding: 10px 0;
  margin-top: 50px;
}

  #elDevArea_blocks a,
  #elDevArea_blocks div {
    display: block;
    width: 100%;
    text-align: center;
    color: inherit;
    padding: 20px 30px;
    position: relative;
    border-radius: 6px;
  }

    #elDevArea_blocks a:hover {
      background: var(--i-background_2);
    }

    #elDevArea_blocks a .fa-solid,
    #elDevArea_blocks div .fa-solid {
      font-size: 36px;
      margin-bottom: 30px;
    }

    #elDevArea_blocks div * {
      opacity: 0.3 !important;
    }

      #elDevArea_blocks div:after {
        content: 'Available soon';
        background: #ae5342;
        color: #fff;
        font-size: 12px;
        position: absolute;
        top: 16px;
        left: 14px;
        padding: 2px 10px;
        border-radius: 2px;
      }

  #elDevArea_blocks h3 {
    font-size: 1.3em;
    font-weight: 500;
    color: var(--i-color_hard);
    margin-bottom: .8em;
  }

  #elDevArea_blocks p {
    font-size: 1.1em;
    max-width: 220px;
    margin: 10px auto 0;
    color: var(--i-color_soft);
  }

#elDevArea_hr {
  margin: 50px auto;
  max-width: 80%;
  border-width: 1px 0 0 0;
  border-color: rgba(0,0,0,0.5);
}

/* BUTTONS */
/*.ipsApp .ipsButton_primary,
.ipsApp .ipsButton_important {
  background: #ae5342;
}*/

.ipsType_sectionTitle,
.ipsWidget.ipsWidget_vertical .ipsWidget_title {
  background: #b63848;
  color: #fff;
}

/* REUSABLE HEADER */
.cDevHeader {
  background: url( https://d3bw7kcgs2yofh.cloudfront.net/pages_media/0_background_light.png );
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  padding: 20px 30px;
  position: relative;
}

  .cDevHeader:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #dc573d;
    background: -moz-linear-gradient(-45deg,  #dc573d 0%, #ba2c6b 100%);
    background: -webkit-linear-gradient(-45deg,  #dc573d 0%,#ba2c6b 100%);
    background: linear-gradient(135deg,  #dc573d 0%,#ba2c6b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc573d', endColorstr='#ba2c6b',GradientType=1 );
    opacity: 0.85;
  }
  
  .cDevHeader h1 {
    font-weight: 300;
    font-size: 32px;
    color: #fff;
    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
    position: relative;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
  }

/* Docs */
.cDevDocs {
  /*padding-left: 20px;*/
}

.cDevDocs h2 {
  font-size: 18px;
  font-weight: bold;
  font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 6px 10px 6px 0;
  margin-left: 10px;
  margin-bottom: 8px;
  line-height: 1.3;
  color: #111;
}

.cDevDocs > li {
  padding-left: 10px;
}

.cDevDocs li {
  line-height: 1.6;
  padding-left: 10px;
  margin-bottom: 2px;
}

.cDevDocs ul ul {
  margin-left: -13px;
  margin-bottom: 7px;
  margin-top: 5px;
  padding-left: 15px;
  border-left: 1px solid rgba(0,0,0,0.075);
}
  
  .ipsJS_has .cDevDocs .cDevDocs_closed ul {
    display: none;
  }
  .ipsJS_has .cDevDocs .cDevDocs_open ul,
  .ipsJS_none .cDevDocs .cDevDocs_closed ul {
    display: block;
  }

.cDevDocs h3 {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding-left: 0;
  position: relative;
  cursor: pointer;
}

  .cDevDocs .cDevDocs_closed h3:before,
  .cDevDocs .cDevDocs_open h3:before {
    font-family: 'FontAwesome';
    font-size: 15px;
    position: absolute;
    left: -15px;
    top: 0;
  }
  .ipsJS_has .cDevDocs .cDevDocs_closed h3:before {
    content: '\f105';
  }
  .ipsJS_has .cDevDocs .cDevDocs_open h3:before,
  .ipsJS_none .cDevDocs .cDevDocs_closed h3:before {
    content: '\f107';
    left: -17px;
  }

.cDevDocs > li > ul > a {
  font-size: 14px;
}

a.cDevDocs_active {
  color: #dc573d;
  font-weight: bold;
}



span[style^="font-size:18px"],
span[style^="font-size:20px"] {
  font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
  font-size: 22px !important;
}

/* ROWS */
.cDevDocs_row {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 20px 0;
}

.cDevDocs_row .ipsType_sectionHead {
  margin-bottom: 5px;
  font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
}

#elDevDocs_columns .ipsPageHeader {
  margin-top: 0;
}

/* ----- */
/* REST API */

#elDevRest_columns > .ipsColumn_wide {
  width: 360px;
  border-right: 1px solid rgba(0,0,0,0.1);
}
#elDevRest_menu,
#elDevRest_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
}

#elDevRest_menu ul {
  border-left: 1px solid rgba(0,0,0,0.075);
  margin-left: -14px;
  padding-left: 14px;
}

  #elDevRest_menu li {
    margin-left: 15px;
    line-height: 1.6;
    margin-bottom: 3px;
  }

    #elDevRest_menu li[class^="cDevDocs_request"] {
      margin-left: 0;
    }

  #elDevRest_menu li.cDevDocs_closed ul {
    display: none;
  }

  #elDevRest_menu li a:not( .cDevDocs_active ) {
    color: inherit;
  }

#elDevRest_menu h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding-left: 0;
  position: relative;
  cursor: pointer;
  font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
}
  
  #elDevRest_menu h3 + ul {
    margin-top: 5px;
  }
  #elDevRest_menu h3 + ul h3 {
    font-size: 16px;
  }

  #elDevRest_menu .cDevDocs_closed > h3:before,
  #elDevRest_menu .cDevDocs_open > h3:before {
    font-family: 'FontAwesome';
    font-size: 15px;
    position: absolute;
    left: -15px;
    top: 3px;
  }
  .ipsJS_has #elDevRest_menu .cDevDocs_closed > h3:before {
    content: '\f105';
  }
  .ipsJS_has #elDevRest_menu .cDevDocs_open > h3:before,
  .ipsJS_none #elDevRest_menu .cDevDocs_closed > h3:before {
    content: '\f107';
    left: -17px;
  }

  #elDevRest_menu h3 + ul li > h3:before,
  #elDevRest_menu h3 + ul li > h3:before {
    top: 0px !important;
  }

.cDevDocs_requestGet,
.cDevDocs_requestPost,
.cDevDocs_requestDelete {
  
}

  .cDevDocs_requestGet:before,
  .cDevDocs_requestPost:before,
  .cDevDocs_requestPut:before,
  .cDevDocs_requestDelete:before {
    display: inline-block;
    line-height: 14px;
    color: #fff;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 8px;
    width: 14px;
    text-align: center;
    margin-right: 5px;
    position: relative;
    top: -1px;
  }

  .cDevDocs_requestGet:before {
    content: 'G';
    background: #2E7D32;
  }
    .ipsType_pageTitle.cDevDocs_requestGet:before {
      content: 'GET';
    }
  .cDevDocs_requestPut:before {
    content: 'P';
    background: #FF8F00;
  }
    .ipsType_pageTitle.cDevDocs_requestPut:before {
      content: 'PUT';
    }
  .cDevDocs_requestPost:before {
    content: 'P';
    background: #6A1B9A;
  }
    .ipsType_pageTitle.cDevDocs_requestPost:before {
      content: 'POST';
    }
  .cDevDocs_requestDelete:before {
    content: 'D';
    background: #C62828;
  }
    .ipsType_pageTitle.cDevDocs_requestDelete:before {
      content: 'DELETE';
    }

.ipsType_pageTitle.cDevDocs_requestGet:before,
.ipsType_pageTitle.cDevDocs_requestPost:before,
.ipsType_pageTitle.cDevDocs_requestPut:before,
.ipsType_pageTitle.cDevDocs_requestDelete:before {
  font-size: 14px;
  line-height: 25px;
  width: 80px;
  position: relative;
  top: -5px;
  margin-right: 10px;
}

#elDevAreaLogos {
  position: absolute;
  top: 0;
  right: 50px;
  width: 543px;
  height: 222px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,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);
}

.sGuidesMenu {
  float: right;
  background: #f5f5f5;
  padding: 25px;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  width: 230px;
}

/* PHONES */
@media screen and (max-width: 767px) {
  .sGuidesMenu {
   	float: none;
    width: 100%;
    margin-left: 0;
  }
}
	
	.sGuidesMenu a {
        text-decoration: none !important;
	}

	.sGuidesMenu h2 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 15px;
      color: #000;
	}

.sGuidesMenu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sGuidesMenu__item {
  padding: 0;
}

.sGuidesMenu__item--H2 {
  font-size: 15px;
}
.sGuidesMenu__item--H2:before {
  content: '\f105';
  font-family: 'FontAwesome';
  margin-right: 5px;
}

.sGuidesMenu__item--H3 {
  font-size: 13px;
  padding-left: 25px;
}

.sGuidesMenu__item--H3 + .sGuidesMenu__item--H2 {
	margin-top: 10px;
}

.sGuidesMenu__item--H4 {
  font-size: 13px;
  padding-left: 40px;
}

.sGuidesMenu__item--H4 + .sGuidesMenu__item--H3,
.sGuidesMenu__item--H4 + .sGuidesMenu__item--H2 {
	margin-top: 10px;
}

/* Stop tables from stretching site */


#elDevRest_columns > .ipsColumn_fluid .ipsTable td{
  white-space: normal;
}



/* V5: Move table of contents to left and wrap entire page in ipsBox */
@media (min-width: 980px){
  [data-ips-path^="/developers/docs/"] {
    
  }
	.ipsLayout__columns{
		gap: 0;
		background: var(--i-widget--ba-co);
		border-radius: var(--i-widget--bo-ra);
		box-shadow: var(--i-widget--bo-sh);
		border-width: var(--i-widget--bo-wi);
		border-style: var(--i-widget--bo-st);
		border-color: var(--i-widget--bo-co);
		background-clip: padding-box;
		overflow: hidden;
	}

	.ipsLayout__primary-column .ipsBox,
	.ipsLayout__secondary-column .ipsWidget{
		border-width: 0;
		background: none;
		box-shadow: none;		
	}

	.ipsLayout__secondary-column{
		order: -1;
		background: var(--i-background_2);
		border-inline-end: 1px solid var(--i-background_4);
	}
  
  	/* Add padding to certain elements */
    .ipsButtons--main, .ipsPager{
      padding: 0 1em;
    }
}
.ipsMessage {
    --_co: hsl(0 0% 100%);
    --i-color_soft: color-mix(in srgb, var(--_co) 80%, transparent);
    --_ba-co: var(--i-background_dark);
    --_pa: clamp(1em, 3vw, 1.6em);
    --_icon-size: 22px;
    padding: var(--_pa);
    padding-inline-start:calc(var(--_icon-size) + (var(--_pa) * 2));border-radius: var(--i-box--bo-ra);
    color: var(--_co);
    background-color: var(--_ba-co);
    display: block;
    position: relative;
}

.ipsMessage::before, .ipsMessage__title::before, .ipsMessage__icon, .ipsMessage > .ipsUserPhoto {
    position: absolute;
    inset-inline-start: calc(var(--_pa) * .7);
    width: 1lh;
    line-height: 1lh;
    font-size: var(--_icon-size);
    text-align: center;
}

.ipsMessage::before, .ipsMessage__title::before {
    content: var(--_icon, "\f05a");
    font-weight: var(--_icon--fo-we, 900);
    font-family: var(--i-font-awesome);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

.ipsMessage:has( > .ipsUserPhoto, .ipsMessage__icon, .ipsMessage__title)::before, .ipsMessage:has(.ipsMessage__icon) .ipsMessage__title::before, .ipsMessage__title:has(.ipsMessage__icon)::before {
    display: none;
}

@supports not selector(a:has(b)) {
    .ipsMessage__title::before {
        display: none;
    }
}

@supports not selector(i:has(i)) {
    .ipsMessage__icon, .ipsMessage > .ipsUserPhoto:first-child {
        display: none !important;
    }
}

.ipsMessage + .ipsMessage {
    margin-top: .5em;
}

JS

;(function($, _, undefined) {
    "use strict";
    ips.controller.register('cms.front.blocks.navigation', {
        initialize: function() {
            this.on('click', 'details', this.loadNavigationItems);
            let self = this;
            $.each(self.scope.find('details[open]'), function() {
                self.loadNavigationItems(null, this);
            });
        },
        loadNavigationItems: function(e, details=null) {
            if (details === null) {
                details = $(e.target).parents('details:first');
            }
            var itemContainer = $(details).find('> [data-role="containerItems"]');
            var self = this;
            if (!itemContainer.html().trim().length) {
                ips.getAjax()(ips.getSetting('baseURL') + '?app=cms&module=pages&controller=ajax&do=loadItems', {
                    data: {
                        navType: $(self.scope).attr('data-navType'),
                        navId: $(self.scope).attr('data-navId'),
                        container: $(details).data('container')
                    }
                }).done(function(response) {
                    $(itemContainer).html(response);
                    if (!_.isUndefined(ips.getSetting('currentRecordId'))) {
                        $(itemContainer).find('a[data-id="' + ips.getSetting('currentRecordId') + '"]').attr('aria-current', 'page');
                    }
                });
            }
        }
    });
}(jQuery, _));
;

On 27.09.2025 at 19:30, Xontero said:
Привет
Я пользовался следующим руководством, чтобы создать страницу с примечаниями к релизу, но в версии 5 стиль и структура сломались.
Есть ли кто-нибудь, кто может поделиться полноценным руководством по созданию такой страницы для версии 5?
https://invisionfocus.de/pages-tutorials/releases/

Будет немного другой формат вывода релизов)

Цитата

Xontero
1

Sign In

release note database

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)