Страница 1 из 212»
Форум про uCoz » Создание сайтов uCoz » Вопросы по uCoz » Как на вид материалов расставить системные коды uCoz (Помогите сделать грамотно)
Как на вид материалов расставить системные коды uCoz
kldou24
Дата: Пятница, 03.02.2017, 11:04 | Сообщение # 1
Пользователи
Сообщений:20
Награды: 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)
---------------------------------------------
За деньги..............Сразу найдутся.Бесплатно(денег нет)
Nikas
Дата: Пятница, 03.02.2017, 12:54 | Сообщение # 2
Модераторы
Сообщений:209
Награды: 2


стили не верно вставлены, смешали с 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.02.2017, 12:56
Angerfist
Дата: Пятница, 03.02.2017, 13:07 | Сообщение # 3
Vip
Сообщений:747
Награды: 20


Message deleted

No regrets

Сообщение отредактировал Angerfist - Пятница, 03.02.2017, 13:10
kldou24
Дата: Понедельник, 06.02.2017, 13:38 | Сообщение # 4
Пользователи
Сообщений:20
Награды: 0


Спасибо...за стили .Но мне надо расставить системные коды....дата коментарии и.т.д

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

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

Angerfist
Дата: Вторник, 07.02.2017, 16:49 | Сообщение # 5
Vip
Сообщений:747
Награды: 20


Пиши тут kldou24, не в ЛС

No regrets
Angerfist
Дата: Вторник, 07.02.2017, 16:51 | Сообщение # 6
Vip
Сообщений:747
Награды: 20


kldou24, Операторы тебе расставили правильно) но я не изучал код и стили, думал разобрались

No regrets
kldou24
Дата: Вторник, 07.02.2017, 17:12 | Сообщение # 7
Пользователи
Сообщений:20
Награды: 0


Angerfist, понял...жду...
First
Дата: Вторник, 07.02.2017, 17:27 | Сообщение # 8
Vip
Сообщений:408
Награды: 13


Цитата kldou24 ()
Вытащил вид материалов,а раставить системные коды не могу.
Это у вас так шутят? Код начинается с двух закрывающихся дивов 11a


Angerfist
Дата: Вторник, 07.02.2017, 17:52 | Сообщение # 9
Vip
Сообщений:747
Награды: 20


First, там не только) я стал считать сколько не закрыто дивов либо октрытых где то и тут прицеплено,потом подумал разберусь откуда исходники были выдраны (ща под спидами не соображу где ещё стили лишние, может блоки дивов родителей там не нужны)

No regrets

Сообщение отредактировал Angerfist - Вторник, 07.02.2017, 17:54
First
Дата: Вторник, 07.02.2017, 17:55 | Сообщение # 10
Vip
Сообщений:408
Награды: 13


и уберите с кода обвертку entryID. не думаю, что она там нужна

kldou24
Дата: Вторник, 07.02.2017, 17:56 | Сообщение # 11
Пользователи
Сообщений:20
Награды: 0


Angerfist, скинул весь компот 11a на почту.
Angerfist
Дата: Вторник, 07.02.2017, 17:58 | Сообщение # 12
Vip
Сообщений:747
Награды: 20


kldou24, ладно всё равно ищи варианты) а то может я забью))) я иногда ухожу в долгое течение с амфитаминами)

No regrets
First
Дата: Вторник, 07.02.2017, 18:02 | Сообщение # 13
Vip
Сообщений:408
Награды: 13


Angerfist, стили я не читал. закончел просмотрев начало хтмл кода 11a не думаю, что начинающие знают об иннер хтмл

First
Дата: Вторник, 07.02.2017, 18:04 | Сообщение # 14
Vip
Сообщений:408
Награды: 13


Angerfist, а вот мне как то под спидами интересно посмотреть. особенно на 5х сутках

Angerfist
Дата: Вторник, 07.02.2017, 18:14 | Сообщение # 15
Vip
Сообщений:747
Награды: 20


First, ....)

No regrets

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