Úryvky kódu 2025, Leden

Vynutit HTTPS - Triky CSS

Vynutit HTTPS - Triky CSS

RewriteEngine na RewriteCond% (HTTPS)! Na RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Pokud máte před svým serverem proxy provádějící TLS "

Vynutit správný typ obsahu pro dokumenty XHTML - Triky CSS

Vynutit správný typ obsahu pro dokumenty XHTML - Triky CSS

Většina webových serverů poskytuje obsah XHTML jako text / html, což je rozhodně správný způsob zpracování dokumentů XHTML. V případě, že to server nedělá správně, “

Force charset utf-8 - Triky CSS

Force charset utf-8 - Triky CSS

Pokud nemůžete změnit konfiguraci serveru Apache, použijte tento kód k vynucení dekódování stránky na utf-8. AddDefaultCharset utf-8 "

Získejte stránku Statistiky Dreamhost Práce na webu WordPress - Triky CSS

Získejte stránku Statistiky Dreamhost Práce na webu WordPress - Triky CSS

U webů hostovaných pomocí Dreamhost máte analytickou stránku ve výchozím nastavení na yoursite.tld / stats /. WordPress to může narušit, protože si myslí, že jste „

Efektní indexování - Triky CSS

Efektní indexování - Triky CSS

Přidává písma s pevnou šířkou, velikost a datum souboru, schopnost řazení. Šíří se do adresářů vyšší úrovně. Viz příklad. IndexOptions FancyIndexing IndexOptions "

Vlastní chybové stránky - Triky CSS

Vlastní chybové stránky - Triky CSS

ErrorDocument 400 / 400.html ErrorDocument 401 / 401.html ErrorDocument 403 /403.html ErrorDocument 404 /404.html ErrorDocument 405 /405.html ErrorDocument "

Odepření a povolení přístupu - Triky CSS

Odepření a povolení přístupu - Triky CSS

Zakázat kromě konkrétních adres IP Zakázat zakázat, povolit Zakázat vše Povolit od xxx.xxx.xxx.xxx Povolit od xxx.xxx.xxx.xxy Povolit kromě konkrétních objednávek IP "

Odlišná indexová stránka adresáře - Triky CSS

Odlišná indexová stránka adresáře - Triky CSS

Normálně je index.html nebo index.php výchozí stránka, kterou server obsluhuje při návštěvě adresáře bez zadání názvu souboru. Můžete to změnit pomocí „

Aktivní komprese gzip - Triky CSS

Aktivní komprese gzip - Triky CSS

Komprese zkracuje dobu odezvy snížením velikosti odpovědi HTTP. Gzip je v současnosti nejpopulárnější a nejefektivnější metoda komprese “

Přidat / připravit soubory - Triky CSS

Přidat / připravit soubory - Triky CSS

Místo toho, abyste museli na každou stránku zavolat / zahrnout soubor, který potřebujete, můžete je nechat automaticky přepsat (na začátek souboru) nebo připojit (na konec stránky)

Povolit jednu adresu URL prostřednictvím ochrany heslem .htaccess - Triky CSS

Povolit jednu adresu URL prostřednictvím ochrany heslem .htaccess - Triky CSS

Tento kód je užitečný pro nastavení více prostředí (pracovní, produkční atd.), Umožňuje udržovat synchronizované soubory htaccess při zachování "

301 Přesměrování - Triky CSS

301 Přesměrování - Triky CSS

Toto je nejčistší způsob přesměrování adresy URL. Rychlé, snadné a přátelské pro vyhledávače. Pamatujte, že HTAccess je určen pouze pro servery Apache. Přesměrovat jeden "

Efekt psacího stroje - Triky CSS

Efekt psacího stroje - Triky CSS

