HTML-заготовки

Онлайн-инструменты и ресурсы

Изображения

Для администраторов сайтов

Материалы ЦИТ https://www.tgl.net.ru/:
Примеры действующих сайтов ОО:

Материалы авторских сообщений:

Некоторые HTML-коды

  - неразрывный пробел
W1013-school86
School86, Школа86

Встраивание видеофрагмента, размещенного на Google Disk

<iframe src="https://drive.google.com/file/d/VIDEO_ID/preview" width="580" height="320" frameborder=0 allowfullscreen></iframe>

Вы можете также добавить параметр «autoplay=1», и видео будет проигрываться автоматически. Обязательно поставьте «?» перед параметром.
<iframe src="https://drive.google.com/file/d/VIDEO_ID/preview?autoplay=1" width="854" height="480" frameborder=0 allowfullscreen></iframe>

Чтобы убрать иконку «открыть в новом окне» на плеере сверху справа, необходимо добавить код:
<div style="position: relative; display: inline-block">
    <div style="width: 60px; height: 60px; position: absolute; top: 0; right: 0;"></div>
    <iframe src="https://drive.google.com/file/d/VIDEO_ID/preview" width="854" height="480" frameborder=0 allowfullscreen></iframe>
</div>

Размещение сайта на Google Disk

Как бесплатно разместить сайт на Google Disk

Изображение в новостях на всю ширину

<p><iframe src="images/aktualno/Pobeda/Lenigrad-.jpg" width="600" height="350" frameborder="0" allowfullscreen="true" style="display: block; margin-left: auto; margin-right: auto;" seamless="" scrolling="no"></iframe>&nbsp;</p>

<center class="fancybox"><a class="image" href="images/lager_leto/2023/LL-anons-2023-06-05_.jpg" title="Летний лагерь. Анонс" style="display: block; width: 600px; height: 419px; background: url('images/lager_leto/2023/LL-anons-2023-06-05_.jpg'); background-size: cover;" alt="Летний лагерь. Анонс">&nbsp;</a>
</center>

<center class="fancybox">
<a class="image" href="images/novosti/2023-2024/L-1.jpg" title="Линейка" style="display: inline-block; width: 290px; height: 160px; background: url('images/novosti/2023-2024/L-1.jpg'); background-size: cover; margin-right: 5px;" alt="Линейка">&nbsp; </a>
<a class="image" href="images/novosti/2023-2024/L-2.jpg" title="Линейка" style="display: inline-block; width: 290px; height: 160px; background: url('images/novosti/2023-2024/L-2.jpg'); background-size: cover; margin-right: 5px;" alt="Линейка">&nbsp;</a>
</center>

<center>
<div class="fancybox preview" style="display: inline-block; margin-left: 10px;"><a class="image" href="https://www.tgl.net.ru/files/prazdnik/24/15.jpg" style="background: url('https://www.tgl.net.ru/files/prazdnik/24/15.jpeg'); background-size: cover; width: 190px; height: 268px; display: inline-block; float: right;" alt="Масленица в Тольятти">&nbsp;</a>
</div>
<div class="fancybox preview" style="display: inline-block; margin-left: 10px;"><a class="image" href="https://www.tgl.net.ru/files/prazdnik/24/16.jpg" style="background: url('https://www.tgl.net.ru/files/prazdnik/24/16.jpeg'); background-size: cover; width: 190px; height: 268px; display: inline-block; float: right;" alt="Масленица в Тольятти">&nbsp;</a>
</div>
<div class="fancybox preview" style="display: inline-block; margin-left: 10px;"><a class="image" href="https://www.tgl.net.ru/files/prazdnik/24/17.jpg" style="background: url('https://www.tgl.net.ru/files/prazdnik/24/17.jpeg'); background-size: cover; width: 190px; height: 268px; display: inline-block; float: right;" alt="Масленица в Тольятти">&nbsp;</a>
</div>
</center>

Фон элемента

<div style="background-image: url('images/headers/windows.jpg'); background-position: center; background-repeat: no-repeat;">
...
</div>

Создание якоря с помощью атрибута id

На странице, куда нужно перейти:
<p id="program-vesta">Рабочие программы</p>

На сранице, откуда нужно перейти:
<a href="sveden/education#program-vesta">ссылка на Рабочие программы на странице Образование</a>

Корректное отображение e-mail

На некоторых станицах вместо e-mail отображается: "Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript". Не могу понять как побороть.
Попробуйте зайти в менеджер плагинов и выключить плагин: "Контент - Скрытие электронной почты"

В Joomla 3 не обнаружил никакого плагина маскировки email, а сам файл email.php переехал в другую директорию. Нашел его, но там совершенно иной код.

Проблему решил по другому - очисткой содержимого файла
/plugins/content/emailcloak/emailcloak.php

Html + JavaScript + Jumla - раскрывающийся текст >>>

Как установить кнопки социальных сетей  для Blogger

http://internet-pages.blogspot.com/2016/12/blogger_86.html?m=0

Читатели в данный момент

https://whos.amung.us/stats/3cfjzq50jl8m/

Электронная подпись



URL-адреса в Joomla. Как сделать для страницы желаемый адрес.

Например, необходимый URL страницы http://school86.tgl.net.ru/corruption 
По умолчанию материал будет иметь URL: http://school86.tgl.net.ru/3122-corruption , где 3122- ID.

Необходимо создать пункт меню с требуемым алиасом corruption, прикрепить к нему материал с ID=3122. Пункт меню разместить в нужном месте сайта, опубликовать его. Тогда URL страницы (материала) не будет содержать ID-номер, а только алиас.
По материалам:

Joomla - Всегда раскрытые подпункты меню

  1. Зайти в Меню->Менеджер меню. 
  2. Найти свое левое меню и нажать на ссылку в столбце "Модули, связанные с данным меню". 
  3. В основных параметрах "Показывать подпункты меню" установить "Да".
  4. Выставить "Последний уровень" на "Все". Или на заданную глубину.

ВК  Разница между группой и публичной страницей  https://vk.com/@live-club-vs-public

Использование хештега на сайте

Ссылка-хештег на странице сайта, ведущая в поиск по тегу в ВК
https://vk.com/feed?section=search&q=#мывместе

Таблица

Заголовок
ТемаПодключениеОтсутствие подключенияДомашнее задание







Комментарии

Отправить комментарий