- 구글 애드센스 모바일 광고 전체 폭 고정TheStorybook일반적으로 애드센스 모바일 광고 등록시 전체 폭이 100% 되는데 아래 코드를 넣으면 정해진 사이즈 만큼 나옴 data-full-width-responsive="false" 위 코드를 추가! 2020년 02월 22일 추가 data-ad-client="●" data-ad-slot="■" data-ad-format="horizontal" data-full-width-responsive="false"
- 2020-12-31 23:49:24
- 상단 이동 스크롤 버튼 만들기 (탑버튼)TheStorybook모바일 페이지 예시 이미지 아래 코드 삽입 만약 내가 원하는 탑버튼 이미지가 따로 있다면? 위에서 알려드린 1단계 코드 대신 내가 원하는 다른 버튼 이미지가 있다면, 아래 코드를 복사해서 붙여넣기 합니다. (단, 주의하실 점은, 원하는 이미지의 웹 주소를 알고 있어야 한다는 점입니다.) 끝
- 2020-12-31 23:47:54
- 모바일 브라우저 상단 색상을 지정해보자TheStorybook삼성 기본 브라우저와 크롬 브라우저의 경우 위와 같이 상단바와 하단 메뉴 색상을 지정할 수 있습니다. 방법은 매우 간단합니다. 사이에 위 코드를 넣으시면 됩니다. 색상코드는 #CA2327 과 같은 컬러 HEX 코드를 하세요! XE 레이아웃에서는 아래와 같이 레이아웃 파일에 코드를 입력하시면 됩니다. {@ Context::addMetaTag('theme-color', '#CA2327'); } 참고로 모든 브라우저에서 지원하는 것이 아니니... 일단 기본적으로 크롬, 안드로이드 코드인 것 같더라구요.. 아마 안드로이드 기반에서만 적용되지 않을까 생각되네요 ㅎ 별 건 아니지만 자신의 사이트를 강조할 수 있습니다!!+_+ ^__________^* 좀 더 확인해보니 안드로이드 롤리팝부터 지원하는 것 같습니다 :)
- 2020-12-31 23:39:33
- 제목 길이 줄이기TheStorybookoverflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; 가나다라마바사아자차카다타파하
- 2020-12-31 23:36:43
- 가로메뉴 만들기 및 스크롤 지우기TheStorybookhtml 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 ..
- 2020-12-31 23:19:25
- PC, 모바일 화면 스크롤시 상단 고정 팁TheStorybookhttps://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..
- 2020-08-11 19:39:43
- 외부 링크를 사이트에서 보기 좋게...TheStorybook최근 개설한 커뮤니티 사이트에 외부에서 배포되는 영상들을 공유하기 쉽도록 외부의 영상들(유튜브,카카오tv,네이버tv 등...) 사이트에서 영상을 바로 재생할 수 있도록 해보려고 했습니다. 우선 배포된 임베드파싱 모듈 과 유료 자료인 에디터자동완성 모듈 두가지 중 하나를 선택하게 됩니다. 두가지 모두 만족하지 못하는 지점이 발생합니다. 제가 임베드파싱모듈로(글 읽을 때 변환하여 보여주는 방식) 제공했을때 아쉬운 점이 최근에 방송사들이 방송직후 배포하는 짧은 영상들이 유튜브가 아닌 경우가 많아졌다는 점인데 이러한 영상들이 바로 재생되는 embed 형태로 만들어주지 못하는 점 이었습니다. 그래서 유료 모듈인 에디터자동완성 모듈을 구입하게 되었습니다. 이 모듈에서 글 작성 시 링크를 입력하면 iframely 사..
- 2020-08-10 19:38:01
- 웹의 구성을 재미있게 해주는 HTML / CSS 효과들TheStorybookhttp://rwdb.kr/interestedeffects/ 웹의 구성을 재미있게 해주는 HTML / CSS 효과들 - RWDB RWDB Responsive Web Design dB Web awards, 우수 하이브리드웹·반응형웹 모음 사이트 rwdb.kr
- 2020-07-30 03:30:47
- div 내 문자 넘어가는 부분 자르는 방법TheStorybookcss 에 넣어보삼 overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow:ellipsis; word-wrap:break-word; word-break: break-all;
- 2020-07-24 20:57:27
- 웹사이트 배경으로 활용 가능한 영상을 큐레이션 해주는 ‘Coverr’TheStorybookhttps://coverr.co/ Beautiful, Free Stock Video Footage For Your Homepage coverr.co
- 2020-07-16 18:58:28
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)