Гость
Статистика Форума
Последнии темы Популярные темы Лучшие пользователи Новые пользователи
» [22.02.2019] Потерянная судьба (0)
» [22.02.2019] Белый "Информер Комментарий" ri... (4)
» [20.02.2019] Скроллбар по "экрану" rip Барме... (0)
» [19.02.2019] Информер "Новые Комментарии" ri... (5)
» [19.02.2019] Достижения для вашего сайта! (2)
» [18.02.2019] Флудилка (20)
» [17.02.2019] Нужна помощь с аякс окном (2)
» [16.02.2019] Beautiflly Faction Commander (0)
» [13.02.2019] Lost earth project mod (0)
» [12.02.2019] Красиво анимированные социальные кнопки r... (0)
» Тайники и подсказки (82)
» FAQ прохождения по локациям DOPPELGANGER 7.63 Ti... (50)
» Русскоязычное руководство по моду Frackin' U... (38)
» Фоны для сталкерского сайта (33)
» [DMX] Народное творчество (24)
» Ui Icon Equipment (UIE) - Все иконки для игры Ст... (23)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» CoC Вылеты и их решение (21)
» Флудилка (20)
» Xemordio (3231)
» Infe[R]nos (35)
» Бармен (17)
» StraNNik (13)
» NL-Vincenz (12)
» Waldemar (12)
» Duzeppa26 (5)
» Ghosteron (5)
» ZION (1)
» ekaterinayuakovec (1)
» [22.02.2019] maxvladbabkin
» [21.02.2019] blablabla_827
» [20.02.2019] михайлович
» [15.02.2019] aleck1962
» [15.02.2019] maks4678596557
» [14.02.2019] rustam-badrutdinov
» [11.02.2019] ekaterinayuakovec
» [09.02.2019] amora617delpachi
» [09.02.2019] wrafalskiy
» [02.02.2019] Waldemar

  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Информер "Новые Комментарии" rip Бармен
Информер "Новые Комментарии" rip Бармен
Бармен Offline Дата: Четверг, 07.02.2019, 23:34 | Сообщение # 1
Модератор
Звание: Новобранец [?]
Сообщений: 17


Рипал: Бармен

Ссылка на скачивание!

Для начало создаем информер - [ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ] вставляем туда вот это:

Код
<div class="art-comm_inf clearfix" itemscope="" itemtype="https://schema.org/Review">
   <div class="art-comm_inf_ava circle"> <img src="$USER_AVATAR_URL$" alt=""> </div>
   <div class="art-comm_inf_body">
      <div class="art-comm_inf_body_top"> <a href="$PROFILE_URL$" target="_blank" class="comm-user" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><span itemprop="name">$USERNAME$</span></a> <a href="$ENTRY_URL$" class="fa fa-arrow-circle-o-right pull-right"></a> <span class="art-comm_inf_date" itemprop="datePublished" content="12.01.2019 17:37">$DATE$ - $TIME$</span> </div>
      <div class="art-comm_inf_body_container">
         <span class="comm_sprt"></span>
         <div class="art-comm_inf_body_mess shadow">
            <div class="art-comm_inf_body_comment" itemprop="reviewBody">$MESSAGE$</div>
         </div>
      </div>
   </div>
</div>

Далее в первый или второй контейнер устанавливаем вот это:

Код
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">    
<div class="art-sidebar_comm art-block_hide hidden-xs hidden-sm"><span class="art-sidebar-name"> Новые комментарии </span> $MYINF_ВАШ_НОМЕР$</div></div>

CSS:

Код
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=cyrillic,cyrillic-ext');

