Knihovna kódů Archivy - Hedviga Nosáľová

Divi dropdown menu klikací, ne hover

<head> css

Vložení modulu do modulu

Modul, který chceme vložit (např. do tabs) uděláme v Divi knihovněDo functions dáme: 3. Vložíme shortcode s ID modulu vytvořeného v knihovně

link rel preload

Divi změna pořadí sloupců tablet/mobil

CSS v řádku (colums) display:flex;flex-wrap: wrap; CSS v řádku (row) tablet/mobil Order:1; (anebo 2)

Rychlé poznámky widget WP dashboard

Hover změna transition obrázku

Děkuji Jiří Doležal. ID obrázek "et-zoom-in" https://thoughtbot.com/blog/transitions-and-transforms

Přepínač změna transitions a ikony

Onebit: RewriteEngine On RewriteBase / RewriteCond %{ENV:HTTPS} !^.*on RewriteRule ^(.*)$ https://domena.cz/$1 [R,L] wp-hosting <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTPS} !on RewriteCond %{HTTP:X-Forwarded-Proto} !=https...

Odhalení sekce na klik

(odhalení přes obsah > dát pozici absolute) <body> Text (nebo jiný modul) ID "show-contact"Další modul ve stejné row "contact-form-module"CSS > display: none;Další modul kód:

Tekuté tlačítko

Tlačítko ID "btn-liquid" <body>

Slider obrázek animace

Slider controler – čáry

Back to top tlačítko

kulaté šedé se stínem

Automatický copyright

functions: shortcode: [copyyear]

Gutenberg fullwidth obrázek

do functions

SVG upload

Odhalení sekce po kliknutí na tlačítko

Nová sekce > ID "sekce"Tlačítko > ID "tlacitko"Nový řádek > ID "obsah"+nový řádek a do něj vložit:

Swipe

Vytvořit upoutávku (blurb) > Row (řádek) ID swipe-scrollbar > vlastní css (hl.prvek): Nastavení stránky > css

Kolonky vedle sebe

Divi: Jak udělat Swipe kolonek na mobilu

Miluju swipe scrollbar. Pokud máte totiž více než 4 kolonky, ušetří to nemalé místo na mobilních zařízeních. Je to uživatelsky přívětivé a o to jde. Takže, prvně ukázka toho, co to je swipe: Na deskopu to vypadá běžně: A takhle to vypadá na mobilu:...

Divi: Jak na mobilu dát kolonky vedle sebe místo pod sebe

Divi nemá jednoduché nastavení ikonek, tlačítek, obrázků a dalších modulů pro pohodlné mobilní zobrazení. Ale nevadí, s kousíčkem CSS se to dá napravit. Nejen, že zobrazení například upoutávek pod sebe na mobilních zařízeních je UX...

Divi: Jak udělat text s gradientem bez pluginů a kódů? (Video)

Gradient, nebo-li volný přechod barev, je velmi trendy záležitost. Velký nešvar Divi komunity a celkově Divi “webdesignerů” je, že používají pluginy na každou hovadinu. Kde je poptávka, je i nabídka… Kdo mě zná ví, že nejsem příznivcem “pluginů na...

Knihovna kódů

Divi dropdown menu klikací, ne hover

Štítky v blog postu Divi

Vložení modulu do modulu

link rel preload

Změna web selektoru

Divi změna pořadí sloupců tablet/mobil

WebP do WordPressu