Рубрика: CSS

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>

ОТНОСИТЕЛЬНОЕ
- локальное добавление стиля в корне текущей папки
  - <link rel=stylesheet href=/САЙТ/style.css>
- локальное добавление стиля в родительской папке корня текущей папки
  - <link rel=stylesheet href=../style.css>

АБСОЛЮТНОЕ
- добавление стиля по полному пути
  - <link rel=stylesheet href=http://www.htmlbook.ru/style.css>

CSS HTML

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>

вертикальное расположение элемента
- размещение элемента по вертикали (вверх)
  - vertical-align: top;
- размещение элемента по середине
  - vertical-align: middle;

синтаксис 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