.art-sidebar-name {
font-weight: 400;
display: block;
clear: both;
border-bottom: 1px solid #ddd;
text-align: center;
color: #1a1a1a;
font-size: 24px;
text-transform: capitalize;
font-family: 'Roboto Condensed', sans-serif;
line-height: 48px;
margin-bottom: 16px;
}
.art-comm_inf {
position: relative;
display: block;
margin-bottom: 15px;
}
.circle {
border-radius: 50%;
}
.art-comm_inf_ava {
height: 57px;
width: 57px;
border: 4px solid #fff;
box-shadow: 0px 0px 1px 1px #DDD;
overflow: hidden;
float: left;
margin-top: 5px;
}
.art-comm_inf:nth-of-type(even) .art-comm_inf_body {
margin-left: 75px;
margin-top: 12px;
}
.art-comm_inf_ava img {
width: 110%;
min-height: 112%;
margin-top: -3px;
margin-left: -2px;
}
.art-comm_inf_body_top {
margin-bottom: 8px;
padding: 0 5px;
line-height: 22px;
}
.art-comm_inf_body_top a.comm-user {
color: #aab2bd;
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
}
.art-comm_inf_body_top a.fa {
margin-left: -14px;
font-size: 16px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease 0s;
color: #d8d8d8;
margin-top: 5px;
}
.art-comm_inf:hover .art-comm_inf_body_top a.fa {
margin-left: 12px;
display: block;
transition: all 0.3s ease 0s;
opacity: 1;
visibility: visible;
margin-top: 5px;
}
.art-comm_inf_body_top a.fa:hover {
color: #5bc4f3;
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.art-comm_inf_date {
color: #bfbfbf;
float: right;
font-size: 10px;
margin-top: 2px;
}
.art-comm_inf_body_container {
position: relative;
}
.art-comm_inf:nth-of-type(even) .art-comm_inf_body .art-comm_inf_body_container span.comm_sprt {
background: url(/template/images/comm_sprt_l.png) no-repeat 0px 0px;
width: 25px;
height: 17px;
display: block;
position: absolute;
left: -8px;
top: 8px;
}
.shadow {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05) !important;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05) !important;
box-shadow: 0 1px 1px rgba(0,0,0,0.05) !important;
}
.art-comm_inf_body_mess {
background: #fff;
border: 1px solid rgba(196, 196, 196, 0.47);
border-radius: 5px;
padding: 8px 12px 10px;
color: #363636;
font-size: 14px;
line-height: 18px;
z-index: 0;
display: block;
font-family: 'Roboto Condensed', sans-serif;
font-style: italic;
font-weight: 300;
}
.art-comm_inf:nth-of-type(even) .art-comm_inf_body {
margin-left: 75px;
margin-top: 12px;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after {
clear: both;
}
.art-comm_inf:nth-of-type(odd) .art-comm_inf_ava {
float: right;
}
.art-comm_inf:nth-of-type(odd) .art-comm_inf_body {
margin-right: 70px;
}
.art-comm_inf:nth-of-type(odd) .art-comm_inf_body {
padding-right: 5px;
margin-top: 12px;
display: block;
}
.art-comm_inf:nth-of-type(odd) .art-comm_inf_body .art-comm_inf_body_container span.comm_sprt {
background: url(/template/images/comm_sprt_r.png) no-repeat 0px 0px;
width: 25px;
height: 17px;
display: block;
position: absolute;
right: -22px;
top: 8px;
}
Дата регистрации: 28.07.2018
StraNNik Offline Дата: Понедельник, 18.02.2019, 20:26 | Сообщение # 2
Проверенные
Звание: Новобранец [?]
Сообщений: 13
Под тёмный дизайн реализует кто?
Сам бы переделал, но много проблем и дел щас, мб найдутся добровольцы. ^_^
Дата регистрации: 07.12.2018
Бармен Offline Дата: Вторник, 19.02.2019, 00:15 | Сообщение # 3
Модератор
Звание: Новобранец [?]
Сообщений: 17
StraNNik, Тестируй:

Код
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=cyrillic,cyrillic-ext');

.art-sidebar-name {
font-weight: 400;
display: block;
clear: both;
border-bottom: 1px solid #424242;
text-align: center;
color: #757575;
font-size: 24px;
text-transform: capitalize;
font-family: 'Roboto Condensed', sans-serif;
line-height: 48px;
margin-bottom: 16px;
}
.art-comm_inf {
position: relative;
display: block;
margin-bottom: 15px;
}
.circle {
border-radius: 50%;
}
.art-comm_inf_ava {
height: 57px;
width: 57px;
border: 4px solid #323232;
box-shadow: 0px 0px 1px 1px #323232;
overflow: hidden;
float: left;
margin-top: 5px;
}
.art-comm_inf:nth-of-type(even) .art-comm_inf_body {
margin-left: 75px;
margin-top: 12px;
}
.art-comm_inf_ava img {
width: 110%;
min-height: 112%;
margin-top: -3px;
margin-left: -2px;
}
.art-comm_inf_body_top {
margin-bottom: 8px;
padding: 0 5px;
line-height: 22px;
}
.art-comm_inf_body_top a.comm-user {
color: #a8a8a8;
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
}
.art-comm_inf_body_top a.fa {
margin-left: -14px;
font-size: 16px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease 0s;
color: #6d6d6d;
margin-top: 5px;
}
.art-comm_inf:hover .art-comm_inf_body_top a.fa {
margin-left: 12px;
display: block;
transition: all 0.3s ease 0s;
opacity: 1;
visibility: visible;
margin-top: 5px;
}
.art-comm_inf_body_top a.fa:hover {
color: #a8a8a8;
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.art-comm_inf_date {
color: #6d6d6d;
float: right;
font-size: 10px;
margin-top: 2px;
}
.art-comm_inf_body_container {
position: relative;
}
.art-comm_inf:nth-of-type(even) .art-comm_inf_body .art-comm_inf_body_container span.comm_sprt {
background: url(/template/images/comm_sprt_l.png) no-repeat 0px 0px;
width: 25px;
height: 17px;
display: block;
position: absolute;
left: -8px;
top: 8px;
}
.shadow {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05) !important;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05) !important;
box-shadow: 0 1px 1px rgba(0,0,0,0.05) !important;
}
.art-comm_inf_body_mess {
background: #252525;
border: 1px solid rgba(76, 76, 76, 0.47);
border-radius: 5px;
padding: 8px 12px 10px;
color: #757575;
font-size: 14px;
line-height: 18px;
z-index: 0;
display: block;
font-family: 'Roboto Condensed', sans-serif;
font-style: italic;
font-weight: 300;
}
.art-comm_inf:nth-of-type(even) .art-comm_inf_body {
margin-left: 75px;
margin-top: 12px;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after {
clear: both;
}
.art-comm_inf:nth-of-type(odd) .art-comm_inf_ava {
float: right;
}
.art-comm_inf:nth-of-type(odd) .art-comm_inf_body {
margin-right: 70px;
}
.art-comm_inf:nth-of-type(odd) .art-comm_inf_body {
padding-right: 5px;
margin-top: 12px;
display: block;
}
.art-comm_inf:nth-of-type(odd) .art-comm_inf_body .art-comm_inf_body_container span.comm_sprt {
background: url(/template/images/comm_sprt_r.png) no-repeat 0px 0px;
width: 25px;
height: 17px;
display: block;
position: absolute;
right: -22px;
top: 8px;
}
Дата регистрации: 28.07.2018
StraNNik Offline Дата: Вторник, 19.02.2019, 19:27 | Сообщение # 4
Проверенные
Звание: Новобранец [?]
Сообщений: 13
Бармен, спасибо, сейчас гляну ;)
Всё норм под шаблон не лезет тока, в любом случае спасибо.


Сообщение отредактировал StraNNik - Вторник, 19.02.2019, 19:38
Дата регистрации: 07.12.2018
Бармен Offline Дата: Вторник, 19.02.2019, 20:54 | Сообщение # 5
Модератор
Звание: Новобранец [?]
Сообщений: 17
Цитата StraNNik ()
Всё норм под шаблон не лезет тока, в любом случае спасибо.

Ну координаты настраивай сам ;)
Дата регистрации: 28.07.2018
StraNNik Offline Дата: Вторник, 19.02.2019, 21:43 | Сообщение # 6
Проверенные
Звание: Новобранец [?]
Сообщений: 13
Цитата Бармен ()
Ну координаты настраивай сам

понятное дело, гляну
Дата регистрации: 07.12.2018
Форум » Web-Раздел » Скрипты для uCoz » Информер "Новые Комментарии" rip Бармен
  • Страница 1 из 1
  • 1
Поиск:

20:18