Рубрики
CSS WordPress

Web development «Toggle»

  • сворачивание блоков
    • $(.mytoggle).each(function () {
      • h=$(this);
      • let html=h.html();
      • h.empty();
      • h.css(margin-bottom,0);
      • let btn=$(<img>).prependTo(h);
      • $(<div>).appendTo(h).html(html);
      • btn.css(display,inline-block);
      • btn.css(vertical-align,top);
      • btn.css(height,24px);
      • btn.css(width,24px);
      • btn.next().css(display,inline-block);
      • btn.attr(src,СсылкаНаКартинку);
      • btn.click(function(){…});
        • $(this).parent().next().slideToggle();
      • let div=h.next();
      • div.css(padding,5px);
      • div.css(border,1px solid);
      • div.css(display,none);
    • }
  • Размещение кода на WordPress
    • Insert Headers and Footers
      • плагин размещения js кода
      • Script in Footer
        • раздел для расположения кода
  • Пример использования в редакторе с блоками html
    • <div class=mytoggle>head</div>
    • <div>content</div>
Рубрики
CSS основы

Основы.CSS «Способы добавления стилей на страницу»

  • ОТНОСИТЕЛЬНОЕ
    • локальное добавление стиля в корне текущей папки
      • <link rel=stylesheet href=/САЙТ/style.css>
    • локальное добавление стиля в родительской папке корня текущей папки
      • <link rel=stylesheet href=../style.css>
  • АБСОЛЮТНОЕ
    • добавление стиля по полному пути
      • <link rel=stylesheet href=http://www.htmlbook.ru/style.css>
Рубрики
CSS HTML

Html «textarea внутри контейнера с табами»

  • textarea
    • встраивает свою высоту при изменении высоты контейнера
      • с ограничением минимальной высоты и длинны
  • html
    • <div class=cont>
      • <div cass=tabs>tab</div>
      • <div cass=div><textarea></textarea> </div>
    • </div>
  • css
    • <style>
      • .cont{ min-width: 300px; min-height: 280px; } .tabs{ height:10%; }
      • .div{ height:90%; }
      • textarea{ height:100%; }
    • </style>
Рубрики
CSS Fragments "CSS"

Основы.CSS «Примеры стилей»

  • высота элемента
    • высота по родительскому элементу
      • height: inherit;
  • вертикальное расположение элемента
    • размещение элемента по вертикали (вверх)
      • vertical-align: top;
    • размещение элемента по середине
      • vertical-align: middle;
  • рамка контейнера элемента
    • border: 1px solid black;
  • при наведении нп элемент появляется курсор
    • cursor: pointer;
Рубрики
CSS CSS основы

Основы.CSS «объявление id и class»

  • синтаксис id
    • id #211018104515 {code} error
    • #211018104515_id {code} error
    • #211018104515-id {code} error
    • #id-211018104515 {code} successfully
  • синтаксис class
    • class .211018104515 {code} successfully
    • .211018104515-click {code} successfully
    • .click-211018104515 {code} successfully