방석위 워터마크_내맘대로 가독성 높히기! (방석이가 올려줬던 업로더용 워터마크 응용편)

<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin" data-link="https://cafe.daum.net/Duckgu" data-link-newwindow="_blank"><a href="https://cafe.daum.net/Duckgu" target="_blank" class="ke-link"><img src="https://t1.daumcdn.net/cafeattach/1Z3WG/d9250ed050f3981d6388ef034c7f95a926d3fffb" data-img-src="https://t1.daumcdn.net/cafeattach/1Z3WG/d9250ed050f3981d6388ef034c7f95a926d3fffb" data-origin-width="1100" data-origin-height="550"></a></div><p style="text-align: center;"> 안녕하세요!<br>가끔 이슈게에 글을 업로드하는 방석이예요😀<br><br>전에 어떤 방석이가 올려줬던 워터마크를<br>유용하게 쓰고있던 와중<br><a href="https://m.cafe.daum.net/Duckgu/D49M/234679?svc=cafeapp" target="_blank" class="ke-link">https://m.cafe.daum.net/Duckgu/D49M/234679?svc=cafeapp</a></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="방석위를 사랑하는 자체 제작 업로더들에게 작은 사랑을 담아💝 (feat. 워터마크)" data-og-description="안녕하세요! '방석 위로 모여라' 카페를 무척 애정하는 회원입니다! 소중한 방석위 컨텐츠 글들이 출처가 변하는 일이 비일비재하다고 하더군요.제가 아주 아주 작은 도움을 되고 싶어 글을 썼" data-og-host="m.cafe.daum.net" data-og-source-url="https://m.cafe.daum.net/Duckgu/D49M/234679?svc=cafeapp" data-og-url="https://m.cafe.daum.net/Duckgu/D49M/234679?svc=cafeapp" data-og-image="http://scrap.kakaocdn.net/dn/tohLj/hyQ5wz71nq/Fn2bOgvVDeA3kKC3kKStX1/img.gif?width=996&height=599&face=0_0_996_599"><a href="https://m.cafe.daum.net/Duckgu/D49M/234679?svc=cafeapp" target="_blank" data-source-url="https://m.cafe.daum.net/Duckgu/D49M/234679?svc=cafeapp"><div class="og-image" style="background-image:url(http://scrap.kakaocdn.net/dn/tohLj/hyQ5wz71nq/Fn2bOgvVDeA3kKC3kKStX1/img.gif?width=996&height=599&face=0_0_996_599)"></div><div class="og-text"><p class="og-title">방석위를 사랑하는 자체 제작 업로더들에게 작은 사랑을 담아💝 (feat. 워터마크)</p><p class="og-desc">안녕하세요! '방석 위로 모여라' 카페를 무척 애정하는 회원입니다! 소중한 방석위 컨텐츠 글들이 출처가 변하는 일이 비일비재하다고 하더군요.제가 아주 아주 작은 도움을 되고 싶어 글을 썼</p><p class="og-host">m.cafe.daum.net</p></div></a></div><p style="text-align: center;"><br>워터마크가 더 연하면 글 보기가 편하지 않을까?<br>라는 생각이 들어<br>투명도를 조절하는 html소스를 추가해봤습니다!<br><br>방석이가 올려줬던 소스코드에<br>opacity 부분만 추가된 버전이예요.</p><blockquote data-ke-style="style3"><div class="bg"></div><br><style><br>div, li { background-color: transparent !important;}<br>div > .bg {<br>position: fixed;<br>top:0;<br>left:0;<br>z-index: -1;<br>width: 100%;<br>height: 100%;<br>background: <br>url('https://t1.daumcdn.net/cafeattach/1Y9M4/63f7b334f0b7e16fd0c554b0d3efd89a863ce123') center / cover;<br>opacity: 0.3;<br>}<br></style></blockquote><p style="text-align: center;"><b>opacity 뒤의 숫자가 클수록 진하고</b><b><br></b><b>작을수록 옅어집니다.</b> (0~1까지 설정 가능)</p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Ys9C/dbcacd53913f3630c3c934ed8a71b48149debea9_re_1672395609305" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Ys9C/dbcacd53913f3630c3c934ed8a71b48149debea9_re_1672395609305" data-origin-width="1024" data-origin-height="316"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Ys9C/7ef9e4e6a389c4cab4a8a98511c1caef0c88c668_re_1672395609305" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Ys9C/7ef9e4e6a389c4cab4a8a98511c1caef0c88c668_re_1672395609305" data-origin-width="1024" data-origin-height="444"></div><p style="text-align: center;"><b>단점</b>:<br>다른 요소까지 html을 이용해서 작성하면 그것들의 투명도도 바뀐다고 해요!<br><span data-ke-size="size14"><s>사실 뭘 딱히 해본적은 없음 인터넷에서 그렇댔음</s></span><br>그럴때는 rgba를 사용하라는데.. 그것까지는 어려워서 저는 이 소스코드에<br>그냥 본문에 글작성 하는 방식으로 쓴답니다(´∀｀*)<br><span data-ke-size="size14"><s>레전드 무책임</s></span><br><br>아참 근데 소스코드로 폰트 바꾸는건 잘 작동 했어요!</p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Ys9C/66156f6f8dab060d41fd187c398b11b0faa63a26_re_1672395609305" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Ys9C/66156f6f8dab060d41fd187c398b11b0faa63a26_re_1672395609305" data-origin-width="1024" data-origin-height="1231"><div class="figcaption">이런식으로!</div></div><p style="text-align: center;"><br>그럼...<br><br><br>이슈게 업로더들 모두 사랑해요<br></p><div data-ke-type="emoticon" data-ke-style="alignCenter" data-emoticon-type="niniz" data-emoticon-name="010" data-emoticon-isAnimation="true" data-emoticon-src="https://t1.daumcdn.net/keditor/emoticon/niniz/large/010.gif"><img src="https://t1.daumcdn.net/keditor/emoticon/niniz/large/010.gif"></div><div class="figure-html" data-ke-type="html" data-source="<div class="bg"></div> <style> div, li { background-color: transparent !important;} div > .bg { position: fixed; top:0; left:0; z-index: -1; width: 100%; height: 100%; background: url('https://t1.daumcdn.net/cafeattach/1Y9M4/63f7b334f0b7e16fd0c554b0d3efd89a863ce123') center / cover; opacity: 0.3; } </style>"><div data-ke-class="article"><div class="bg"></div> <style> div, li { background-color: transparent !important;} div > .bg { position: fixed; top:0; left:0; z-index: -1; width: 100%; height: 100%; background: url('https://t1.daumcdn.net/cafeattach/1Y9M4/63f7b334f0b7e16fd0c554b0d3efd89a863ce123') center / cover; opacity: 0.3; } </style></div></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Ys9C/ca9999ab11ad78d320cb7455d37ecac62a6e413e_re_1672395609305" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Ys9C/ca9999ab11ad78d320cb7455d37ecac62a6e413e_re_1672395609305" data-origin-width="870" data-origin-height="563"><div class="figcaption">미방</div></div><p style="text-align: left;">사진 출처는🫶<br><a href="https://m.cafe.daum.net/Duckgu/D4Dy/152?svc=cafeapp" target="_blank" class="ke-link">https://m.cafe.daum.net/Duckgu/D4Dy/152?svc=cafeapp</a></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="🍩 심슨 테마 full set (+쓰기 좋은 짤 모음)" data-og-description="여기를 눌러 링크를 확인하세요" data-og-host="m.cafe.daum.net" data-og-source-url="https://m.cafe.daum.net/Duckgu/D4Dy/152?svc=cafeapp" data-og-url="https://m.cafe.daum.net/Duckgu/D4Dy/152?svc=cafeapp" data-og-image="http://scrap.kakaocdn.net/dn/DYfEi/hyQ5yLuXRm/H25smBUadDThy3XmQBBaP1/img.png?width=331&height=331&face=0_0_331_331"><a href="https://m.cafe.daum.net/Duckgu/D4Dy/152?svc=cafeapp" target="_blank" data-source-url="https://m.cafe.daum.net/Duckgu/D4Dy/152?svc=cafeapp"><div class="og-image" style="background-image:url(http://scrap.kakaocdn.net/dn/DYfEi/hyQ5yLuXRm/H25smBUadDThy3XmQBBaP1/img.png?width=331&height=331&face=0_0_331_331)"></div><div class="og-text"><p class="og-title">🍩 심슨 테마 full set (+쓰기 좋은 짤 모음)</p><p class="og-desc">여기를 눌러 링크를 확인하세요</p><p class="og-host">m.cafe.daum.net</p></div></a></div><p style="text-align: left;"><span></span></p>