Úryvky kódu 2025, Apríl

Vynútiť HTTPS - Triky CSS

Vynútiť HTTPS - Triky CSS

RewriteEngine na RewriteCond% (HTTPS)! Na RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Ak máte pred svojím serverom proxy vykonávajúci TLS "

Vynútiť správny typ obsahu pre dokumenty XHTML - Triky CSS

Vynútiť správny typ obsahu pre dokumenty XHTML - Triky CSS

Väčšina webových serverov poskytuje obsah XHTML ako text / html, čo je jednoznačne správny spôsob zaobchádzania s dokumentmi XHTML. V prípade, že to server nerobí správne, “

Force charset utf-8 - Triky CSS

Force charset utf-8 - Triky CSS

Ak nemôžete zmeniť konfiguráciu servera Apache, použite tento kód na vynútenie dekódovania stránky na utf-8. AddDefaultCharset utf-8 "

Získajte stránku Štatistiky Dreamhost pracovať na webe WordPress Triky CSS

Získajte stránku Štatistiky Dreamhost pracovať na webe WordPress Triky CSS

Pre webové stránky hostované v aplikácii Dreamhost máte analyticky predvolene stránku yoursite.tld / stats /. WordPress to môže rušiť, mysliac si, že ste „

Efektné indexovanie Triky CSS

Efektné indexovanie Triky CSS

Pridáva písma s pevnou šírkou, veľkosť a dátum súboru, možnosti triedenia. Šíri sa do adresárov vyššej úrovne. Pozri prí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 "

Zakázanie a povolenie prístupu Triky CSS

Zakázanie a povolenie prístupu Triky CSS

Zakázať okrem konkrétnych adries IP Objednávka odmietnuť, povoliť Zakázať všetko Povoliť od xxx.xxx.xxx.xxx Povoliť od xxx.xxx.xxx.xxy Povoliť okrem konkrétnych objednávok IP "

Rôzna indexová stránka adresára Triky CSS

Rôzna indexová stránka adresára Triky CSS

Normálne je index.html alebo index.php predvolená stránka, ktorú server poskytuje pri návšteve adresára bez uvedenia názvu súboru. Môžete to zmeniť pomocou „

Aktívna kompresia gzip Triky CSS

Aktívna kompresia gzip Triky CSS

Kompresia skracuje doby odozvy zmenšením veľkosti odpovede HTTP. Gzip je najpopulárnejšia a najefektívnejšia metóda kompresie v súčasnosti “

Pripojiť / pripraviť súbory - Triky CSS

Pripojiť / pripraviť súbory - Triky CSS

Namiesto toho, aby ste museli volať / vkladať súbory, ktoré potrebujete, na každej stránke, môžete ich nechať automaticky predponovať (horná časť súboru) alebo pripojiť (dolná časť súboru)

Povoliť jednu adresu URL prostredníctvom ochrany heslom .htaccess - Triky CSS

Povoliť jednu adresu URL prostredníctvom ochrany heslom .htaccess - Triky CSS

Tento kód je užitočný pre nastavenia viacerých prostredí (pracovné, produkčné atď.), Ktoré vám umožňujú udržiavať vaše súbory htaccess synchronizované pri zachovaní „

301 presmerovaní - Triky CSS

301 presmerovaní - Triky CSS

Toto je najčistejší spôsob presmerovania adresy URL. Rýchly, jednoduchý a prehľadný pre vyhľadávače. Pamätajte, že obsah HTAccess je určený len pre servery Apache. Presmerovať jeden “

Efekt písacieho stroja - Triky CSS

Efekt písacieho stroja - Triky CSS