.typewriter h1 (overflow: hidden; / * Zajistí, aby se obsah neodhalil, dokud nebude animace * / border-right: .15em plná oranžová; / * kurzor psacího stroje "

Vypnout číselníky pro zadávání čísel - Triky CSS

Vypnout číselníky pro zadávání čísel - Triky CSS

Desktopové prohlížeče WebKit přidávají malé šipky nahoru a dolů k číselným vstupům zvaným přadleny. Můžete je vizuálně vypnout takto: "

Užitečné CSS3 MÉNĚ Mixiny - Triky CSS

Užitečné CSS3 MÉNĚ Mixiny - Triky CSS

.text-shadow (@string: 0 1px 3px rgba (0, 0, 0, 0,25)) (text-shadow: @string;) .box-shadow (@string) (-webkit-box-shadow: @string; -moz-box-shadow: "

Neuspořádaný seznam jako časová osa Triky CSS

Neuspořádaný seznam jako časová osa Triky CSS

Osvěžující jednoduchý (a přitom rafinovaný) způsob, jak vytvořit vertikální časovou osu pomocí přímého, sémantického neuspořádaného seznamu () od Petera Coopera. ol („

Dvoubarevné trojrozměrné bloky a text - Triky CSS

Dvoubarevné trojrozměrné bloky a text - Triky CSS

K vytvoření trojrozměrného vzhledu bloků nebo textu, jako je tento snímek obrazovky Davida DeSandra, můžeme použít více hodnot textového stínu a rámečku stínu.

Zkrácený řetězec s elipsou - Triky CSS

Zkrácený řetězec s elipsou - Triky CSS

Je vyžadováno vše následující, takže text musí být v jedné přímé linii, která přeteče pole, kde je tento přetečení skryt. .truncate (šířka: "

Zastrčené rohy Triky CSS

Zastrčené rohy Triky CSS

Tělo obsahu (pozadí: # e6e6e6;). Rohy (pozadí: # f6f6f6; výška: 700px; okraj: 50px auto; max. Šířka: 600px; pozice: relativní; šířka: 80%; "

Trojúhelníkový seznam odrážek Triky CSS

Trojúhelníkový seznam odrážek Triky CSS

Ul (margin: 0.75em 0; padding: 0 1em; list-style: none;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "

Otočení textu - Triky CSS

Otočení textu - Triky CSS

Pokud to, co hledáte, je způsob, jak nastavit typ svisle, nejlepší je pravděpodobně režim psaní CSS. Pokud se pokoušíte jen otočit nějaký text,

Nejlepší stín - Triky CSS

Nejlepší stín - Triky CSS

Stín podél horního okraje webu, například: body :: before (obsah: ""; pozice: pevná; horní: -10px; vlevo: 0; šířka: 100%; výška: 10px;)

Průhledné obrázky na pozadí Triky CSS

Průhledné obrázky na pozadí Triky CSS

Neexistuje žádná vlastnost CSS background-opacity, ale můžete ji předstírat vložením pseudo elementu s pravidelnou neprůhledností přesnou velikost prvku za "

Zásobník systémových písem - Triky CSS

Zásobník systémových písem - Triky CSS

Výchozí nastavení systémového písma konkrétního operačního systému může zvýšit výkon, protože prohlížeč nemusí stahovat žádné soubory písem, je to „

Transparentní vnitřní hranice - Triky CSS

Transparentní vnitřní hranice - Triky CSS

Transparent Inside Border .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: relative;) .inner-border: before (border: "

Stylový zástupný text - Triky CSS

Stylový zástupný text - Triky CSS

Zástupný text ve vstupech má (v dosud implementovaných prohlížečích) světle šedou barvu. Chcete-li jej upravit, budete potřebovat vlastnosti CSS prefixu dodavatele. “

Přepnout viditelnost při skrytí prvků - Triky CSS

Přepnout viditelnost při skrytí prvků - Triky CSS

Vývojový tým ve středisku diskutoval o některých špatných postupech, které narušují přístupnost. V jednom příkladu tvrdí, že neprůhlednost není dobře podporována “

Text kapající krev - Triky CSS

Text kapající krev - Triky CSS

.blood (barva: stříbrná; textový stín: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Text procházení hvězdných válek - Triky CSS

Text procházení hvězdných válek - Triky CSS

Otevření Hvězdných válek je ikonické. Efekt posouvání textu nahoru i pryč od obrazovky byl pro film zpět jako šílený skvělý speciální efekt. “

Lepící zápatí - Triky CSS

Lepící zápatí - Triky CSS

Funguje skvěle, pokud můžete na zápatí použít pevnou výšku. Obsah! Jsem Sticky Footer. * (margin: 0;) html, body (height: 100%;) .page-wrap ("