Перейти к публикации

Michel700

Клиенты
  • Публикации

    226
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    4

Сообщения, опубликованные пользователем Michel700

  1. 18 часов назад, LADYX сказал:

     

    Не в обиду будет сказано, и все же, оказывается несомненно, вы

    Глупенький вы человек, я бы даже сказал глупыш. Маленький и совсем не умный, займитесь лучше полезными делами. Хотя даже не представляю что вы можете сделать полезного и не пишите больше, вы мне не интересны, совсем!!!, пишу сейчас и сам не понимаю зачем, это как в пещеру орать, там только уууу, пустота. Всех благ.

  2. 4 минуты назад, LADYX сказал:

    А что, неужели доход с такой посещаемостью не позволяет отдать полторашку деревянных за написание небольшого php+js, который проследит передвижения и телодвижения всех ваших поклонников по вашему сайту?

    Или ваш непревзойденный интеллект в решении подобных задач ограничен строго в рамках типа задарма?

    Привык сам решать проблемы, а деньги вкладываются половина в благотворительность.

  3. 2 часа назад, prikindel сказал:

    парни, не ссорьтесь

    уверяю, такое действительно бывает, есть любители поднасрать, и проблема не в качестве материала, проблема в голове минусующего.

    специально ставят минусы, тупо по порядку в посты заходят и минусуют. и так ежедневно :)
    я дописывал небольшой хак, чтобы видеть кто что ставит, поэтому знаю о чем говорю :)

    просто пришел к выводу, что у каждого свои тараканы в голове и хрен с ними)) ну поставят пару минусов и что?

     

    на эту же тему: как вам такое: недоброжелатели объединяются в группы, либо он один - заказывает на соц биржах действия и сливает к фигам собачьим аккаунты конкурентов на ютубе? тупо репорты шлет с разных аккаунтов. а там так - определенное кол-во раз пожаловались - аккаунт автоматически блочится, потом сидишь неделями ждешь ответ и перепроверку от суппорта

    Привет. Вот у меня и работает такая группа. Завелась как две недели, Новость только появляется, через минуту уже идут отрицательные лайки. Очень неприятно, в комментариях люди пишут спасибо, а лайки минусовые. Спасибо что поняли и знаете проблему.

  4. 17 минут назад, LADYX сказал:

    Michel700,

    я почему-то был уверен, глядя на ваш аватар, что вы мудрее будете. Ошибся, к сожалению.

    Ну вот, еще одно унылое олицетворение судить по написанному, а не помочь решить проблему. Слышь дядя, сайт с посещаемостью 90.000 человек в сутки, в день добавляется несколько десятков новостей, вам наверное с вашим непревзойденным интеллектом и не снилось такое. Ну что же, всегда есть к чему стремиться. А если вам нечего добавить по данной проблеме, то тоже лесом. А если у вас есть время флудить, то идите на форум для общения, тут как писал выше для особо одаренных, здесь решают проблемы, а не болтают о том какие люди.

  5. В 20.11.2017 в 17:07, alex32 сказал:

    Чо то я пророс. У людей должен быть выбор, и ты с этим согласен. Но у людей не может быть отрицательный выбор? Че за бред?

    засранец это ты, который якобы разрешает головать людям, но запрещает голосовать против. типа, голосовать можно только за. миротворец рулит?

     

    Слышь ты умник, для особо одаренных еще раз объясняю, завелась кучка людей и они специально ставят отрицательные лайки, если ты не умеешь читать то это твои проблемы. И если не хочешь помочь свали в туман просто и занимайся своими делами. Без тебя разберусь. От куда вы беретесь такие тупенькие, мир катиться в пропасть.

  6. 3 часа назад, alex32 сказал:

    Чо? Может, просто новости говно? Поставь тип рейтинга "только нравится". 

    Ну не знаю г..но или нет, но раньше как бы все нравилось людям. Не хочу ставить только нравиться, у людей должно быть свое мнение. Но вот как мне вычислить этих засранцев, забанить их.

  7. В 12.12.2016 в 03:28, alex32 сказал:

    вот так попробуйте поменять

    
    .short4-item {display:block; margin-bottom:15px;position:relative}
    .short4-img {height:140px; position:relative}
    
    .short4-img i {color:#fff; background-color:#f0261c; font-size:16px; padding:8px 10px; position:absolute; left:0px; bottom:0px;}

    и проверьте на всякий случай z-index через консоль
     

    Спасибо, попробую.

  8. 10 часов назад, SKYNET74 сказал:

    Как добавили то их?
    Если через CSS, то и на старых должно показываться.
    Слишком мало подробностей и нет никаких технических данных.

    Создал еще шаблон short4-item.tpl с кодом

     

    <a class="short4-item" href="{full-link}">
    	<div class="short4-img img-box">
    		<img src="{image-1}" alt="{title}" />
    		<i class="fa fa-play"></i>
    	</div>
    	<div class="short4-title">
    		{title}
    	</div>
    	<div class="short4-date"><span>{date=d}</span> {date=F Y}</div>
    </a>

     

    Добавил в запись где будет выводиться иконка

     

    <div class="side-item">
    						<div class="side-title">Новое Видео</div>
    						<div class="side-content">
    							{custom category="5" template="short4-item" aviable="global" from="0" limit="4" cache="no"}
    						</div>
    					</div>

     

    А вот собственно и css

     

    /* CUSTOM VIDEO
    ----------------------------------------------- */
    .short4-item {display:block; margin-bottom:15px;}
    .short4-img {height:140px; overflow:hidden;}
    .short4-title {margin-top:5px; color:#444; font-size:13px;}
    .short4-item:hover .short4-title {text-decoration:underline;}
    .short4-date {margin-top:5px; color:#5c5c5c; font-size:12px;}
    .short4-date span {color:#f0261c; margin-right:5px;}
    .short4-img i {color:#fff; background-color:#f0261c; font-size:16px; padding:8px 10px; position:absolute; left:0; bottom:0;}
    .fa-play::before {
        content: "";
    }
    .short4-img i {
        background-color: #f0261c;
        bottom: 0;
        color: #fff;
        font-size: 16px;
        left: 0;
        padding: 8px 10px;
        position: absolute;
    }

     

  9. Здравствуйте, сайту уже много лет, но поменял шаблон и хотел добавить иконки на фото из shortstory.tpl, то есть в кратких новостях вот такого типа,

     

    5780d9cfb2734074b1703beb0213ebf0.png

     

    но когда добавил, они появляются только лишь в новь созданных новостях. Поможет ли перестроение всех новостей решить данную проблему и прорисуются ли иконки на остальных картинках из старых новостей?

     

    Спасибо кто ответит.

  10. Здравствуйте, кто поможет реализовать в правой колонке материалы, Топ, случайное фото, топ видео, топ фото.

    Каждая колонка отдельная категория.

     

    Вот так выглядит.

     

    5d62c26b82c844e697d7c92858c8739d.png

     

    Как это все реализовать? Вознаграждение гарантируется. Спасибо.

  11. 23 часа назад, odys сказал:

    кеш скрипта чистил?

    Да чистил, скорее всего сторонний скрип мешает. Не могу найти что мешает, не дает вывести и все.

    19 часов назад, webair сказал:

     

    Тогда в чем проблемы?

     

    Что там может не работать?

    Перепроверьте всё, вдруг кириллицей какой то символ написали или наустанавливали всяких сторонних модулей.

    Все проверял, перекрывает что-то и не дает вывести, сторонний модуль стоит один, это своеобразный рейтинг, сегодня попробую его отключить. Насчет кириллицы исключено, все проверяю. Спасибо.

  12. 25 минут назад, germanydletest сказал:

    ну я не внук Ванги, дал два рабочих варианта, а что Вы делаете не так, без сайта и исходников сказать не могу

    Да я знаю что варианты рабочие, но ведь не выводит и все. Вы все верно сделали. И главное теперь только на главной не выводит, где и надо в основном.

  13. 15 минут назад, germanydletest сказал:
    
    [xfgiven_imagevideo]<div class="item-vid"><img src="[xfvalue_imagevideo]" height="32" width="32" alt="video"></div>[/xfgiven_imagevideo]

    и в css удалите строчку 

    
    background: rgba(0, 0, 0, 0) url("../images/video_ik.png") no-repeat scroll 0 0;

    https://jsfiddle.net/14fbpLzc/1/

    Делаю все правильно, хоть убейте, не выводит и все как вы показываете, может какой конфликт скриптов, ведь должен выводить по всем правилам, но не выводит.

    Выводит вот так

    [category=28-33]<div class="item-vid"></div>[/category]

    Но гад такой на главной теперь не выводит. Всю башку сломал, день выкинул из жизни. :D Как теперь на главной заставить выводить иконку?

  14. 1 час назад, germanydletest сказал:

    Как то так https://jsfiddle.net/14fbpLzc/

    Я все понимаю, да все работает, но нужно именно окружить картинку через теги доп.полей, чтоб иконка выводилась именно в некоторых категориях, а не автоматом на всем сайте. Так и я могу сделать, у меня не получается с доп полями. Типа:

    2348e9068bca45c1ad3648a2a426da65.png

     

    Как это все оформить, не выводит хоть тресни. Убираю теги, выводится по всему сайту, ставлю, вообще не выводится.

  15. 45 минут назад, germanydletest сказал:

    весь css, а не только от иконки

    .thumb, .thumb-img, .img-box, .ps-link, .icon-l, .t-meta, .t-rate, .t-views, .thumb-caption - Эти классы тоже нужны.

    /* SET BASE
    ----------------------------------------------- */
    * {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    ol, ul {list-style:none;}
    blockquote, q {quotes:none;}
    table {border-collapse:collapse;border-spacing:0;}
    input, select {vertical-align:middle;}
    article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
    body {font: 16px 'ProximaNovaRegular', Tahoma, Geneva, sans-serif; line-height:normal; padding:0; margin:0;        
    color: #282828; background-color:#fff; height:100%; width:100%; font-weight:400;}
    img {max-width:100%;}
    .clr {clear: both;}
    .clearfix:after {content: ""; display: table; clear: both;}
    a {color: #2d2d2d; text-decoration: none;}
    a:hover, a:focus {color:#4a61a3; text-decoration: none;}
    h1, h2, h3, h4, h5 {font-weight:400; font-size:18px;}
    
    @font-face {
        font-family: 'ProximaNovaRegular';
        src: url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.eot') format('eot'), 
    	url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
    	url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.woff') format('woff'), 
    	url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
    }
    @font-face {
        font-family: 'ProximaNovaRegular';
        src: url('../fonts/ProximaNova-RegIt.eot') format('eot'), 
    	url('../fonts/ProximaNova-RegIt.eot?#iefix') format('embedded-opentype'),
    	url('../fonts/ProximaNova-RegIt.woff') format('woff'), 
    	url('../fonts/ProximaNova-RegIt.ttf') format('truetype');
        font-weight: 400;
        font-style: italic;
    }
    @font-face {
        font-family: 'ProximaNovaRegular';
        src: url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.eot') format('eot'), 
    	url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
    	url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.woff') format('woff'), 
    	url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
    }
    @font-face {
        font-family: 'ProximaNovaRegular';
        src: url('../fonts/mark_simonson_-_proxima_nova_light-webfont.eot') format('eot'), 
    	url('../fonts/mark_simonson_-_proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),
    	url('../fonts/mark_simonson_-_proxima_nova_light-webfont.woff') format('woff'), 
    	url('../fonts/mark_simonson_-_proxima_nova_light-webfont.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
    }
    
       
    .form-wrap {}
    .sub-title h1 {margin-bottom:15px; font-size:24px; font-weight:700;}
    .pm-page, .search-page, .static-page, .tags-page, .form-wrap {}
    
    
    /*--- SET ---*/
    .button, .pagi-load a, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn), html input[type="button"], 
    input[type="reset"], input[type="submit"], .meta-fav a {
    padding:0 20px; color:#000; font-weight:700; display:inline-block; background-color:#ffcc00; 
    background: linear-gradient(to bottom, #fff600 0%,#ffcc00 100%); box-shadow:0 3px 5px 0 rgba(0,0,0,0.25);
    height:40px; line-height:43px; border-radius:20px; cursor:pointer; text-transform:uppercase;}
    button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
    button[disabled], input[disabled] {cursor:default;}
    .button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover,
    button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover 
    {color:#000; background: linear-gradient(to top, #fff600 0%,#ffcc00 100%);}
    button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
    {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
    input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
    {font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}
    
    input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
    color:#000000; background-color:#f5f5f5; border-radius:4px; -webkit-appearance: none; box-shadow:0 0 0 1px #EDEDED;}
    input[type="text"]:focus {}
    
    input:focus::-webkit-input-placeholder {color: transparent}
    input:focus::-moz-placeholder {color: transparent}
    input:focus:-moz-placeholder {color: transparent}
    input:focus:-ms-input-placeholder {color: transparent} 
    
    select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;}
    textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#FFF; 
    border-radius:0 0 6px 6px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); overflow:auto; vertical-align:top; resize:vertical;}
    
    .img-box {overflow:hidden; position:relative; background-color:#CCC;}
    .img-box img {width:100%; min-height:100%;}
    .square-img img {width:150%; max-width:150%; margin-left:-25%;}
    .nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    button, .with-mask:after {transition: all .3s;}
    a, .button, .with-mask:before, .thumb-mask {transition: color .3s, background-color .3s, opacity .3s;}
    
    .flex-row {display:flex; flex-flow:row wrap; justify-content:space-between;}
    .flex-col {display:flex; flex-direction:column; justify-content:center;}
    .ps-link {cursor:pointer;}
    .icon-l .fa {margin-right:10px;}
    
    
    /* BASIC GRID
    ----------------------------------------------- */
    .wrap {min-width:320px; position:relative; overflow:hidden;}
    .center {max-width:1220px; margin:0 auto; padding:0 10px; position:relative; z-index:100;}
    .wrap:before {content:""; width:100%; height:100px; position:absolute; left:0; top:0; background-color:#000; 
    background: -webkit-linear-gradient(top, #444 0%,#222 100%); background: linear-gradient(to bottom, #444 0%,#222 100%);}
    .header {height:100px; padding:0 200px 0 290px; position:relative;}
    .main {min-height:800px;}
    .footer {padding:20px 0; border-top:3px solid #ffcc00; background-color:#222; color:#ccc;}
    
    
    /* HEADER
    ----------------------------------------------- */
    .logotype {height:100px; width:270px; display:block; position:absolute; left:0; top:0;}
    .logotype img {display:block;}
    .header-menu {}
    .header-menu li {display:inline-block; margin-right:20px; line-height:100px;}
    .header-menu a {color:#ccc; font-weight:700; text-transform:uppercase;}
    .header-menu a:hover {color:#fff;}
    .show-login {position:absolute; right:0; top:30px; background-color:#444; color:#fff; 
    background: linear-gradient(to bottom, #444 0%,#222 100%); box-shadow:0 0 0 5px #000;
    padding:0 20px; display:inline-block; height:40px; line-height:40px; border-radius:20px; cursor:pointer;}
    .show-login:hover {color:#000; background: linear-gradient(to top, #fff600 0%,#ffcc00 100%);}
    a.my-fav {color:#ffcc00;}
    
    /* NAV, SPEEDBAR, SEARCH
    ----------------------------------------------- */
    .navi-box {margin-bottom:30px; padding:20px 0; 
    box-shadow:0 20px 20px -20px rgba(0,0,0,0.15); border-bottom:1px solid #f5f5f5;}
    
    .show-menu {float:left;}
    .menu-inner {display:none;}
    .menu-inner ul {padding:6px 0 0 0;}
    .menu-inner li {display:inline-block; width:20%;}
    .menu-inner a {display:inline-block; padding:0 10px; height:28px; line-height:28px; border-radius:14px;}
    .menu-inner a:before {content:"\f105"; margin-right:7px; font-family:'FontAwesome'; color:#000;}
    .menu-inner a:hover {color:#000; background: linear-gradient(to top, #fff600 0%,#ffcc00 100%);}
    
    .search-box {width:224px; float:right;}
    .search-inner {width:100%; position:relative;}
    .search-inner input, .search-inner input:focus {width:100%; height:40px; line-height:40px; padding:0 40px 0 10px; 
    background-color:#fff; color:#5c5c5c; text-transform:uppercase; border-radius:20px; 
    box-shadow:0 0 0 1px #e3e3e3, inset 2px 2px 4px 0 rgba(0,0,0,0.1); }
    .search-box button {position:absolute; right:0; top:0; box-shadow:none; background:transparent; color:#2a2a2a; 
    padding:0; width:40px; text-align:center; font-size:18px;}
    
    .speedbar {line-height:40px; float:left; margin-left:20px; max-width:60%;}
    .speedbar a:hover {text-decoration:underline;}
    
    
    /* THUMBS
    ----------------------------------------------- */
    .main-title {font-size:24px; font-weight:700; text-transform:uppercase; margin-bottom:20px;}
    .floats {margin:0 -10px;}
    
    .thumb {width:20%; padding:0 10px 20px 10px; float:left;}
    .thumb-img {height:140px; margin-bottom:10px;}
    .thumb-caption {overflow:hidden; height:40px; display:block;}
    .t-meta {display:inline-block; position:absolute; color:#FFF; padding:7px 15px; font-size:14px; background-color:rgba(0,0,0,0.5);}
    .t-views {top:0; left:0;}
    .t-rate {top:0; right:0; background-color:rgba(61,175,5,0.7);}
    .t-down {background-color:rgba(208,4,4,0.7);}
    .t-time {bottom:10px; right:10px; border-radius:3px; padding:3px 5px;}
    .thumb:hover .thumb-caption {color:#000; text-decoration:underline;}
    
    
    /* BOTTOM NAVIGATION
    ----------------------------------------------- */
    .pagi-load {text-align:center;}
    .pagi-load > span {display:none;}
    .pagi-load + .pagi-nav {margin-top:30px;}
    .bottom-nav {line-height:40px; text-align:center; font-size:16px; padding:20px 10px 30px 10px;}
    .pagi-nav {white-space:nowrap; overflow-y:hidden; overflow-x:auto; max-width:100%;
    background-color:#FFF; border:1px solid #e3e3e3; border-radius:3px; display:inline-block;}
    .pagi-nav > span {display:inline-block;}
    .pprev, .pnext {}
    .pprev {border-right:1px solid #e3e3e3;}
    .pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:40px; text-align:center;}
    .navigation {text-align:center;}
    .navigation a, .navigation span {display:inline-block; padding:0 5px; min-width:38px;
    color:#444; border-right:1px solid #e3e3e3; margin-right:-4px;}
    .navigation span, .pagi-nav a:hover {background-color:#444; color:#fff;}
    .navigation span.nav_ext {background-color:transparent; color:#888;}
    .dle-comments-navigation .pagi-nav {margin-bottom:0; padding-bottom:20px;}
    
    
    /* SEO DESCRIPTION
    ----------------------------------------------- */
    .site-desc {color:#4b4b4b; padding:20px 0; border-top:1px solid #e3e3e3;}
    .site-desc h1, .site-desc h2, .site-desc h3 {font-size:18px; font-weight:700; margin-bottom:10px;}
    .site-desc h1 span, .site-desc h2 span, .site-desc h3 span {}
    .site-desc p {margin-bottom:5px;}
    .site-desc a {color:#4a61a3; text-decoration:underline;}
    
    
    /* FOOTER
    ----------------------------------------------- */
    .fbottom div {line-height:31px;}
    .counters {display:inline-block; background-color:#CCC; height:31px; min-width:88px;}
    
    
    /* FULL STORY
    ----------------------------------------------- */
    .full-cols {padding-right:245px;}
    .full-right {width:225px; margin-right:-245px; float:right;}
    .full-left {width:100%; float:left;}
    
    .player-cols {background-color:#222; padding-left:340px;}
    .player-box {background-color:#000; min-height:200px; width:100%; float:right;}
    .player-rkl {width:340px; margin-left:-340px; float:left; padding:20px;}
    
    .full-desc {background-color:#FFF; box-shadow:0 5px 10px 0 rgba(0,0,0,0.1); padding:0 20px 20px 20px; margin-bottom:30px;}
    .full-meta {padding:10px 0; align-items:center; border-bottom:1px solid #e9e9e9; margin-bottom:20px;}
    .full-meta > div {display:inline-block; vertical-align:middle;}
    .meta-img {width:50px; height:50px;}
    .meta-img a {display:inline-block; position:absolute; left:0; bottom:0; background-color:#ffcc00; color:#000; padding:3px 5px;}
    .meta-item {line-height:25px; max-width:220px;}
    .meta-item span:not(.fa) {font-weight:700;}
    .meta-item a {text-decoration:underline; color:#4a61a3;}
    .meta-item div {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .meta-fav .button, .meta-fav a {font-size:14px;}
    
    .rate3 {width:200px; white-space:nowrap;}
    .rate3 span[id*="vote-num"], .rate3 span[id*="ratig-layer"] {display:none;}
    .rate3-views {font-size:18px; text-align:right;}
    .rbar {height:4px; overflow:hidden; position:relative; background-color:#ddd; margin:5px 0; border-radius:2px;}
    .rfill {width:50%; height:100%; position:absolute; left:0; top:0; background-color:#69a935; transition:width 1s linear;}
    .rate3-vote {text-align:right;}
    .ps, .ms {cursor:pointer; height:30px; line-height:30px; display:inline-block; color:#888;}
    .ms {margin-left:20px;}
    .ps:hover .fa {color:#028c19;}
    .ms:hover .fa {color:#c1050a;}
    
    .slice {overflow:hidden; position:relative; transition:height .2s;}
    .slice-masked:before {content:'';position:absolute;z-index:1;bottom:0px;left:0;right:0;height:120px;pointer-events:none;
    background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);}
    .slice-btn {margin:0 0 20px 0;}
    .slice-btn span {display:inline-block; cursor:pointer; text-decoration:underline; color:#4a61a3;}
    
    
    /* FULL STATIC
    ----------------------------------------------- */
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width: 100%; max-width:100% !important; height:340px;}
    .mejs-container {max-width:100% !important;}
    .full-text {color:#4b4b4b; line-height:24px;}
    .full-text img:not(.emoji) {max-width:100%; margin:0 0 10px 0;}
    .full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
    .full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
    .full-text a {text-decoration:underline; color:#4a61a3;}
    .full-text a:hover {text-decoration:none;}
    .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:18px; font-weight:700;}
    .full-text p {margin-bottom:15px;}
    .full-text ul, .full-text ol {margin:0;}
    .full-text ul li {list-style:disc; margin-left:40px;}
    .full-text ol li {list-style:decimal; margin-left:40px;}
    .full-taglist + .full-taglist {margin-top:20px;}
    .full-taglist a {color:#4a61a3;}
    
    
    /* COMMENTS
    ----------------------------------------------- */
    .add-comm-btn {margin-bottom:30px;}
    .add-comm-form {margin-bottom:30px; display:none; padding:30px; 
    background-color:#f5f5f5; box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.2);}
    .ac-inputs input {width:49%; float:left; background-color:#FFF;}
    .ac-inputs input:last-child {float:right;}
    .ac-inputs, .ac-textarea {margin-bottom:15px;}
    .ac-textarea textarea {height:140px;}
    .ac-protect {margin-top:-10px;}
    .ac-protect .label {font-size:12px;}
    .ac-protect .sep-input {padding:10px 10px 10px 160px;}
    .ac-protect input {background-color:#FFF;}
    
    .mass_comments_action {text-align:right; padding:5px 15px; background-color:#F5F5F5; margin:20px 0;}
    .last-comm-link {font-size:16px; margin-bottom:10px;}
    .last-comm-link a {text-decoration:underline; color:#06c;}
    
    .comm-item {padding-left:60px; margin-bottom:20px;}
    .comm-left {width:45px; height:45px; margin-left:-60px; float:left;}
    .comm-right {width:100%; float:right;}
    .comm-one {padding:0 80px 10px 0; position:relative;}
    .comm-one > span {color:#bcbcbc; float:right;}
    .comm-one > span:first-child {color:#4d4d4d; text-transform:uppercase; font-weight:700; float:left;}
    .rate3-comm {position:absolute; right:0; top:0; white-space:nowrap;}
    .rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px;
    color:#497b41; margin:0 5px 0 0; vertical-align:top}
    .rate3-comm a:last-child {color:#a03939; margin:0 0 0 5px;}
    .rate3-comm a:hover {opacity:0.5;}
    .rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top;}
    .rate3-comm > span > span.ratingtypeplus {color: #06b601;}
    .rate3-comm > span > span.ratingplus {color: #95c613;}
    .rate3-comm > span > span.ratingminus {color: #ff0e0e;}
    .comm-two {padding:15px; color:#4c4c4c; line-height:20px; border:1px solid #e3e3e3;}
    .comm-three {margin-top:10px; font-size:12px; text-align:right;}
    .comm-three li {display:inline-block; margin-left:10px;}
    
    
    /* LOGIN
    ----------------------------------------------- */
    .login-box {background-color:#FFF; padding:20px; display:none;}
    .lb-user {margin:-20px -20px 20px -20px; padding:20px; background-color:#f5f5f5;  
    display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
    .lb-ava {width:80px; height:80px; border-radius:50%; margin-right:20px;}
    .lb-name div {font-size:18px; font-weight:700;}
    .lb-name a {margin-top:10px;}
    .lb-menu a {display:block; line-height:30px; padding:0 10px; background-color:#f5f5f5;}
    .lb-menu a:hover, .lb-menu a:hover .fa {background-color:#ffcc00; color:#000;}
    .lb-menu a .fa {color:#444;}
    .login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check 
    {display:block; margin-bottom:20px; width:100%; background-color:#FFF;}
    .lb-check input {display:none;}
    .lb-check input + label:before {width:14px; height:14px; margin-right:7px; cursor:pointer; position:relative; top:3px;
    border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;}
    .lb-check input:checked + label:before {background-color:#e5050b;}
    .lb-soc {margin:20px -20px -20px -20px; padding:20px; background-color:#f5f5f5; text-align:center;}
    .lb-soc a {display:inline-block; margin:10px 3px 0 3px; vertical-align:top;}
    .lb-soc img {display:block; width:30px;}
    
    
    
    	
    /* ADAPTIVE
    ----------------------------------------------- */
    
    @media screen and (max-width: 1220px) {
    .center {max-width:1000px;}
    .menu-inner a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
    .thumb {width:25%;}
    .speedbar {max-width:50%;}
    
    .full-cols {padding-right:0;}
    .full-right {width:100%; margin-right:0; float:none; padding-top:30px; display:none;}
    .full-left {float:none;}
    }
    
    @media screen and (max-width: 950px) {
    .center {max-width:768px;}
    .header {padding:0 200px 0 190px;}
    .logotype {width:170px; padding-top:18px;}
    .menu-inner li {width:24%;}
    .thumb {width:33.333%;}
    
    .rate3 {margin:0 auto; padding-top:10px;}
    .rate3-views, .rate3-vote {text-align:center;}
    }
    
    @media screen and (max-width: 760px) {
    .center {max-width:640px;}
    .header {padding:0;}
    .header-menu, .speedbar {display:none;}
    .menu-inner li {width:32%;}
    .thumb {width:50%;}
    .fbottom > div:first-child {width:100%; padding-bottom:10px;}
    
    .main-title {font-size:18px;}
    
    .player-cols {padding-left:0;}
    .player-box {float:none;}
    .player-rkl {width:100%; margin-left:0; float:none; padding:20px 10px; overflow:hidden; text-align:center;}
    .meta-item {max-width:49%; width:49%;}
    
    
    
    .comm-three {display:none;}
    
    .ac-protect {margin-top:0px;}
    .comments-tree-list .comments-tree-list {padding-left:0px !important;}
    .mass_comments_action {display:none;}
    .sub-title h1 {font-size:18px; line-height:24px;}
    }
    
    @media screen and (max-width: 590px) {
    .center {max-width:480px;}
    .menu-inner li {width:49%;}
    
    .meta-fav a, .meta-fav .button{width:200px; text-align:center;}
    .meta-item {padding-top:10px; display:none !important;}
    
    .comm-one > span:nth-child(2) {display:none;}
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}
    
    .ac-soc {position:static;}
    .ac-inputs input {width:100%; margin-top:10px;}
    .ac-protect {width:100%; float:none; margin:0;}
    .ui-dialog {width:100% !important;}
    .upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
    .upop-left {margin-bottom:10px; text-align:center;}
    .ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
    #dofullsearch, #searchsuggestions span.seperator {display:none !important;}
    .attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
    .attach-info {float:none;}
    }
    
    @media screen and (max-width: 470px) {
    .center {max-width:320px;}
    .show-login .fa {display:none;}
    .search-box {width:170px;}
    .thumb {width:100%;}
    .thumb-img {height:170px;}
    
    .player-rkl {padding:0;}
    
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
    }
    
    .full-photo .full-desc {box-shadow:none; padding:0; margin-bottom:30px; border-top:1px solid #e3e3e3;}
    .full-photo .full-meta > div:first-child {align-items:center;}
    .full-photo .full-meta > div:first-child > div {display:inline-block; vertical-align:middle; margin-right:15px;}
    
    @media screen and (max-width: 760px) {
    .full-photo .full-meta > div:first-child {display:none;}
    }
    
    .item-vid {
        background: rgba(0, 0, 0, 0) url("../images/video_ik.png") no-repeat scroll 0 0;
        bottom: 6px;
        display: inline-block;
        opacity: 0.9;
        padding: 15px;
        position: absolute;
        right: 10px;
    }

     

  16. 9 минут назад, germanydletest сказал:

    если скинете свой код который на скрине и css от него, то набросаю вам код

    Пожалуйста

    <div class="thumb">
    		<div class="thumb-img img-box ps-link icon-l" data-href="{full-link}">
    			<img src="{image-1}" alt="{title}" />
    			<div class="t-meta t-rate"><span class="fa fa-thumbs-o-up"></span>{rating}</div>
    			<div class="t-meta t-views"><span class="fa fa-eye"></span>{views}</div>
    			<div class="item-vid">[xfgiven_imagevideo][xfvalue_imagevideo][/xfgiven_imagevideo]</div>
    		</div>
    		<a class="thumb-caption" href="{full-link}">
    			{title limit="80"}
    		</a>
    </div>

     

    .item-vid {
        background: rgba(0, 0, 0, 0) url("../images/video_ik.png") no-repeat scroll 0 0;
        bottom: 6px;
        display: inline-block;
        opacity: 0.9;
        padding: 15px;
        position: absolute;
        right: 10px;
    }

     

    Спасибо.

  17. 31 минуту назад, germanydletest сказал:

    Обрамить картинку в div, затем под или над картинкой вставляем span с иконкой и через абсолютное позиционирование выставляете иконку в нужном месте

    А не можете показать примерный код или написать? Спасибо

  18. Здравствуйте!

    Есть картинки в короткой новости shortstory.tpl

     

    6ac2b371215f419b9b1d8119603a0ec0.png

     

    Нужно добавить на нее разные иконки в зависимости от категории в виде таких

     

    d2913556903c45af93ade7b631038e3a.png

     

    И такое еще

     

    f899883552cf4bed85926c4a62deda67.png

     

    Как все это вывести с помощью дополнительного поля. Делаю так, не получается вывод.

     

    a0d53facf953478784318e325cae48f7.png

    d9b670c6b6f34f30b6e009e8c07dcdb9.png

     

    Что можете посоветовать? Спасибо

×
×
  • Создать...