Обновленные темы Популярные темы Активные пользователи
Переводы модов для Sims 4 29 19.09.2020 в 21:52 от 2024end Dollchan 8: Infinity 0 19.09.2020 в 13:11 от Бармен Новый Арсенал 7 0 18.09.2020 в 20:38 от Бармен Заказать мод из Steam 27 15.09.2020 в 13:31 от sasharomantsov2004 FAQ прохождения по локациям DOPPELGANGER 7.63 Time Gap 51 14.09.2020 в 14:51 от batareych Обновление от 3 сентября, 2020 / 1.66.139.1020 1 09.09.2020 в 22:50 от симовод Флудилка 73 08.09.2020 в 13:08 от 2024end Битая ссылка 42 07.09.2020 в 21:57 от 2024end Wicked Whims - Стриптиз клубы - давайте танцевать 7 27.08.2020 в 22:18 от dojinn Операция "Чёрное гнездо" 1 27.08.2020 в 14:31 от Бармен
2024end 4002
Zero 25

  • Страница 1 из 1
  • 1
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Информер "Новые Комментарии" rip Бармен
Информер "Новые Комментарии" rip Бармен
Администраторы
Кол-во постов: 176
Репутация: 759
Регистрация: 28.07.2018
Статус: Не в сети
 Автор темы | Четверг, 07.02.2019, 23:34 | Сообщение # 1


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

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

Для начало создаем информер - [ Комментарии · Материалы · Дата добавления материала 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;
}
Проверенные
Кол-во постов: 32
Репутация: 1
Регистрация: 07.12.2018
Статус: Не в сети
 Понедельник, 18.02.2019, 20:26 | Сообщение # 2
Под тёмный дизайн реализует кто?
Сам бы переделал, но много проблем и дел щас, мб найдутся добровольцы. ^_^
Администраторы
Кол-во постов: 176
Репутация: 759
Регистрация: 28.07.2018
Статус: Не в сети
 Автор темы | Вторник, 19.02.2019, 00:15 | Сообщение # 3
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;
}
Проверенные
Кол-во постов: 32
Репутация: 1
Регистрация: 07.12.2018
Статус: Не в сети
 Вторник, 19.02.2019, 19:27 | Сообщение # 4
Бармен, спасибо, сейчас гляну ;)
Всё норм под шаблон не лезет тока, в любом случае спасибо.


Сообщение отредактировал StraNNik - Вторник, 19.02.2019, 19:38
Администраторы
Кол-во постов: 176
Репутация: 759
Регистрация: 28.07.2018
Статус: Не в сети
 Автор темы | Вторник, 19.02.2019, 20:54 | Сообщение # 5
Цитата StraNNik ()
Всё норм под шаблон не лезет тока, в любом случае спасибо.

Ну координаты настраивай сам ;)
Проверенные
Кол-во постов: 32
Репутация: 1
Регистрация: 07.12.2018
Статус: Не в сети
 Вторник, 19.02.2019, 21:43 | Сообщение # 6
Цитата Бармен ()
Ну координаты настраивай сам

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