Koodijupid 2025, Aprill

Sundige HTTPS-i - CSS-trikid

Sundige HTTPS-i - CSS-trikid

RewriteEngine saidil RewriteCond% (HTTPS)! RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Kui teie serveri ees on puhverserver, mis täidab TLS-i "

XHTML-dokumentide sunnitud sisutüübi sundimine - CSS-trikid

XHTML-dokumentide sunnitud sisutüübi sundimine - CSS-trikid

Enamik veebiteenuseid serveerib XHTML-sisu teksti / HTML-na, mis on kindlasti õige viis XHTML-dokumentide käsitsemiseks. Kui server ei tee seda õigesti, "

Jõumärgistik utf-8 - CSS-trikid

Jõumärgistik utf-8 - CSS-trikid

Kui te ei saa Apache serveri konfiguratsiooni muuta, kasutage seda koodi, et sundida lehe dekodeerimine utf-8-le. AddDefaultCharset utf-8 "

Hankige Dreamhosti statistika leht WordPressi saidil töötades - CSS-trikid

Hankige Dreamhosti statistika leht WordPressi saidil töötades - CSS-trikid

Dreamhostiga hostitud veebisaitide jaoks on teil vaikimisi analüütileht saidil site.tld / stats /. WordPress võib seda segada, arvates, et olete "

Väljamõeldud indekseerimine - CSS-trikid

Väljamõeldud indekseerimine - CSS-trikid

Lisab fikseeritud laiusega fondid, faili suuruse ja kuupäeva, sortimisvõimaluse. Levib kõrgema taseme kataloogidesse. Vaata näidet. IndexOptions FancyIndexing IndexOptions "

Kohandatud vealehed - CSS-trikid

Kohandatud vealehed - CSS-trikid

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

Juurdepääsu keelamine ja lubamine - CSS-trikid

Juurdepääsu keelamine ja lubamine - CSS-trikid

Keela, välja arvatud spetsiifiliste IP-de korral Korralduse keelamine, luba keelamine valikul Luba alates xxx.xxx.xxx.xxx Luba alates xxx.xxx.xxx.xxy Luba, välja arvatud konkreetsete IP-de järjekord "

Erinev kataloogide registrileht - CSS-trikid

Erinev kataloogide registrileht - CSS-trikid

Tavaliselt on index.html või index.php vaikeleht, mida server serveris kataloogi külastades failinime määramata avab. Saate seda muuta

Aktiivne Gzip-pakkimine - CSS-trikid

Aktiivne Gzip-pakkimine - CSS-trikid

Tihendamine vähendab reageerimisaega, vähendades HTTP-vastuse suurust. Gzip on praegu kõige populaarsem ja tõhusam tihendusmeetod "

Lisa / lisa failid - CSS-trikid

Lisa / lisa failid - CSS-trikid

Selle asemel, et peaksite igal lehel helistama / lisama vajaminevat faili, saate lasta neil automaatselt ette valmistada (faili ülaosa) või lisada (allosas

Ühe URL-i lubamine .htaccess paroolikaitse kaudu CSS-trikid

Ühe URL-i lubamine .htaccess paroolikaitse kaudu CSS-trikid

See kood on kasulik mitme keskkonna seadistamisel (etapiviisiline, tootmine jne). See võimaldab teil oma htaccess-faile sünkroonis hoida, säilitades samal ajal "

301 ümbersuunamised - CSS-trikid

301 ümbersuunamised - CSS-trikid

See on puhtaim viis URL-i ümbersuunamiseks. Kiire, lihtne ja otsingumootorisõbralik. Pidage meeles, et HTAccess'i asjad on mõeldud ainult Apache'i serveritele. Ühe suuna ümbersuunamine

Kirjutusmasina efekt - CSS-trikid

Kirjutusmasina efekt - CSS-trikid

.typewriter h1 (ülevool: peidetud; / * tagab, et sisu ei avaldata enne, kui animatsioon * / border-right: .15em on oranž; / * Kirjutusmasina kursor "

Lülitage numbrisisendi spinnerid välja CSS-trikid

Lülitage numbrisisendi spinnerid välja CSS-trikid

WebKiti töölauabrauserid lisavad arvukale sisendile, mida nimetatakse spinneriteks, vähe üles-alla nooli. Saate need visuaalselt välja lülitada järgmiselt: "

Kasulikud CSS3 VÄHEM miksid - CSS-trikid

Kasulikud CSS3 VÄHEM miksid - CSS-trikid

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

Järjestamata loend ajaskaalana - CSS-trikid

Järjestamata loend ajaskaalana - CSS-trikid

Värskendavalt lihtne (kuid siiski kaval) viis vertikaalse ajaskaala loomiseks, kasutades Peter-Cooperi sirgjoonelist, semantilist korrastamata loendit (). ol ("

Kahevärvilised kolmemõõtmelised plokid ja tekst - CSS-trikid

Kahevärvilised kolmemõõtmelised plokid ja tekst - CSS-trikid

Plokkidele või tekstile kolmemõõtmelise ilme loomiseks saame kasutada mitut teksti-varju ja kasti-varju väärtust, nagu see David DeSandro ekraanipilt "

Lõigake string koos ellipsiga - CSS-trikid

Lõigake string koos ellipsiga - CSS-trikid

Kõik järgnevad on nõutavad, seega peab tekst olema ühes sirgjoones, mis ajab üle kasti, kus see ülevool on peidetud. .truncate (laius: "

Tõmmatud nurgad - CSS-trikid

Tõmmatud nurgad - CSS-trikid

Sisu sisu (taust: # e6e6e6;). Nurgad (taust: # f6f6f6; kõrgus: 700 pikslit; veeris: 50 pikslit automaatselt; maksimaalne laius: 600 pikslit; asend: suhteline; laius: 80%; "

Kolmnurkse nimekirja kuulid CSS-trikid

Kolmnurkse nimekirja kuulid CSS-trikid

Ul (veeris: 0.75em 0; polster: 0 1em; list-style: none;) li :: before (sisu: ""; äärisvärv: läbipaistev # 111; äärislaad: ühtlane; piiri laius: "

Teksti pööramine - CSS-trikid

Teksti pööramine - CSS-trikid

Kui otsitav on viis tüübi vertikaalseks seadmiseks, on kõige parem panustada tõenäoliselt CSS-i kirjutamisrežiimis. Kui proovite lihtsalt teksti muuta, peate

Ülemine vari - CSS-trikid

Ülemine vari - CSS-trikid

Varju veebisaidi ülaservas järgmiselt: body :: before (sisu: ""; asukoht: fikseeritud; ülemine: -10px; vasak: 0; laius: 100%; kõrgus: 10px; "

Läbipaistvad taustpildid - CSS-trikid

Läbipaistvad taustpildid - CSS-trikid

CSS-i atribuudi taust-läbipaistmatust pole, kuid võite selle võltsida, lisades pseudoelemendi korrapärase läbipaistmatusega täpselt selle elemendi suuruse taha "

Süsteemi fondivirna - CSS-trikid

Süsteemi fondivirna - CSS-trikid

Konkreetse operatsioonisüsteemi süsteemi fondi vaikeväärtus võib suurendada jõudlust, kuna brauser ei pea alla laadima ühtegi fondifaili, see on "

Läbipaistev sisepiir - CSS-trikid

Läbipaistev sisepiir - CSS-trikid

Läbipaistev seesmine piir. Sisemine piir (taust: # 000; värv: #fff; veeris: 50 pikslit; polster: 15 pikslit; positsioon: suhteline;). Sisemine piir: enne (piir: "

Stiili kohahoidja tekst - CSS-trikid

Stiili kohahoidja tekst - CSS-trikid

Sisendkohtade kohatäidete tekstil on (seni seda rakendanud brauserites) helehall värv. Selle kujundamiseks vajate müüja eesliidet CSS-i atribuute. "

Lülita nähtavus elementide peitmisel - CSS-trikid

Lülita nähtavus elementide peitmisel - CSS-trikid

Keskmise arendusmeeskond on arutanud mõningaid halbu tavasid, mis rikuvad ligipääsetavust. Ühes näites väidavad nad, et läbipaistmatust ei toetata hästi "

Vett tilkuv tekst - CSS-trikid

Vett tilkuv tekst - CSS-trikid

.veri (värv: hõbe; teksti vari: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Tähesõdade indekseerimise tekst - CSS-trikid

Tähesõdade indekseerimise tekst - CSS-trikid

Tähesõdade avamine on ikooniline. Nii ekraanilt ülespoole kui ka ekraanilt eemale kerimise mõju oli filmi jaoks hullult lahe eriefekt

Kleepuv jalus - CSS-trikid

Kleepuv jalus - CSS-trikid

Toimib suurepäraselt, kui saate jalusele kinnitada kindla kõrguse. Sisu! Olen kleepuv jalus. * (veeris: 0;) html, body (kõrgus: 100%;) .page-wrap ("