Kódrészletek 2025, Január

Kényszeríteni a HTTPS-t - CSS-trükkök

Kényszeríteni a HTTPS-t - CSS-trükkök

RewriteEngine on RewriteCond% (HTTPS)! On RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Ha a szerver előtt van egy proxy, amely TLS-t hajt végre "

Az XHTML-dokumentumok helyes tartalomtípusának kikényszerítése - CSS-trükkök

Az XHTML-dokumentumok helyes tartalomtípusának kikényszerítése - CSS-trükkök

A legtöbb webszerver az XHTML tartalmat szövegként / html-ként szolgáltatja, ami egyértelműen a helyes módszer az XHTML-dokumentumok kezelésére. Abban az esetben, ha a szerver ezt nem megfelelően csinálja, "

Force karakterkészlet utf-8 - CSS-trükkök

Force karakterkészlet utf-8 - CSS-trükkök

Ha nem tudja megváltoztatni az Apache szerver konfigurációját, ezzel a kóddal kényszerítse az oldal dekódolását az utf-8-ra. AddDefaultCharset utf-8 "

Töltse le a Dreamhost Stats oldalt a WordPress webhelyen - CSS-trükkök

Töltse le a Dreamhost Stats oldalt a WordPress webhelyen - CSS-trükkök

A Dreamhost által tárolt webhelyek esetében alapértelmezés szerint van egy elemző oldal a yoursite.tld / stats / címen. A WordPress megzavarhatja ezt, gondolván, hogy Ön "

Díszes indexelés - CSS-trükkök

Díszes indexelés - CSS-trükkök

Fix szélességű betűtípusokat, fájlméretet és dátumot, rendezési képességet ad hozzá. Terjesztése magasabb szintű könyvtárakba. Lásd a példát. IndexOptions FancyIndexing IndexOptions "

Egyéni hibaoldalak - CSS-trükkök

Egyéni hibaoldalak - CSS-trükkök

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

Hozzáférés megtagadása és engedélyezése CSS-trükkök

Hozzáférés megtagadása és engedélyezése CSS-trükkök

Megtagadás, kivéve meghatározott IP-k esetén, Megtagadás, Engedélyezés engedélyezése az Allow-tól xxx.xxx.xxx.xxx-től Engedélyezés innen: xxx.xxx.xxx.xxy

Különböző Directory Index oldal - CSS-trükkök

Különböző Directory Index oldal - CSS-trükkök

Normál esetben az index.html vagy az index.php az az alapértelmezett oldal, amelyet a szerver szolgál fel, amikor egy könyvtárba látogat, fájlnév megadása nélkül. Ezt megváltoztathatja a "

Aktív Gzip-tömörítés - CSS-trükkök

Aktív Gzip-tömörítés - CSS-trükkök

A tömörítés a HTTP válasz méretének csökkentésével csökkenti a válaszidőket. A Gzip a legnépszerűbb és leghatékonyabb tömörítési módszer jelenleg "

Fájlok hozzáfűzése / függése - CSS-trükkök

Fájlok hozzáfűzése / függése - CSS-trükkök

Ahelyett, hogy minden egyes oldalra szüksége lenne egy fájlra, amelyre szüksége van, engedélyezheti, hogy automatikusan előkészítsék (a fájl tetején) vagy csatolják (a fájl alján).

Egyetlen URL engedélyezése a .htaccess jelszóvédelemmel - CSS-trükkök

Egyetlen URL engedélyezése a .htaccess jelszóvédelemmel - CSS-trükkök

Ez a kód hasznos a több környezeti beállításhoz (staging, produkció stb.), Lehetővé teszi a htaccess fájlok szinkronban tartását, miközben a "

301 Átirányítás - CSS-trükkök

301 Átirányítás - CSS-trükkök

Ez a legtisztább módszer az URL átirányítására. Gyors, egyszerű és keresőmotorbarát. Ne feledje, hogy a HTAccess cuccai csak az Apache szerverekre vonatkoznak. Egyetlen átirányítása "

Írógép-effektus CSS-trükkök

Írógép-effektus CSS-trükkök

