Настраиваем компонент баннер в Joomla. CSS3 стили для html-баннера текст на фоне изображения

Полдня провозился с настройками html-баннера (текста на фоне картинки). В перспективе это должно существенно упростить перенастройку текста на рекламных баннерах. Поскольку баннеры я намерен показывать на посадочных страницах контекстной рекламы, то текст на них должен легко редактироваться. Хороший резон, чтобы наложить html на картинку. Но под разные размеры экранов приходится подстраиваться, используя @media only screen and (min-width:420px)

Сначала вставляем iframe в Joomlа, а потом готовим js код для вставки YouTube embedded iframe player

В Джумле фреймы запрещены в двух местах админки. Потому сначала разрешаем фреймы в глобальных настройках, а потом в настройках редактора. Подробности в видео.
Однако, я вынужден использовать js API embedded iframe player. Здесь пример кода для вставки белого плеера с белым пребелым контентом. Однако, при отладке яваскрипт оказалось, что 'YT is undefined, потом в Джумеле он вообще перестал было грузится, но в итоге все работает, но время загруки - почти 4 секунды (на localhost Kali) настораживает. В конце поста работающий код для Джумлы.

Joomla. Хаки стилей. Три столбца, кнопки "ReadMore", резиновые iframe

Это первые мелочи и первые хаки. Надо было поискать сначала в template.css Так что лучше использовать решения из более поздние посты на эти темы

Файлы и настройка плагина simplePlayer jQuery

Это моя первая проба использования Ipython Notebook для освоения и настройки плагина javascript. Я здесь сначала загружал файл в ячейку, потом редактировал код и сохранял в тот же файл. А для того, чтобы сохранить первоначальный вариант, просто скопировал всю папку с плагином и работал с копией. И чего ради? Таки для этого есть GitHub... Да, я графоман, и мои заказчики не любят Гитхаб, таки будем пробовать дальше...

Список видеоредакторов и программ для анимации

Здесь ссылки на десяток обзоров по темам Open Source Animation Software и Comparison of video editing software wikipedia

Как сделать из видеороликов YouTube фон для страниц сайта

Понравилась сама идея. Нашел на jqueryscript.net плагин Tubular. Здесь примеры кода в iframes, экспериментировал с позицией и прозрачностью роликов. Здесь же распчатаны инструкции и файлы плагина.

Определяем css('z-index') и css('position') элемента и между делом узнаем, как вручную подгрузить в Notebook jQuery

Предстоит работа со слоями, решил всопмнить про z-index и научиться определять его для каждого элемента. Наконец то начал усваивать синтаксис вида %%javascript element.append($('#z').css('position'));, но из консоли работатьвсе же проще. Мой питон перегрелся и перестал загружать jQuery на страницу. Пришлось делать это вручную. Так я совершил великое открытие велосипеда HTML(jq) для подгрузки скриптов.

Два плагина jQuery для вставки видео Youtube в качестве фона страницы и один simple Player

Хотел найти API для управления встроенными на html-страницу видеороликами, нашел, но в процессе серфинга по складу плагинов раскопал еще два. Спешу сохранить здесь все ссылки.

Как я пытался понять, что такое transparent в черном черном плеере Adobe

Поиски привели меня к документам на сайте Adobe Adobe Flash Player Administration Guide for Flash Player 19 На форуме я нашел обсуждение этой темы и разместил здесь пример наложения одного фрейма на другой. Правда пример меня только запутал. С прозрачность плеера я разобрался позже, см. следующие посты.

В этом посте разрушена верстка (это же черновик для воспоминаний), так как оказалось, что position: absolute нарушается при экспорте из ipynb в html.

Видеомануалы к Photoanim, Blender

Здесь три подборки видео с уроками по Photoanim, Blender, Онлайн сервис 3d Panorama Mapper. Мне в последнее время приходится все больше внимания обращать на программы анимации. В этом месяце нужно будет продолжить это знакомство, и сравнить аниматоры с видеоредакторами.

Неудачная установка TensorFlow на Windows - опять те же грабли.

Почему я упорно не пользую виртуальные машины. Давно ведь освоил VMware, но тупо устанавливаю все подрюд на основой рабочий Windows компьютер. Вот опять "между делом" загрузил ненужный мне сегодня TensorFlow, и неудачно ... Что теперь делать? Ждать...
Here's a little Python program that makes up some data in three dimensions, and then fits a plane to it. To use TensorFlow you need to understand how TensorFlow: •Represents computations as graphs. •Executes graphs in the context of Sessions. •Represents data as tensors. •Maintains state with Variables. •Uses feeds and fetches to get data into and out of arbitrary operations.

В Joomla можно напихать сотни предустановленных иконок с помощью Icomoon Fonts

Не знал про псевдостили, здесь конспект моих открытий. Оказалось, что можно обращаться к иконкам, как к шрифтам, менять размеры и цвета. В Джумле эти возможности встроены.

Добавляем в шаблон protostar Joomla 3.4 свои файлы стилей и яваскрипт

There are three methods for embedding JavaScript into your code using the Joomla API; JDocument::addScriptDeclaration, JDocument::addScript and script. These methods should be called either in your component's View class /views//view.html.php or template script /views//tmpl/.php or in the case of a module, in its template script /tmpl/.php.

Как обмениваться данными с javascriot из iPython notebook?

После чистки html кода из консоли браузера (см предыдущий пост) захотелось не только автоматизировать эти операции, но и сохранить написанные скрипты. Здесь я собрал с десяток ссылок на отличные статьи и заготовил пример html кода, потом дописал в Out[] ячкейки еще один пример html кода, а из других ячеек при помощи команд jQuery изменил его css стили. Так что стало ясно, как можно работать только в простейших случаях - внедряешь html фрагменты в код Notebook и имитируешь команды браузера, но конкретные примеры не здесь, но последуют далее (надеюсь).

Используем jQuery для чистки фрагментов html кода

Понадобилось скопипастить с чужого сайта часть статьи. Если текст большой, то выгоднее тырить фрагменты вместе с html разметкой. Можно ли почистить/изменить разметку перед вставкой на свой сайт? Здесь я проделал это через консоль с помощью команд вроде $("p[style*='bold']").contents().unwrap().wrap('

'); или $( "p" ).removeClass( "myClass noClass" ).addClass( "yourClass" );
На сайте jQuery есть не только хороший справочник, но и форум. All of the methods in this section manipulate the DOM in some manner.
A few of them simply change one of the attributes of an element (also listed in the Attributes category), while others set an element's style properties (also listed in the CSS category).

Изучаем Joomla. Переопределение шаблона (template override) и макетов (Layout Overrides)

Чтобы понять, работу с шаблонами в движка Joomla нужно было разобратьс с такими понятиями, как Layout Template, Ntmplate overrides, Layout overrides, custom css, template manager После просмотра нескольих статей догадался посомтреть документацию Джумлы. Здесь есть даже страница на русском. Только после сравния перевода с оригиналом начал привыкать к терминологии. Кроме того, здесь же и ссылки на страницы документации, в которых описывается структура папок шаблонов.