전체 웹사이트 배경이미지 (CSS) 때문에 고생 방지하는 팁.....
모..너무 간단해서 팁이라고도 할수 없는데..
그녕 제 경험 공유합니다.
웹사이트에 전체 배경이미지를 넣으려고 할때 copyright이나 여러가지 문제가 있을때 전 이렇게 합니다.
메인으로 theme/basic 을 사용하신다면
theme/basic/css/default.css에
/*#wrapper {}*/ 을
#wrapper {
background-image: url(https://picsum.photos/1024);
background-color: rgba(255, 255, 255, 0.486);
background-blend-mode: overlay;
background-size: cover
}
이렇게 변경합니다.
copyright 없는 무료 이미지로 매번 다른 이미지로 로딩되는데 내용 가리지도 않고 매번 바뀌어서 지루하지도 않습니다.
링크 들어오셔서 함 보세요...
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 3개
감사합니다 ^^
좋은 팁 입니다.
또다른 스타일입니다.
전체 배경이미지라 칼라로 하면 부담스러울때도 있을 거 같아서...
아래처럼 하시면 흐릿한 흑백 전체이미지로 됩니다.
#wrapper
{
background-image: url("https://picsum.photos/2000?grayscale&blur=4");
background-blend-mode: overlay;
background-size: cover
}
참고링크는 https://atlanta.infinityfreeapp.com/