.typewriter h1 (prepad: skrytý; / * Zaistí, že sa obsah neodhalí, kým animácia * / border-right: .15em nepretržite oranžová; / * kurzor písacieho stroja "

Vypnúť číselníky na zadávanie čísel Triky CSS

Vypnúť číselníky na zadávanie čísel Triky CSS

Desktopové prehliadače WebKit pridávajú malé šípky nahor a nadol k číselným vstupom, ktoré sa nazývajú číselníky. Vizuálne ich môžete vypnúť takto: „

Užitočné CSS3 MENEJ mixínov Triky CSS

Užitočné CSS3 MENEJ mixínov 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: "

Neusporiadaný zoznam ako časová os Triky CSS

Neusporiadaný zoznam ako časová os Triky CSS

Osviežujúco jednoduchý (ale rafinovaný) spôsob, ako vytvoriť vertikálnu časovú os, pomocou priameho, sémantického neusporiadaného zoznamu () od Petra Coopera. ol („

Dvojfarebné trojrozmerné bloky a text - Triky CSS

Dvojfarebné trojrozmerné bloky a text - Triky CSS

Na vytvorenie trojrozmerného vzhľadu blokov alebo textu môžeme použiť viac hodnôt tieňa textu a tieňov políčka, ako napríklad tento obrázok Davida DeSandra „

Skrátený reťazec s elipsou Triky CSS

Skrátený reťazec s elipsou Triky CSS

Vyžadujú sa všetky nasledujúce skutočnosti, takže text musí byť v jednej priamke, ktorá pretečie cez pole, kde je tento pretek skrytý. .truncate (šírka: "

Zastrčené rohy Triky CSS

Zastrčené rohy Triky CSS

Telo obsahu (pozadie: # e6e6e6;). Rohy (pozadie: # f6f6f6; výška: 700px; okraj: 50px auto; max. Šírka: 600px; pozícia: relatívne; šírka: 80%; "

Odrážky s trojuholníkovým zoznamom Triky CSS

Odrážky s trojuholníkovým zoznamom 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: "

Rotácia textu Triky CSS

Rotácia textu Triky CSS

Ak hľadáte spôsob, ako nastavovať typ vertikálne, je najlepšie asi použiť režim písania CSS. Ak sa snažíte iba otočiť text,

Najvyšší tieň - Triky CSS

Najvyšší tieň - Triky CSS

Tieň pozdĺž horného okraja webovej stránky, napríklad takto: body :: before (obsah: „“; pozícia: pevná; hore: -10px; vľavo: 0; šírka: 100%; výška: 10px;)

Obrázky na priehľadnom pozadí Triky CSS

Obrázky na priehľadnom pozadí Triky CSS

Neexistuje žiadna vlastnosť CSS background-opacity, ale môžete ju predstierať vložením pseudoprvku s pravidelnou nepriehľadnosťou, presnej veľkosti prvku za “

Stoh písma systému Triky CSS

Stoh písma systému Triky CSS

Predvolené nastavenie systémového písma konkrétneho operačného systému môže zvýšiť výkon, pretože prehľadávač nemusí sťahovať žiadne súbory písma, je to „

Priehľadná vnútorná hranica Triky CSS

Priehľadná vnútorná hranica Triky CSS

Transparentná vnútorná hranica .vnútorné ohraničenie (pozadie: # 000; farba: #fff; okraj: 50px; polstrovanie: 15px; pozícia: relatívne;) .vnútorné ohraničenie: pred (orámovanie: "

Štýl Zástupný text Triky CSS

Štýl Zástupný text Triky CSS

Zástupný text vo vstupoch má (v doteraz implementovaných prehľadávačoch) svetlošedú farbu. Na jeho úpravu budete potrebovať vlastnosti CSS s predponou dodávateľa. “

Prepnúť viditeľnosť pri skrytí prvkov Triky CSS

Prepnúť viditeľnosť pri skrytí prvkov Triky CSS

Vývojový tím spoločnosti Medium diskutoval o zlých postupoch, ktoré narúšajú prístupnosť. V jednom príklade tvrdia, že opacita nie je dobre podporovaná “

Kvapkajúca krv Triky CSS

Kvapkajúca krv Triky CSS

.blood (farba: strieborná; tieň textu: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Text prechádzania hviezdnych vojen Triky CSS

Text prechádzania hviezdnych vojen Triky CSS

Otvorenie Hviezdnych vojen je ikonické. Účinok posúvania textu hore a ďalej od obrazovky bol pre film späť v kategórii bláznivý super efekt “

Priľnavá päta - Triky CSS

Priľnavá päta - Triky CSS

Funguje skvele, ak môžete na pätu použiť pevnú výšku. Obsah! Som lepkavá päta. * (okraj: 0;) html, telo (výška: 100%;) .page-wrap ("