.typewriter h1 (túlcsordulás: rejtett; / * Biztosítja, hogy a tartalom csak az animáció * / border-right: .15em folytonos narancssárga színű legyen; / * Az írógép kurzor "

Kikapcsolja a számbemenet spinnerjeit CSS-trükkök

Kikapcsolja a számbemenet spinnerjeit CSS-trükkök

A WebKit asztali böngészők kevés felfelé mutató nyilat adnak hozzá a spinnereknek nevezett számbevitelekhez. Ezeket vizuálisan így kikapcsolhatja: "

Hasznos CSS3 KEVESEBB Mixins CSS-trükkök

Hasznos CSS3 KEVESEBB Mixins CSS-trükkök

.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: "

Rendezetlen lista, mint idővonal - CSS-trükkök

Rendezetlen lista, mint idővonal - CSS-trükkök

Frissítően egyszerű (mégis ravasz) módszer a függőleges idővonal létrehozására egy egyenes, szemantikus rendezetlen lista () felhasználásával Peter Cooper-től. ol ("

Kétszínű háromdimenziós blokkok és szöveg - CSS-trükkök

Kétszínű háromdimenziós blokkok és szöveg - CSS-trükkök

Több szöveg-árnyék és mező-árnyék értéket használhatunk a blokkok vagy szöveg háromdimenziós megjelenésének létrehozására, például David DeSandro "

Csonka húr az ellipszisszel - CSS-trükkök

Csonka húr az ellipszisszel - CSS-trükkök

Az összes következőre szükség van, ezért a szövegnek egyetlen egyenes vonalban kell lennie, amely túlcsordul egy olyan mezővel, ahol a túlcsordulás el van rejtve. .truncate (szélesség: "

Húzott sarkok - CSS-trükkök

Húzott sarkok - CSS-trükkök

Tartalom törzse (háttér: # e6e6e6;). Sarkok (háttér: # f6f6f6; magasság: 700 képpont; margó: 50 képpont automatikus; max. Szélesség: 600 képpont; helyzet: relatív; szélesség: 80%; "

Háromszögletű golyók - CSS-trükkök

Háromszögletű golyók - CSS-trükkök

Ul (margó: 0.75em 0; kitöltés: 0 1em; list-style: none;) li :: before (tartalom: ""; border-color: átlátszó # 111; border-style: solid; border-width: "

Szövegforgatás - CSS-trükkök

Szövegforgatás - CSS-trükkök

Ha azt szeretné, hogy a típust függőlegesen állítsa be, akkor a legjobb, ha a CSS írási módot választja. Ha csak szöveget próbál fordítani, akkor "

Felső árnyék - CSS-trükkök

Felső árnyék - CSS-trükkök

Árnyék a webhely felső széle mentén, így: body :: before (tartalom: ""; pozíció: rögzített; felső: -10 képpont; bal: 0; szélesség: 100%; magasság: 10 kép; "

Átlátszó háttérképek CSS-trükkök

Átlátszó háttérképek CSS-trükkök

Nincs CSS tulajdonság háttér-átlátszatlansága, de hamisíthatja azt, ha beilleszt egy pseudo elemet, amelynek szabályos átlátszatlansága pontosan az elem mérete "

Rendszer betűkészlete - CSS-trükkök

Rendszer betűkészlete - CSS-trükkök

Egy adott operációs rendszer rendszer betűtípusának alapértelmezett beállítása növelheti a teljesítményt, mivel a böngészőnek nem kell betöltenie betűtípusfájlokat, hanem "

Átlátszó belső határ - CSS-trükkök

Átlátszó belső határ - CSS-trükkök

Átlátszó belső határ. Belső határ (háttér: # 000; szín: #fff; margó: 50 kép; kitöltés: 15 kép; pozíció: relatív;). Belső határ: előtt (határ: "

Stílus Helyőrző szöveg - CSS-trükkök

Stílus Helyőrző szöveg - CSS-trükkök

A bemenetekben szereplő helyőrző szöveg (az eddig megvalósító böngészőkben) világosszürke színű. A stílus kialakításához a szállító előtagjának CSS tulajdonságaira van szükség. "

Váltsa át a láthatóságot az elemek elrejtésekor - CSS-trükkök

Váltsa át a láthatóságot az elemek elrejtésekor - CSS-trükkök

A Medium fejlesztőcsoportja megvitatott néhány rossz gyakorlatot, amelyek megsértik az akadálymentességet. Az egyik példában azzal érvelnek, hogy az átlátszatlanságot nem támogatják megfelelően "

Szöveg csöpögő vér - CSS-trükkök

Szöveg csöpögő vér - CSS-trükkök

.blood (szín: ezüst; text-shadow: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Csillagok háborúja Feltérképező szöveg - CSS-trükkök

Csillagok háborúja Feltérképező szöveg - CSS-trükkök

A Star Wars megnyitója ikonikus. A szöveg felfelé és a képernyőről való görgetése egyaránt őrült, különleges speciális effektus volt egy filmben

Ragadós lábléc - CSS-trükkök

Ragadós lábléc - CSS-trükkök

Remekül működik, ha rögzített magasságot tud alkalmazni a láblécre. Tartalom! Én vagyok a Sticky Footer. * (margó: 0;) html, body (magasság: 100%;) .page-wrap ("