Перейти к содержанию
  • записей
    18
  • комментариев
    0
  • просмотров
    2179

О блоге

Полезности всякие тут будут... HTML, CSS, JS, PHP и прочее что встретится на моем пути в этом направлении! Постить буду, как найденные решения других людей, так и свои... 

Записи в этом блоге

Как добавить суперпользователя Joomla из phpMyAdmin

С тех пор, как эксплойт с повышенными разрешениями (или повышенными привилегиями) в версиях Joomla ниже 3.6.5 был обнародован, мы наблюдаем странные вещи, происходящие с таблицей #__users на взломанных веб-сайтах Joomla. Эти странные вещи могут быть любым (или всеми) из следующего: Имена всех пользователей изменены на admin . Все суперпользователи удалены. Создаются новые суперпользователи. В этом посте мы рассмотрим вторую проблему — когда удаляются все суперпользов

Печенег

Печенег в Joomla

Elementor Pro - Popup. Функции JS для всплывающих окон. Открыть или закрыть попап на JavaScript.

Закрытие окна: elementorProFrontend.modules.popup.closePopup( {} ); elementorProFrontend.modules.popup.closePopup( {id:001} ); - с указанием ID конкретного popup. Открытие: elementorProFrontend.modules.popup.showPopup( {} ); elementorProFrontend.modules.popup.showPopup( {id:001} ); - с указанием ID конкретного popup. Пример использования: Открываем popup с id 001 по клику на элемент DOM с id - your_ID. jQuery(document).on('click','#your_ID', function(event){

Печенег

Печенег в WordPress

JavaScript (jQuery) подсчет символов в input или textarea формы.

Посчитаем текущее количество символов в полях формы (в тегах input и textarea), а также динамически отобразим их количество при изменении данных. HTML:  <input class="counted" value="Some test string. Hi!" > <br> <input class="counted" value="Some test string. Goodby!" > <br> <textarea class="counted">Another test</textarea> CSS: .counted + span { margin-left:10px; } JavaScript (jQuery): $(document).ready(function() { $('.counted').eac

Печенег

Печенег в JavaScript

HTML список в несколько колонок с помощью CSS - простой способ

Для того чтобы вывести стандартный список <ul><li></li>....</ul> - маркированный или  <ol><li></li>....</ol> - нумерованный список в несколько колонок достаточно прописать к нему в CSS стили:  ul {   list-style-position: inside;   -moz-column-count: 3;   -webkit-column-count: 3;   column-count: 3; } До: Пункт списка 1 Пункт списка 2 Пункт списка 3 Пункт списка 4 Пункт списка 5 Пункт списка 6 Пун

Печенег

Печенег в CSS

Как с помощью js добавить html код в div. HTML в Div через JavaScript или jQuery.

Добавить можно, естественно, не только в DIV элемент на сайте, но и совершенно в любую другую конструкцию вашего HTML сайта. В примере будет рассмотрено 2 варианта вставки текста в html с помощью javascript и дополнительно вариант вставки кода через функцию, которая запускается по нажатию на кнопку. 1. На чистом JavaScript без jQuery Пример HTML - текст будет добавлен в тег <div> с классом demo  <div id="description_id"> <div class="demo"></div> <

Печенег

Печенег в JavaScript

jQuery плавно показать скрыть блок div

Скрываем содержимое блока div или другого элемента html и реализовываем плавное разворачивание и сворачивание блока по нажатию на ссылку, кнопку или любой другой элемент. Пример HTML верстки <div class="full__desc"> <a href="#">Показать полное описание!</a> <div class="hide">Спрятанный текст. Спрятанный текст. Спрятанный текст. Спрятанный текст. Спрятанный текст. Спрятанный текст. Спрятанный текст. Спрятанный текст.</div> </div> Код JavaScript 

Печенег

Печенег в JavaScript

JavaScript - cумма чисел в столбце HTML таблицы.

Посчитаем сумму чисел в конкретном столбце HTML таблицы на чистом JavaScript: HTML <div> <table id="pricelist"> <tr> <th>Название</th> <th>Цена</th> </tr> <tr> <td>Шарф</td> <td class="quantity">250</td> </tr> <tr> <td>Перчатки</td> <td class="quantity">1300</td> </tr> <tr> <td>Кепка</td> <td class="quantity"&g

Печенег

Печенег в JavaScript

VirtueMart 3 добавить дополнительное поле и поиск с сортировкой по новому полю в админке.

1. Выполнить SQL запрос в БД: ALTER TABLE `jos_virtuemart_products` ADD `new_pole` TEXT CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL AFTER `product_sku` Где: 'jos_virtuemart_products' - таблица в которую добавляем столбец (колонку); 'new_pole' - название добавляемой новой колонки (столбца); 'product_sku' - добавить после указанной колонки; TEXT - тип данных. Более подробно о всех типах данных можно ознакомиться по ссылке -> типы данных mysql 2. Добавляе

Печенег

Печенег в Joomla

WordPress редактор режет iFrame - решено!

В сети можно найти полно решений этого вопроса..., но в моём случаи именно в этот раз ни один не сработал, редактор WP категорически отказывался принимать тег iFrame.  Бился я над этим вопросом 1 день в итоге почти "плюнул" и был готов уже смотреть в сторону wp плагинов iFrame, коих я стараюсь избегать, но это уже другая история.... В общем и тут вспомнил что мне попадался коротенький  php код который прописывается в functions.php, собственно он ниже: add_shortcode( 'iframe' , 'mycustom_

Печенег

Печенег в Хаки

Удалить все записи со стены ВК. Массовое удаление постов со стены ВКонтакте.

Для того чтобы удалить разом большое количество записей со стены сообщества вам потребуется пролистать стену вниз, чтобы открылось допустим 50-100 записей, у меня за раз удалялось и больше 200, затем открыть консоль разработчика и разместить скрипт: (function () { 'use strict'; if (!confirm('Удалить все записи со стены?')) return; var deletePostLink = document.body.querySelectorAll('a.ui_actions_menu_item[onclick^="wall.deletePost"]'); for (var i = 0; i < deletePostLink.length; i++) { del

Печенег

Печенег в Хаки

Убрать браузерную обводку по клику на кнопке <button>, <input>, <a> или на <textarea>.

:focus { outline: none !important; } ::-moz-focus-outer, ::-moz-focus-inner { border: 0px !important; padding: 0; } a:focus, a:active, button:focus { outline: 0!important; outline-color: transparent!important; outline-width: 0!important; outline-style: none!important; box-shadow: 0 0 0 0 rgba(0,123,255,0)!important; } input, textarea, input:active, textarea:active { outline:none; } input[type="checkbox"]:focus, input[type="radio"]:focus { visibility: hidden; }  

Печенег

Печенег в CSS

W3Schools - онлайн тестирование кода -> PHP, HTML, CSS, JavaScript, SQL, Python и др.

Образовательный веб-сайт Freemium для онлайн - обучения кодированию. Разработанный в 1998 году, он получил свое название от Всемирной паутины. Хорошо организованные и простые для понимания руководства по созданию веб-сайтов с множеством примеров использования HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML и др. https://www.w3schools.com/php/phptryit.asp?filename=tryphp_func_array_sum

Картинки (изображения) в строке (ряду) одной высоты css используя object-fit.

Есть 4 картинки разного размера:   HTML <div class="row img-gallery"> <div class="col-md-3 col-12"> <img src="img-1.webp" alt="Картинка 1" /> </div> <div class="col-md-3 col-12"> <img src="img-2.webp" alt="Картинка 2" /> </div> <div class="col-md-3 col-12"> <img src="img-3.webp" alt="Картинка 3" /> </div> <div class="col-md-3 col-12"> <im

Печенег

Печенег в CSS

Поменять местами div блоки вертикально. Flexbox CSS.

Краткая заметка по вертикальной смене порядка блоков <div> и других элементов документа html: Поддержка браузерами   HTML <div class="group_block"> <div class="block_1">1й элемент</div> <div class="block_2">2й элемент</div> <div class="block_3">3й элемент</div> </div> CSS .group_block { display: flex; flex-direction: column; /* flex-direction: column-reverse; /* Включает обратный порядок */

Печенег

Печенег в CSS

Общий чат

Введите ваше имя

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

Важная информация

Продолжая использовать Веб-сайт ostogramm.ru Вы автоматически соглашаетесь с Политика конфиденциальности и Правила, в ином случаи просто покиньте его.