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


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

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

Для начало создаем информер - [ Комментарии · Материалы · Дата добавления материала 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
Проверенные
Звание: Новобранец [?]
Сообщений: 25
Под тёмный дизайн реализует кто?
Сам бы переделал, но много проблем и дел щас, мб найдутся добровольцы. ^_^
Дата регистрации: 07.12.2018
Бармен Offline Дата: Вторник, 19.02.2019, 00:15 | Сообщение # 3
Модератор
Звание: Новобранец [?]
Сообщений: 28
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
Проверенные
Звание: Новобранец [?]
Сообщений: 25
Бармен, спасибо, сейчас гляну ;)
Всё норм под шаблон не лезет тока, в любом случае спасибо.


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

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

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

Обновленные темы

Мини-чат

Лучшие пользователи

Xemordio REP: 11[3489]
Infe[R]nos REP: 5[38]
Бармен REP: 7[28]
StraNNik REP: 1[25]
NL-Vincenz REP: 0[12]
Waldemar REP: 0[12]
Razilator REP: 14[7]
Ghosteron REP: 3[6]
LENA_D REP: 0[5]
Duzeppa26 REP: 4[5]

Статистика форума

Темы: 2433
Всего постов: 3630
Новый юзер:arsenijzigulin9
Нас сегодня посетили:
Xemordio, Бармен