• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Как на вид материалов расставить системные коды uCoz (Помогите сделать грамотно)
Как на вид материалов расставить системные коды uCoz
kldou24
Пятница, 03 Февраля 2017 | Сообщение 1
Оффлайн
Пользователи
Сообщений:39
Награды: 0
Вытащил вид материалов,а раставить системные коды не могу.
Код
/*======================= NEWS BEGIN ===================*/
.news-list-template .top-menu a[href*="/news/"],
.news-detail-template .top-menu a[href*="/news/"]{
color: #FF3324 !important;
}
.news-list-template .mobile-menu a[href*="/news/"],
.news-detail-template .mobile-menu a[href*="/news/"]{
color: #ffffff;
}
.news-list table.dayAllEntries{
margin-bottom: 50px;
}
.news-element{
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #C7C7C7;
font-size: 17px;
}
#allEntries > div:first-of-type .news-element,
.news-list .archiveEntries > div:first-of-type .news-element{
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.news-element h5{
margin-top: -5px;
}
.art-list .news-element h5{
margin: -5px 0 20px;
font-size: 30px;
line-height: 1.2;
}
.news-element h5 a{
text-decoration: none;
color: #00487F;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.news-element h5 a:hover{
color: #2E2E2E;
}
.news-element img{
width: 100%;
}
.news-date{
position: absolute;
top: 0;
left: 0;
padding: 2px 15px;
color: #fff;
background: #00487F;
font-size: 14px;
}
.news-list .element-info{
margin: -5px 0 15px;
}
.element-info{
margin: 0 0 15px;
font-size: 16px;
color: #969696;
}
.element-info a{
text-decoration: none;
color: #969696;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.element-info a:hover{
color: #2E2E2E;
}
.element-info span{
margin-right: 10px;
}
.element-info .fa{
margin-right: 4px;
}
.news-element .img-wrapper a:after{
background: url(../images/link-icon.png) 50% 50% no-repeat rgba(0,0,0,0.7);
background-size: 0 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
content:"";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 5;
}
.news-element .img-wrapper a:hover:after{
opacity: 1;
background-size: 36px 36px;
}

@media only screen and (max-width: 767px) {
.news-element .img-wrapper{
margin-bottom: 20px;
}
.news-element{
padding-top: 40px;
}
}

.item-gallery .element{
margin-bottom: 10px;
}
.item-gallery .element .img-wrapper{
position: relative;
}
.item-gallery .element img{
width: 100%;
display: block;
}
.item-gallery .text {
font-size: 13px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
background: rgba(0,0,0,0.5);
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.noEntry{
text-align: left !important;
}
/*======================= NEWS END ===================*/
</div></div><div id="entryID5"><div class="news-element relative">
<div class="row">
<div class="col-sm-3">
<div class="img-wrapper relative">
<a href="/news/lamborghini-aventador-sv/2016-08-30-5">

<img src="images/news-empty.png" alt="Lamborghini Aventador SV" style="background: url(/_nw/0/s03387709.jpg) 50% 50% no-repeat; background-size: cover;" />

<div class="news-date">
30.08.2016
</div>
</a>
</div>
</div>
<div class="col-sm-9">
<div class="element-content">
<h5><a href="/news/lamborghini-aventador-sv/2016-08-30-5">Lamborghini Aventador SV</a> </h5>
<div class="element-info">
<span class="e-category"><i class="fa fa-folder" aria-hidden="true"></i> <a href="/news/novosti-mira/1-0-2">Новости мира</a></span>
<span class="e-reads"><i class="fa fa-eye" aria-hidden="true"></i> 12</span>
<span class="e-comments"><i class="fa fa-comments" aria-hidden="true"></i> <a href="/news/lamborghini-aventador-sv/2016-08-30-5#comments">0</a></span>
</div>
<div class="text">
Lamborghini Aventador SV, который едва не «сожрал» немецкий супергибрид, и сделали соответствующие выводы после рвения марки Koenigsegg.
</div>
</div>
</div>
</div>


Добавлено (03.02.2017, 11:04)
---------------------------------------------
За деньги..............Сразу найдутся.Бесплатно(денег нет)
Страна: (RU)
Nikas
Пятница, 03 Февраля 2017 | Сообщение 2
Оффлайн
Проверенные
Сообщений:229
Награды: 3
стили не верно вставлены, смешали с div
вот расставил вам.
Код

<style>/*======================= NEWS BEGIN ===================*/
.news-list-template .top-menu a[href*="/news/"],
.news-detail-template .top-menu a[href*="/news/"]{
color: #FF3324 !important;
}
.news-list-template .mobile-menu a[href*="/news/"],
.news-detail-template .mobile-menu a[href*="/news/"]{
color: #ffffff;
}
.news-list table.dayAllEntries{
margin-bottom: 50px;
}
.news-element{
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #C7C7C7;
font-size: 17px;
}
#allEntries > div:first-of-type .news-element,
.news-list .archiveEntries > div:first-of-type .news-element{
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.news-element h5{
margin-top: -5px;
}
.art-list .news-element h5{
margin: -5px 0 20px;
font-size: 30px;
line-height: 1.2;
}
.news-element h5 a{
text-decoration: none;
color: #00487F;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.news-element h5 a:hover{
color: #2E2E2E;
}
.news-element img{
width: 100%;
}
.news-date{
position: absolute;
top: 0;
left: 0;
padding: 2px 15px;
color: #fff;
background: #00487F;
font-size: 14px;
}
.news-list .element-info{
margin: -5px 0 15px;
}
.element-info{
margin: 0 0 15px;
font-size: 16px;
color: #969696;
}
.element-info a{
text-decoration: none;
color: #969696;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.element-info a:hover{
color: #2E2E2E;
}
.element-info span{
margin-right: 10px;
}
.element-info .fa{
margin-right: 4px;
}
.news-element .img-wrapper a:after{
background: url(../images/link-icon.png) 50% 50% no-repeat rgba(0,0,0,0.7);
background-size: 0 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
content:"";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 5;
}
.news-element .img-wrapper a:hover:after{
opacity: 1;
background-size: 36px 36px;
}

@media only screen and (max-width: 767px) {
.news-element .img-wrapper{
margin-bottom: 20px;
}
.news-element{
padding-top: 40px;
}
}

.item-gallery .element{
margin-bottom: 10px;
}
.item-gallery .element .img-wrapper{
position: relative;
}
.item-gallery .element img{
width: 100%;
display: block;
}
.item-gallery .text {
font-size: 13px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
background: rgba(0,0,0,0.5);
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.noEntry{
text-align: left !important;
}
/*======================= NEWS END ===================*/
</style>

</div></div><div id="entryID5"><div class="news-element relative">
<div class="row">
<div class="col-sm-3">
<div class="img-wrapper relative">
<a href="$ENTRY_URL$">

<img src="$IMG_URL1$" alt="$TITLE$" style="background: url($IMG_URL1$) 50% 50% no-repeat; background-size: cover;" />

<div class="news-date">
$DATE$</div>
</a>
</div>
</div>
<div class="col-sm-9">
<div class="element-content">
<h5><a href="$ENTRY_URL$">$TITLE$</a> </h5>
<div class="element-info">
<span class="e-category"><i class="fa fa-folder" aria-hidden="true"></i> <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span>
<span class="e-reads"><i class="fa fa-eye" aria-hidden="true"></i> $READS$</span>
<span class="e-comments"><i class="fa fa-comments" aria-hidden="true"></i> <a href="$ENTRY_URL$#comments">$COMMENTS_NUM$</a></span>
</div>
<div class="text">
$MESSAGE$</div>
</div>
</div>
</div>


Сообщение отредактировал
Nikas - Пятница, 03 Февраля 2017, 12:56
Страна: (UA)
Angerfist
Пятница, 03 Февраля 2017 | Сообщение 3
Оффлайн
Vip
Сообщений:767
Награды: 21
Message deleted

No regrets

Сообщение отредактировал
Angerfist - Пятница, 03 Февраля 2017, 13:10
Страна: (RU)
kldou24
Понедельник, 06 Февраля 2017 | Сообщение 4
Оффлайн
Пользователи
Сообщений:39
Награды: 0
Спасибо...за стили .Но мне надо расставить системные коды....дата коментарии и.т.д

Добавлено (04.02.2017, 09:50)
---------------------------------------------
все спасибо ....

Добавлено (06.02.2017, 13:38)
---------------------------------------------
Nikas, что-то криво встает. 07a

Страна: (RU)
Angerfist
Вторник, 07 Февраля 2017 | Сообщение 5
Оффлайн
Vip
Сообщений:767
Награды: 21
Пиши тут kldou24, не в ЛС

No regrets
Страна: (RU)
Angerfist
Вторник, 07 Февраля 2017 | Сообщение 6
Оффлайн
Vip
Сообщений:767
Награды: 21
kldou24, Операторы тебе расставили правильно) но я не изучал код и стили, думал разобрались

No regrets
Страна: (RU)
kldou24
Вторник, 07 Февраля 2017 | Сообщение 7
Оффлайн
Пользователи
Сообщений:39
Награды: 0
Angerfist, понял...жду...
Страна: (RU)
First-1
Вторник, 07 Февраля 2017 | Сообщение 8
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Цитата kldou24 ()
Вытащил вид материалов,а раставить системные коды не могу.
Это у вас так шутят? Код начинается с двух закрывающихся дивов 11a
Страна: (ES)
Angerfist
Вторник, 07 Февраля 2017 | Сообщение 9
Оффлайн
Vip
Сообщений:767
Награды: 21
First, там не только) я стал считать сколько не закрыто дивов либо октрытых где то и тут прицеплено,потом подумал разберусь откуда исходники были выдраны (ща под спидами не соображу где ещё стили лишние, может блоки дивов родителей там не нужны)

No regrets

Сообщение отредактировал
Angerfist - Вторник, 07 Февраля 2017, 17:54
Страна: (RU)
First-1
Вторник, 07 Февраля 2017 | Сообщение 10
Оффлайн
Пользователи
Сообщений:716
Награды: 22
и уберите с кода обвертку entryID. не думаю, что она там нужна
Страна: (ES)
kldou24
Вторник, 07 Февраля 2017 | Сообщение 11
Оффлайн
Пользователи
Сообщений:39
Награды: 0
Angerfist, скинул весь компот 11a на почту.
Страна: (RU)
Angerfist
Вторник, 07 Февраля 2017 | Сообщение 12
Оффлайн
Vip
Сообщений:767
Награды: 21
kldou24, ладно всё равно ищи варианты) а то может я забью))) я иногда ухожу в долгое течение с амфитаминами)

No regrets
Страна: (RU)
First-1
Вторник, 07 Февраля 2017 | Сообщение 13
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Angerfist, стили я не читал. закончел просмотрев начало хтмл кода 11a не думаю, что начинающие знают об иннер хтмл
Страна: (ES)
First-1
Вторник, 07 Февраля 2017 | Сообщение 14
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Angerfist, а вот мне как то под спидами интересно посмотреть. особенно на 5х сутках
Страна: (ES)
Angerfist
Вторник, 07 Февраля 2017 | Сообщение 15
Оффлайн
Vip
Сообщений:767
Награды: 21
First, ....)

No regrets

Сообщение отредактировал
Angerfist - Вторник, 07 Февраля 2017, 18:15
Страна: (RU)
Форум » Веб-разработка » Вопросы про uCoz » Как на вид материалов расставить системные коды uCoz (Помогите сделать грамотно)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: