Кодови фрагменти 2025, Юли

Принудително HTTPS - CSS-трикове

Принудително HTTPS - CSS-трикове

RewriteEngine на RewriteCond% (HTTPS)! На RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Ако имате прокси пред сървъра, изпълняващ TLS "

Принудително коригиране на типа съдържание за XHTML документи - CSS-трикове

Принудително коригиране на типа съдържание за XHTML документи - CSS-трикове

Повечето уеб сървъри обслужват XHTML съдържание като текст / html, което определено е правилният начин за обработка на XHTML документи. В случай, че сървърът не прави това правилно, "

Force charset utf-8 - CSS-трикове

Force charset utf-8 - CSS-трикове

Ако не можете да промените конфигурацията на сървъра на Apache, използвайте този код, за да принудите декодирането на страницата на utf-8. AddDefaultCharset utf-8 "

Вземете страницата със статистиката на Dreamhost, работеща на WordPress сайт - CSS-трикове

Вземете страницата със статистиката на Dreamhost, работеща на WordPress сайт - CSS-трикове

За уебсайтове, хоствани с Dreamhost, имате страница за анализ по подразбиране на yourite.tld / stats /. WordPress може да попречи на това, мислейки, че сте "

Фантастично индексиране - CSS-трикове

Фантастично индексиране - CSS-трикове

Добавя шрифтове с фиксирана ширина, размер на файла и дата, възможност за сортиране. Разпространява се към директории от по-високо ниво. Вижте пример. IndexOptions FancyIndexing IndexOptions "

Страници за потребителска грешка - CSS-трикове

Страници за потребителска грешка - CSS-трикове

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

Отказ и разрешаване на достъп - CSS-трикове

Отказ и разрешаване на достъп - CSS-трикове

Отказ с изключение на конкретни IP адреси Отказ, разрешаване на Отказ от всички Разрешаване от xxx.xxx.xxx.xxx Разрешаване от xxx.xxx.xxx.xxy Разрешаване с изключение на конкретни IP Поръчка "

Страница с различен указател на директория - CSS-трикове

Страница с различен указател на директория - CSS-трикове

Обикновено index.html или index.php е страницата по подразбиране, която сървърът обслужва, когато посещава директория, без да посочва име на файл. Можете да промените това с "

Активно Gzip компресиране - CSS-трикове

Активно Gzip компресиране - CSS-трикове

Компресията намалява времето за реакция чрез намаляване на размера на HTTP отговора. Gzip е най-популярният и ефективен метод за компресиране в момента "

Добавяне / добавяне на файлове - CSS-трикове

Добавяне / добавяне на файлове - CSS-трикове

Вместо да се налага да извиквате / включвате файл, който ви е необходим, на всяка отделна страница, можете да ги добавите автоматично (в началото на файла) или да ги добавите (отдолу

Разрешаване на единичен URL чрез .htaccess Защита с парола - CSS-трикове

Разрешаване на единичен URL чрез .htaccess Защита с парола - CSS-трикове

Този код е полезен за настройки на много среда (постановка, производство и т.н.), той ви позволява да поддържате вашите htaccess файлове в синхрон, като същевременно поддържате "

301 пренасочвания - CSS-трикове

301 пренасочвания - CSS-трикове

Това е най-чистият начин за пренасочване на URL адрес. Бързо, лесно и удобно за търсачките. Не забравяйте, че нещата от HTAccess са само за сървъри на Apache. Пренасочване на един "

Ефект на пишеща машина - CSS-трикове

Ефект на пишеща машина - CSS-трикове

.typewriter h1 (overflow: hidden; / * Осигурява, че съдържанието не се разкрива, докато анимацията * / border-right: .15em солидно оранжево; / * Курсорът на пишещата машина

Изключете спинърите за въвеждане на числа - CSS-трикове

Изключете спинърите за въвеждане на числа - CSS-трикове

Настолните браузъри WebKit добавят малко стрелки нагоре надолу към числовите входове, наречени спинери. Можете да ги изключите визуално по този начин: "

Полезни CSS3 БЕЗ миксини - CSS-трикове

Полезни CSS3 БЕЗ миксини - 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: "

Неуреден списък като времева линия - CSS-трикове

Неуреден списък като времева линия - CSS-трикове

Освежаващо прост (но хитър) начин за създаване на вертикална времева линия, използвайки прав семантичен неуреден списък () от Питър Купър. ol ("

Двуцветни триизмерни блокове и текст - CSS-трикове

Двуцветни триизмерни блокове и текст - CSS-трикове

Можем да използваме множество стойности text-shadow и box-shadow, за да създадем триизмерен вид на блокове или текст, като тази екранна снимка на David DeSandro's "

Съкратете низ с многоточие - CSS-трикове

Съкратете низ с многоточие - CSS-трикове

Необходими са всички изброени по-долу, така че текстът трябва да бъде в една права линия, която прелива в поле, където това препълване е скрито. .truncate (ширина: "

Прибрани ъгли - CSS-трикове

Прибрани ъгли - CSS-трикове

Основно съдържание (фон: # e6e6e6;) .corners (фон: # f6f6f6; височина: 700 пиксела; поле: 50 пиксела автоматично; максимална ширина: 600 пиксела; позиция: относителна; ширина: 80%; "

Триъгълни списъци - CSS-трикове

Триъгълни списъци - CSS-трикове

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

Завъртане на текст - CSS-трикове

Завъртане на текст - CSS-трикове

Ако това, което търсите, е начин за вертикално задаване на типа, най-добре е да е CSS режим на писане. Ако просто се опитвате да обърнете малко текст,

Топ Сянка - CSS-трикове

Топ Сянка - CSS-трикове

Сянка по горния ръб на уебсайта, като това: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Прозрачни фонови изображения - CSS-трикове

Прозрачни фонови изображения - CSS-трикове

Няма CSS свойство background-opacity, но можете да го фалшифицирате, като вмъкнете псевдо елемент с редовна непрозрачност с точния размер на елемента зад "

Стек на системния шрифт - CSS-трикове

Стек на системния шрифт - CSS-трикове

По подразбиране на системния шрифт на определена операционна система може да се увеличи производителността, тъй като браузърът не трябва да изтегля файлове с шрифтове, това е "

Прозрачна вътрешна граница - CSS-трикове

Прозрачна вътрешна граница - CSS-трикове

Прозрачна вътрешна граница .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: relative;) .inner-border: before (border: "

Текст на заместител за стил - CSS-трикове

Текст на заместител за стил - CSS-трикове

Текстът на заместител във входовете има (в браузърите, които го прилагат досега) светлосив цвят. За да го оформите, ще ви трябват CSS свойства на префикса на доставчика. "

Превключване на видимостта при скриване на елементи - CSS-трикове

Превключване на видимостта при скриване на елементи - CSS-трикове

Екипът за разработка на Medium обсъди някои лоши практики, които нарушават достъпността. В един пример те твърдят, че непрозрачността не се поддържа добре "

Текст, капеща кръв - CSS-трикове

Текст, капеща кръв - CSS-трикове

.blood (цвят: сребърен; text-shadow: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Текст на обхождането на Междузвездни войни - CSS-трикове

Текст на обхождането на Междузвездни войни - CSS-трикове

Откриването на Междузвездни войни е емблематично. Ефектът от превъртането на текста нагоре и далеч от екрана беше едновременно луд готин специален ефект за филм обратно в "

Залепващ долен колонтитул - CSS-трикове

Залепващ долен колонтитул - CSS-трикове

Работи чудесно, ако можете да приложите фиксирана височина към долния колонтитул. Съдържание! Аз съм лепкавият долен колонтитул. * (поле: 0;) html, тяло (височина: 100%;). page-wrap ("