블로그스팟 첫번째이미지 배경화면으로 깔리게 하기

blogspot 상세이미지중 첫번째 이미지 상단영역에 배경으로 깔기

*내 스킨에 맞춰서 html구조를 변경해 쓰는 거라 일반적인 스킨에서는 안맞을수 있음.

HTML CSS JavaScript Python XML

<b:if cond='data:view.isSingleItem'> <b:if cond='data:widgets.Blog.first.posts.first.featuredImage'> <b:include data='{ image: data:widgets.Blog.first.posts.first.featuredImage, selector: ".bg-photo" }' name='responsiveImageStyle'/> <div class='bg-photo-container'> <div class='bg-photo'/> </div> </b:if> </b:if> .bg-photo-container{ overflow:hidden } .bg-photo-container,.bg-photo-container .bg-photo{ height:464px; width:100% } .bg-photo-container .bg-photo{ background-position:center; background-size:cover; z-index:-1 } @media (max-width:745px){ .bg-photo-container,.bg-photo-container .bg-photo{ height:250px; width:100% } }

※ 이 사이트의 모든 포스팅은 협찬 및 유료광고를 포함하고 있지 않습니다. ※개인 취향에 따른 리뷰이니, 부디 참고만 하시길!

daily-inklings 전체 글 보기

이글은 3월 22, 2023 에 최종으로 업데이트된 글입니다.