radrigo
-
Публикации
1 418 -
Зарегистрирован
-
Посещение
-
Дней в лидерах
58
Сообщения, опубликованные пользователем radrigo
-
-
Ткните носом пожалуйста. Я просто не вижу
-
При вставке аудио у меня нет нигде окошка для введения описания.
Нашел пример бб тега и всё получилось
[audiо=путь к аудио файлу|описание аудио].Подскажите ещё, возможно ли задать ширину в процентах?
-
Всем привет.
Есть пару вопросов по аудио.
1) Когда на сайте воспроизводится аудио, информацию о ролике показывает как имя файла. Возможно ли заменить его на своё?
2) В каком формате желательно загружать аудио для воспроизведения с сайта?
Заранее признателен всем за подсказку.
-
Всем привет.
Заметил одну фишку на Риа.ру, при увеличении фото, задний фон размывается.
Пример
https://ria.ru/society/20161023/1479819546.html
Возможно также на дле сделать? Чтоб при увеличении фото не только бы затемняло фон, но и размывало?
Заранее признателен за подсказку.
А вообще можно было бы в движке реализовать выбор не из двух вариантов, затемнять или нет, а из 4, не затемнённое и не размытое, не затемнённое и размытое, затемнённое и не размытое, затемнённое и размытое. Было бы прикольно.
-
Нашел, спасибо=)
-
Всем привет
Подскажите как поменять данные opensearch.php
Сейчас показывает следующий код
<?xml version="1.0" encoding="windows-1251"?> <OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"> <ShortName>DataLife Engine Demo</ShortName> <Description>DataLife Engine Search</Description> <Contact>admin@website.ru</Contact> <Url type="text/html" template="http://www.gusev-online.ru/index.php?story={searchTerms}&do=search&subaction=search" /> <LongName>DataLife Engine Search</LongName> <Image height="64" width="64" type="image/png">http://www.gusev-online.ru/logo.png</Image> <Image height="16" width="16" type="image/vnd.microsoft.icon">http://www.gusev-online.ru/favicon.ico</Image> <Developer>SoftNews Media Group (http://dle-news.ru)</Developer> <Attribution> Copyright (c) 2004,2013 SoftNews Media Group. All Rights Reserved. </Attribution> <SyndicationRight>open</SyndicationRight> <AdultContent>false</AdultContent> <Language>ru-ru</Language> <OutputEncoding>windows-1251</OutputEncoding> <InputEncoding>windows-1251</InputEncoding> </OpenSearchDescription>
Хотелось бы видеть информацию о своём сайте
Не актуально.
Нашел
-
Всем привет.
При попытке отредактировать комментарий из списка жалоб показывает ошибку "Действие не определено или не выбраны комментарии. Вернуться назад"
-
Всем привет.
Читаю про svg, есть плюсы и минусы.
Плюс - это конечно чёткая прорисовка на экранах с любой плотностью.
Минус - требует гораздо больше ресурсов от браузера.
Хотелось бы услышать ваше мнение, кто что использует.
Допустим у меня svg файл с иконками 17 кб., как сильно это скажется на производительности?
Кстати на dle-news.ru иконки png
-
Спасибо за разъяснения.
Ещё вопрос.
Как вы в нём прописываете путь до логотипов если они тоже в шаблоне? Тег {THEME} работает?
-
17 минут назад, germanydletest сказал:
данный мета тег (никак не мега) для социальных сетей, когда кто-то добавляет ваш сайт к себе на страничку.
Я понимаю что он для соц сетей, не понятно зачем он в шаблоне Default.
17 минут назад, germanydletest сказал:P.S.: Не рекомендую ориентироваться на стандартные шаблоны DLE в них хватает недочётов (например нет XML-файла с конфигурациями для
мелкомягкихMicrosoft IE 11, Windows 8 и т.д.)Это я уже понял.
Можете немного подробнее об XML-файле с конфигурациями для Microsoft IE 11, Windows 8?
Вы о файле browserconfig.xml.
Такое должно быть его содержимое?
<?xml version="1.0" encoding="utf-8"?> <browserconfig> <msapplication> <tile> <square70x70logo src="/mstile-70x70.png"/> <square150x150logo src="/mstile-150x150.png"/> <square310x310logo src="/mstile-310x310.png"/> <wide310x150logo src="/mstile-310x150.png"/> <TileColor>#2b5797</TileColor> </tile> </msapplication> </browserconfig>
Его не достаточно просто в корень сайта закинуть?
-
Ясно, спасибо за разъяснения.
Для чего в шаблоне Default этот мегатег? Если он генерируется в новостях движком.
В новостях получается два этих мегатега с разными картинками.
<meta property="og:image" content="{THEME}/images/logo.png">
Только на главной не генерируется.
Можно сделать чтоб этот мегатег не генерировался движком вообще, а прописывать самому что-то типа такого?
[not-available=showfull]<meta property="og:image" content="{THEME}/images/logo.png">[/not-available] [available=showfull] [xfgiven_foto]<meta property="og:image" content="[xfvalue_foto]">[/xfgiven_foto] [xfnotgiven_foto][image-1]<meta property="og:image" content="{image-1}">[/image-1][/xfnotgiven_foto] [/available]
-
Всем привет.
В шаблоне Default прописаны мегатеги иконок для телефонов
<link rel="apple-touch-icon" href="{THEME}/images/touch-icon-iphone.png"> <link rel="apple-touch-icon" sizes="76x76" href="{THEME}/images/touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="120x120" href="{THEME}/images/touch-icon-iphone-retina.png"> <link rel="apple-touch-icon" sizes="152x152" href="{THEME}/images/touch-icon-ipad-retina.png"> <meta property="og:image" content="{THEME}/images/logo.png">
У иконки touch-icon-ipad.png прописано sizes="76x76" однако картинка размером 120х10
У touch-icon-ipad-retina.png прописано 152х152, но иконка размером 156х156
Иконка touch-icon-iphone-retina.png вообще отсутствует.
Получается sizes не должен совпадать с размером? Или это ляп верстальщика?
Какие вообще пути желательно прописать к иконкам и с каким размером?
Раньше делал по примеру Default, но уже чего-то сомневаюсь.
-
4 часа назад, germanydletest сказал:
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->скрипт тот же, но шансов того, что он есть в кеше браузера пользователя, гораздо больше, тем самым ускорится загрузка вашего сайта на IE 6-8
От гугла кстати не доступен
-
16 минут назад, germanydletest сказал:
Берёте только html5shiv.js, закидываете его к себе в папку со всеми js скриптами и подключаете
<!--[if lt IE 9]> <script type="text/javascript" src="{THEME}/js/html5shiv.js"></script> <![endif]-->но я бы рекомендовал подключать от гугла, а не с собственного сайта
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->скрипт тот же, но шансов того, что он есть в кеше браузера пользователя, гораздо больше, тем самым ускорится загрузка вашего сайта на IE 6-8
Спасибо=)
Ещё вопрос.
В стандартных шаблонах присутствуют такие стили и они идут практически друг за другом
такой
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }и такой
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block; }Единственное их отличие это что в первом случае между элементами присутствуют пробелы, однако по мне так они выполняют одну и туже функцию. Или я ошибаюсь и это было сделано намеренно с какой-то целью?
-
9 минут назад, celsoft сказал:
Как это у вас получается, если в стандартных шаблонах нет h1? Вы их поставили туда сами, а не идет какая то ошибка в стандартных шаблонах, стандартные шаблоны используют h2. Это семантически разные теги.
Один из примеров в шаблоне Default в статистических страницах.
Именно поэтому я изначально начал так верстать свой шаблон
19 минут назад, celsoft сказал:Использовать HTML 5 на сайте и думать о IE 6-9 затея плохая. DLE не поддерживает эти браузеры уже более года. Ну добавите этот скрипт и что? ваша верстка CSS все равно развалится. т.к. вы используете неподдерживаемые этими браузерами свойства. Нужно верстку специально под эти браузеры делать, а легкое подключение каких то скрипт проблемы не решит. Так что мое личное мнение заниматься этим вообще не имеет никакого смысла, доля этих браузерах менее 1 процента, и то на предприятиях на каких то рабочих компьютерах, откуда по порталам не ходят и видео не смотрят, поэтому не тратьте впустую время. Это было актуально, когда HTML5 только появлялся и доля старого IE была огромна.
С этим я согласен, просто больше любопытство=)
-
39 минут назад, germanydletest сказал:
Ошибка у вас не в fullstory, а раньше, у вас основной тег article завёрнут в тег section, если вы хотите использовать h1 внутри вашего article, то можете сменить
<section class="ma_cont"> --- </section>
на
<main class="ma_cont"> </main>
и тогда валидатор не будет ругаться на ваш h1 внутри article
Спасибо. Пропали две ошибки в валидаторе=)
Получается эта ошибка и в шаблонах которые идут вместе с движком по умолчанию.
И ещё несколько вопросов
Для каких целей в шаблонах кроме Default подключают скрипт svgxuse.min.js. Ясно что он для иконок svg, но для какой цели непонятно.
И ещё. В статье на сайте http://htmlbook.ru/blog/element. рекомендуется использовать следующие скрипты для старых ie
document.createElement('header'); document.createElement('nav'); document.createElement('section'); document.createElement('main'); и т.п......Либо использовать https://github.com/aFarkas/html5shiv
Подскажите, конкретно какие скрипты они рекомендуют от туда подключать?
-
35 минут назад, germanydletest сказал:
Не важно с помощью чего вы его разрабатываете, у вас в целом семантика вёрстки нарушена, поэтому он и ругается.
Не можете подсказать где именно нарушено?
Делал по примеру шаблона Default, только там заголовок новости в h2, если сделать h1 как у меня, то тоже показывает ошибку.
это мой fullstory.tpl
<article class="full_fon"> <h1 class="title">{title}</h1> <div class="full_dat ignore-select">[edit]<svg class="icon icon-edit"><use xlink:href="#icon-edit"></use></svg>[/edit][add-favorites]<svg class="icon icon-fav"><use xlink:href="#icon-fav"></use></svg>[/add-favorites][del-favorites]<svg class="icon red icon-fav"><use xlink:href="#icon-fav"></use></svg>[/del-favorites]{date=j F Y, H:i}</div> [xfgiven_foto] <div class="full_foto">[xfvalue_foto]</div> [/xfgiven_foto] <ul class="full_get ignore-select"> <li onclick="document.getElementById('idblock').className = 'classFirst';" class="fos01">Размер шрифта</li> <li onclick="document.getElementById('idblock').className = 'classSecond';" class="fos02">+</li> <li onclick="document.getElementById('idblock').className = 'classThird';" class="fos02">++</li> <li class="soctop"> <noindex><div class="ya-share2 nochvo" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter" data-size="s" data-counter="" data-image="{image-1}" data-title="{title}" data-url="{full-link}" data-description="{full-story limit='200'}"></div></noindex> </li> </ul> <div id="idblock" class="news classFirst">{full-story}</div> {poll} [xfgiven_video]<div class="news-video">[xfvalue_video]</div>[/xfgiven_video] [tags]<i class="full_tags ignore-select">Теги: {tags}</i>[/tags] <div class="full_inf ignore-select"><b>{views}</b> [declination={views}]просмот|р|ра|ров[/declination][comments] | <b>{comments-num}</b> [declination={comments-num}]комментари|й|я|ев[/declination][/comments][catlist=17,28] | Автор: <b>{author}</b>[/catlist]</div> [edit-date]<i class="editdate">Новость отредактирована {edit-date}<br> [edit-reason]Причина: {edit-reason}[/edit-reason]</i>[/edit-date] <div class="full_soc"><div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter" data-counter="" data-image="{image-1}" data-title="{title}" data-url="{full-link}" data-description="{full-story limit='200'}"></div>{rating}<span class="prosm">{vote-num}</span></div> </article> [not-catlist=16][related-news] <div class="ma_fon ignore-select"> <div class="cont_sh">Другие новости по теме</div> {related-news} </div> [/related-news][/not-catlist] <div class="ma_fon">{comments} {navigation} {addcomments}</div> <script type="text/javascript" src="/engine/classes/min/index.php?f={THEME}/js/share.js" charset="utf-8"></script>
-
Данная ошибка показывает в полных новостях.
Вот ссылка на сайт с тестовым шаблон где эта ошибка. Данный шаблон разрабатваю с использованием Bootstrap.
-
16 часов назад, alex32 сказал:
Наверное, где -то на страниуе еще один H1 стоит
В том-то и дело что тег h1 встречается только один раз
-
Всем привет.
Заметил одну вещь. Если в теге article присутствует h1 то валидатор показывает следующее предупреждение
Consider using the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools).Меняю тег h1 на h2, или выношу за пределы тега article, предупреждение перестаёт показываться. Хотя на одном из блогов написано что заголовки внутри тега article обязательны
Цитатарежде всего обратите внимание на определение «самодостаточный компонент», это определение говорит о том, что в элементе article должен размещаться законченный контент. И что само собой разумеется в этом элементе страницы в обязательном порядке должны присутствовать теги заголовков, причём первый заголовок находящийся в нём будет участвовать в создании структуры страницы.
Также приводятся примеры где внутри тега article используется h1
Помогите понять как всё таки будет правильно? Да и где тогда использовать h1 если не в заголовках полной новости?
Заранее признателен всем за подсказку.
-
Спасибо=)
Только сейчас познакомился с Bootstrap, пол дня колесил в интернете читая различные статьи и пытаясь разобраться. Оказалась очень удобная и простая в использовании вещь.
-
6 часов назад, celsoft сказал:
https://msdn.microsoft.com/ru-ru/library/gg589508(v=vs.85).aspx
В svg в параметре viewBox="0 0 868 1024" вы задаете размеры картинки где 0 0 это координаты левого верхнего угла прямоугольника, а 868 1024 правого нижнего.
Ясно, спасибо=)
Подскажите ещё, какую функцию выполняет огромный кусок кода в начале файла lib.js, во всех стандартных шаблонах он немного отличается.
if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(t){"use strict";var e=t.fn.jquery.split(" ")[0].split(".");if(e[0]<2&&e[1]<9||1==e[0]&&9==e[1]&&e[2]<1||e[0]>2)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3")}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var n=t(this),a=n.data("bs.carousel"),s=t.extend({},i.DEFAULTS,n.data(),"object"==typeof e&&e),r="string"==typeof e?e:s.slide;a||n.data("bs.carousel",a=new i(this,s)),"number"==typeof e?a.to(e):r?a[r]():s.interval&&a.pause().cycle()})}var i=function(e,i){this.$element=t(e),this.$indicators=this.$element.find(".carousel-indicators"),this.options=i,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",t.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",t.proxy(this.pause,this)).on("mouseleave.bs.carousel",t.proxy(this.cycle,this))};i.VERSION="3.3.6",i.TRANSITION_DURATION=600,i.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},i.prototype.keydown=function(t){if(!/input|textarea/i.test(t.target.tagName)){switch(t.which){case 37:this.prev();break;case 39:this.next();break;default:return}t.preventDefault()}},i.prototype.cycle=function(e){return e||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(t.proxy(this.next,this),this.options.interval)),this},i.prototype.getItemIndex=function(t){return this.$items=t.parent().children(".item"),this.$items.index(t||this.$active)},i.prototype.getItemForDirection=function(t,e){var i=this.getItemIndex(e),n="prev"==t&&0===i||"next"==t&&i==this.$items.length-1;if(n&&!this.options.wrap)return e;var a="prev"==t?-1:1,s=(i+a)%this.$items.length;return this.$items.eq(s)},i.prototype.to=function(t){var e=this,i=this.getItemIndex(this.$active=this.$element.find(".item.active"));return t>this.$items.length-1||0>t?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){e.to(t)}):i==t?this.pause().cycle():this.slide(t>i?"next":"prev",this.$items.eq(t))},i.prototype.pause=function(e){return e||(this.paused=!0),this.$element.find(".next, .prev").length&&t.support.transition&&(this.$element.trigger(t.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},i.prototype.next=function(){return this.sliding?void 0:this.slide("next")},i.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},i.prototype.slide=function(e,n){var a=this.$element.find(".item.active"),s=n||this.getItemForDirection(e,a),r=this.interval,o="next"==e?"left":"right",l=this;if(s.hasClass("active"))return this.sliding=!1;var d=s[0],h=t.Event("slide.bs.carousel",{relatedTarget:d,direction:o});if(this.$element.trigger(h),!h.isDefaultPrevented()){if(this.sliding=!0,r&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var c=t(this.$indicators.children()[this.getItemIndex(s)]);c&&c.addClass("active")}var p=t.Event("slid.bs.carousel",{relatedTarget:d,direction:o});return t.support.transition&&this.$element.hasClass("slide")?(s.addClass(e),s[0].offsetWidth,a.addClass(o),s.addClass(o),a.one("bsTransitionEnd",function(){s.removeClass([e,o].join(" ")).addClass("active"),a.removeClass(["active",o].join(" ")),l.sliding=!1,setTimeout(function(){l.$element.trigger(p)},0)}).emulateTransitionEnd(i.TRANSITION_DURATION)):(a.removeClass("active"),s.addClass("active"),this.sliding=!1,this.$element.trigger(p)),r&&this.cycle(),this}};var n=t.fn.carousel;t.fn.carousel=e,t.fn.carousel.Constructor=i,t.fn.carousel.noConflict=function(){return t.fn.carousel=n,this};var a=function(i){var n,a=t(this),s=t(a.attr("data-target")||(n=a.attr("href"))&&n.replace(/.*(?=#[^\s]+$)/,""));if(s.hasClass("carousel")){var r=t.extend({},s.data(),a.data()),o=a.attr("data-slide-to");o&&(r.interval=!1),e.call(s,r),o&&s.data("bs.carousel").to(o),i.preventDefault()}};t(document).on("click.bs.carousel.data-api","[data-slide]",a).on("click.bs.carousel.data-api","[data-slide-to]",a),t(window).on("load",function(){t('[data-ride="carousel"]').each(function(){var i=t(this);e.call(i,i.data())})})}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var n=t(this),a=n.data("bs.tab");a||n.data("bs.tab",a=new i(this)),"string"==typeof e&&a[e]()})}var i=function(e){this.element=t(e)};i.VERSION="3.3.6",i.TRANSITION_DURATION=150,i.prototype.show=function(){var e=this.element,i=e.closest("ul:not(.dropdown-menu)"),n=e.data("target");if(n||(n=e.attr("href"),n=n&&n.replace(/.*(?=#[^\s]*$)/,"")),!e.parent("li").hasClass("active")){var a=i.find(".active:last a"),s=t.Event("hide.bs.tab",{relatedTarget:e[0]}),r=t.Event("show.bs.tab",{relatedTarget:a[0]});if(a.trigger(s),e.trigger(r),!r.isDefaultPrevented()&&!s.isDefaultPrevented()){var o=t(n);this.activate(e.closest("li"),i),this.activate(o,o.parent(),function(){a.trigger({type:"hidden.bs.tab",relatedTarget:e[0]}),e.trigger({type:"shown.bs.tab",relatedTarget:a[0]})})}}},i.prototype.activate=function(e,n,a){function s(){r.removeClass("active").find("> .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),e.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),o?(e[0].offsetWidth,e.addClass("in")):e.removeClass("fade"),e.parent(".dropdown-menu").length&&e.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),a&&a()}var r=n.find("> .active"),o=a&&t.support.transition&&(r.length&&r.hasClass("fade")||!!n.find("> .fade").length);r.length&&o?r.one("bsTransitionEnd",s).emulateTransitionEnd(i.TRANSITION_DURATION):s(),r.removeClass("in")};var n=t.fn.tab;t.fn.tab=e,t.fn.tab.Constructor=i,t.fn.tab.noConflict=function(){return t.fn.tab=n,this};var a=function(i){i.preventDefault(),e.call(t(this),"show")};t(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',a).on("click.bs.tab.data-api",'[data-toggle="pill"]',a)}(jQuery),+function(t){"use strict";function e(e){var i,n=e.attr("data-target")||(i=e.attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"");return t(n)}function i(e){return this.each(function(){var i=t(this),a=i.data("bs.collapse"),s=t.extend({},n.DEFAULTS,i.data(),"object"==typeof e&&e);!a&&s.toggle&&/show|hide/.test(e)&&(s.toggle=!1),a||i.data("bs.collapse",a=new n(this,s)),"string"==typeof e&&a[e]()})}var n=function(e,i){this.$element=t(e),this.options=t.extend({},n.DEFAULTS,i),this.$trigger=t('[data-toggle="collapse"][href="#'+e.id+'"],[data-toggle="collapse"][data-target="#'+e.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};n.VERSION="3.3.6",n.TRANSITION_DURATION=350,n.DEFAULTS={toggle:!0},n.prototype.dimension=function(){var t=this.$element.hasClass("width");return t?"width":"height"},n.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var e,a=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(a&&a.length&&(e=a.data("bs.collapse"),e&&e.transitioning))){var s=t.Event("show.bs.collapse");if(this.$element.trigger(s),!s.isDefaultPrevented()){a&&a.length&&(i.call(a,"hide"),e||a.data("bs.collapse",null));var r=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[r](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var o=function(){this.$element.removeClass("collapsing").addClass("collapse in")[r](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!t.support.transition)return o.call(this);var l=t.camelCase(["scroll",r].join("-"));this.$element.one("bsTransitionEnd",t.proxy(o,this)).emulateTransitionEnd(n.TRANSITION_DURATION)[r](this.$element[0][l])}}}},n.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var e=t.Event("hide.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var i=this.dimension();this.$element[i](this.$element[i]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var a=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return t.support.transition?void this.$element[i](0).one("bsTransitionEnd",t.proxy(a,this)).emulateTransitionEnd(n.TRANSITION_DURATION):a.call(this)}}},n.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},n.prototype.getParent=function(){return t(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(t.proxy(function(i,n){var a=t(n);this.addAriaAndCollapsedClass(e(a),a)},this)).end()},n.prototype.addAriaAndCollapsedClass=function(t,e){var i=t.hasClass("in");t.attr("aria-expanded",i),e.toggleClass("collapsed",!i).attr("aria-expanded",i)};var a=t.fn.collapse;t.fn.collapse=i,t.fn.collapse.Constructor=n,t.fn.collapse.noConflict=function(){return t.fn.collapse=a,this},t(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(n){var a=t(this);a.attr("data-target")||n.preventDefault();var s=e(a),r=s.data("bs.collapse"),o=r?"toggle":a.data();i.call(s,o)})}(jQuery),+function(t){"use strict";function e(){var t=document.createElement("bootstrap"),e={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var i in e)if(void 0!==t.style[i])return{end:e[i]};return!1}t.fn.emulateTransitionEnd=function(e){var i=!1,n=this;t(this).one("bsTransitionEnd",function(){i=!0});var a=function(){i||t(n).trigger(t.support.transition.end)};return setTimeout(a,e),this},t(function(){t.support.transition=e(),t.support.transition&&(t.event.special.bsTransitionEnd={bindType:t.support.transition.end,delegateType:t.support.transition.end,handle:function(e){return t(e.target).is(this)?e.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery);
А также для чего нужен скрипт svgxuse.min.js? Он есть в двух стандартных шаблонах.
-
Всем привет.
Помогите понять как идёт маштабирование svg иконок в стандартных шаблонах dle
Допустим есть такая иконка
<svg style="position: absolute; width: 0; height: 0;" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-vk" viewBox="0 0 868 1024"> <title>vk</title> <path class="path1" d="M807.051 555.39c-43.39-43.39-95.458-69.424-164.881-86.78v0c43.39-17.356 86.78-52.068 112.814-86.78 26.034-43.39 43.39-86.78 43.39-138.847 0-43.39-8.678-86.78-26.034-112.814-17.356-34.712-52.068-60.746-86.78-78.102-43.39-26.034-78.102-34.712-121.492-43.39s-104.136-8.678-182.237-8.678h-381.831v1041.356h433.898c78.102 0 138.847-8.678 182.237-17.356 52.068-17.356 95.458-34.712 130.169-69.424 34.712-26.034 60.746-60.746 78.102-95.458 17.356-43.39 34.712-86.78 34.712-138.847 8.678-69.424-8.678-121.492-52.068-164.881zM503.322 355.797c-8.678 17.356-17.356 26.034-43.39 43.39-17.356 8.678-34.712 8.678-60.746 8.678-17.356 0-52.068 0-95.458 0h-34.712v-216.949h17.356c52.068 0 86.78 0 112.814 0s43.39 8.678 60.746 8.678c17.356 8.678 34.712 17.356 43.39 34.712 8.678 26.034 17.356 43.39 17.356 60.746 0 26.034-8.678 43.39-17.356 60.746zM572.746 781.017c-17.356 26.034-34.712 34.712-60.746 52.068-26.034 8.678-52.068 17.356-78.102 17.356s-78.102 0-147.525 0h-17.356v-260.339h52.068c52.068 0 86.78 0 112.814 0s52.068 0 69.424 8.678c26.034 8.678 52.068 26.034 60.746 43.39 17.356 17.356 17.356 43.39 17.356 78.102 8.678 26.034 0 43.39-8.678 60.746z"></path> </symbol> </defs> </svg>
Размер иконки как я понимаю будет зависеть от родительского блока и регулируется параметром viewBox в symbol, чем значение меньше, тем больше картинка и наоборот.
Помогите понять как эти цифры определяют размер.
-
Всем привет.
Полазив в интернете я нашел только общую информацию о теге article, Подскажите, в чём его преимущества? И будит ли правильным если в fullstory.tpl вместе с заголовком и полным текстом во внутрь тега article также попадут и социальные кнопки.
Вот примерно будет правильно?
<article class="vscon"> <div class="fullda ignore-select">[edit]<img src="{THEME}/images/edit.png" alt="" width="16px" height="16px" style="vertical-align:middle" title = "Редактировать новость" />[/edit] {favorites} {date=j F Y, H:i}</div> <h1><span id="news-title">{title}</span></h1> [xfgiven_foto] <div class="news-foto">[xfvalue_foto]</div> [/xfgiven_foto] <ul class="fultop ignore-select"> <li onclick="document.getElementById('idblock').className = 'classFirst';" class="fos01">Размер шрифта</li> <li onclick="document.getElementById('idblock').className = 'classSecond';" class="fos02">+</li> <li onclick="document.getElementById('idblock').className = 'classThird';" class="fos02">++</li> <li class="soctop"> <noindex> <div class="share42init"></div> <script type="text/javascript" src="{THEME}/js/share42.js"></script></noindex> </li> </ul> <div class="clr"></div> <div id="idblock" class="news classFirst">{full-story}</div> <div class="clr"></div> {poll} <div align="center">{pages}</div> [xfgiven_video] <div class="news-video">[xfvalue_video]</div> [/xfgiven_video] [tags]<i class="ignore-select">Теги: {tags}</i><br /> <br /> [/tags] [xfgiven_neis] <div class="fulpol ignore-select">Источник: <a rel="nofollow" target="_blank" href="http://[xfvalue_neis]">[xfvalue_neis]</a></div> [/xfgiven_neis] <div class="futex ignore-select"><b>{views}</b> [declination={views}]просмот|р|ра|ров[/declination][comments] | <b>{comments-num}</b> [declination={comments-num}]комментари|й|я|ев[/declination][/comments][catlist=17,28] | Автор: <b>{author}</b>[/catlist]</div> [edit-date]<span style="font-size:9px" class="ignore-select">→ Новость отредактирована - {edit-date}</span>[edit-reason] <div class="quote ignore-select">Причина: {edit-reason}</div> [/edit-reason]<br /> [/edit-date] <noindex> <ul class="fulln ignore-select"> <li><script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script> <script type="text/javascript"> VK.init({apiId: 2860598, onlyWidgets: true}); </script> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "mini", height: 20}); </script></li> <li> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div> </li> <li><a rel="nofollow" href="https://twitter.com/share" class="twitter-share-button" data-via="GusevOnline" data-lang="ru">Твитнуть</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </li> <li> <div id="ok_shareWidget"></div> <script> !function (d, id, did, st) { var js = d.createElement("script"); js.src = "http://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertShareWidget(id,did,st); }, 0); } }}; d.documentElement.appendChild(js); }(document,"ok_shareWidget",document.URL,"{width:100,height:30,st:'straight',sz:20,nt:1}"); </script></li> <li> <g:plusone size="medium"></g:plusone> <script type="text/javascript"> window.___gcfg = {lang: 'ru'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script></li> <li class="retne">{rating}<span class="prosm">{vote-num}</span></li> </ul> </noindex> </article> <noindex> <!-- Яндекс.Директ --> <div id="yandex_ad" class="ignore-select" style="background-color:#FFFFFF; margin-bottom:10px;"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Direct.insertInto(110313, "yandex_ad", { ad_format: "direct", type: "adaptive", limit: 2, links_underline: true, site_bg_color: "FFFFFF", bg_color: "FFFFFF", title_color: "000000", url_color: "007CB2", text_color: "737373", hover_color: "008ED6", sitelinks_color: "007CB2", favicon: true, no_sitelinks: false, height: 100, width: 740 }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.src = "//an.yandex.ru/system/context.js"; s.type = "text/javascript"; s.async = true; t.parentNode.insertBefore(s, t); })(window, document, "yandex_context_callbacks"); </script> </noindex> [related-news] <div class="glfon"> <div class="vsenews ignore-select"> <h6>ДРУГИЕ НОВОСТИ ПО ТЕМЕ</h6> </div> {related-news} <div class="clr"></div> </div> [/related-news] <div class="glfon">{comments} {navigation} {addcomments}</div> <div class="glfon ignore-select"> <div class="vsenews"> <h6>ПОСЛЕДНИЕ НОВОСТИ</h6> </div> {custom category="2-10,18" template="gl_fullst" limit="6" cache="yes"}</div>
Заранее признателен за подсказку.
Размытие зайта при увиличении изображения
в Готовые Моды, Хаки, Локализаторы, Советы
Опубликовано:
Подскажите, где конкретно эти стили прописать?