TheStoryBook

이미지에 마우스를 가져가면, 이미지의 색상이 어둡게 변하는 태그 입니다. 아래는 style 부분 입니다. .pic1{ width:338px; height:284px; background: url(이미지이름.jpg) no-repeat; } .text{ width:338px; height:285px; background:#000000; opacity:0; } .pic1:hover .text { opacity:0.6; text-align:justify; color:#ffffff; font-size:20px; font-weight:700; font-family:"맑은 고딕"; padding:30px; } 위와 같이 pic1 과 text 라는 이름으로 속성을 정해줍니다. 배경그림 색상은 #000, 텍스트는 #ff..

일반적으로 애드센스 모바일 광고 등록시 전체 폭이 100% 되는데 아래 코드를 넣으면 정해진 사이즈 만큼 나옴 data-full-width-responsive="false" 위 코드를 추가! 2020년 02월 22일 추가 data-ad-client="●" data-ad-slot="■" data-ad-format="horizontal" data-full-width-responsive="false"

모바일 페이지 예시 이미지 아래 코드 삽입 만약 내가 원하는 탑버튼 이미지가 따로 있다면? 위에서 알려드린 1단계 코드 대신 내가 원하는 다른 버튼 이미지가 있다면, 아래 코드를 복사해서 붙여넣기 합니다. (단, 주의하실 점은, 원하는 이미지의 웹 주소를 알고 있어야 한다는 점입니다.) 끝

삼성 기본 브라우저와 크롬 브라우저의 경우 위와 같이 상단바와 하단 메뉴 색상을 지정할 수 있습니다. 방법은 매우 간단합니다. 사이에 위 코드를 넣으시면 됩니다. 색상코드는 #CA2327 과 같은 컬러 HEX 코드를 하세요! XE 레이아웃에서는 아래와 같이 레이아웃 파일에 코드를 입력하시면 됩니다. {@ Context::addMetaTag('theme-color', '#CA2327'); } 참고로 모든 브라우저에서 지원하는 것이 아니니... 일단 기본적으로 크롬, 안드로이드 코드인 것 같더라구요.. 아마 안드로이드 기반에서만 적용되지 않을까 생각되네요 ㅎ 별 건 아니지만 자신의 사이트를 강조할 수 있습니다!!+_+ ^__________^* 좀 더 확인해보니 안드로이드 롤리팝부터 지원하는 것 같습니다 :)

overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; 가나다라마바사아자차카다타파하

html tab1 tab2 tab3 tab4 tab5 tab6 tab6 tab7 tab8 tab9 tab10 css *{margin:0; padding:0;} ul{list-style:none;} a{text-decoration:none; color:inherit;} .box{max-width:960px; width:100%; height:800px; border:1px solid #ccc; margin:0 auto; } #tab ul{white-space:nowrap; overflow-x: auto; text-align:center scrollbar-width: none; -ms-overflow-style: none; } ul::-webkit-scrollbar {display: none;}} #tab ..

https://jsfiddle.net/livibetter/HV9HM/ Stick div at top after scrolling example - JSFiddle - Code Playground jsfiddle.net https://www.w3schools.com/howto/howto_css_sticky_element.asp How To Create a Sticky Element How TO - Sticky Element Learn how to create a sticky element with CSS. Try it Yourself » Note: This example does not work in Internet Explorer or Edge 15 and earlier versions. Sticky E..

최근 개설한 커뮤니티 사이트에 외부에서 배포되는 영상들을 공유하기 쉽도록 외부의 영상들(유튜브,카카오tv,네이버tv 등...) 사이트에서 영상을 바로 재생할 수 있도록 해보려고 했습니다. 우선 배포된 임베드파싱 모듈 과 유료 자료인 에디터자동완성 모듈 두가지 중 하나를 선택하게 됩니다. 두가지 모두 만족하지 못하는 지점이 발생합니다. 제가 임베드파싱모듈로(글 읽을 때 변환하여 보여주는 방식) 제공했을때 아쉬운 점이 최근에 방송사들이 방송직후 배포하는 짧은 영상들이 유튜브가 아닌 경우가 많아졌다는 점인데 이러한 영상들이 바로 재생되는 embed 형태로 만들어주지 못하는 점 이었습니다. 그래서 유료 모듈인 에디터자동완성 모듈을 구입하게 되었습니다. 이 모듈에서 글 작성 시 링크를 입력하면 iframely 사..

http://rwdb.kr/interestedeffects/ 웹의 구성을 재미있게 해주는 HTML / CSS 효과들 - RWDB RWDB Responsive Web Design dB Web awards, 우수 하이브리드웹·반응형웹 모음 사이트 rwdb.kr