(CSS) 티스토리 테이블 색상 변경

티스토리의 (표) 테두리 스타일은 총 6가지가 있습니다. 기본, 선, 첫 행·열 배경색, 첫 행 굵은선, 격행 배경색, 선 없음 색상은 4가지가 있습니다. DarkGray, SkyBlue, ForestGreen, RoyalBlue data-ke-style 속성 값으로 정해집니다. 기본 테두리 색상은 회색이므로 원하는 색으로 설정을 해봅니다. CSS 코드 article table { width:100%; font-size: 0.9375em; line-height: 1.5714; text-align: center; margin-bottom: 22px; border-collapse: collapse; border-spacing: 0; } article :is(table[data-ke-style="style1"..
PC&웹/웹프로그래밍 2023. 11. 23. 16:18

강제 광고 관련 티스토리의 약관 살펴보기

티스토리에서 강제로 광고를 삽입하는 이슈가 있습니다. 구글 애드센스, 다음 애드핏 등 광고 서비스 종류를 가리지 않습니다. 티스토리 약관(2023년 8월 기준)을 보면 제9조 (서비스 내 광고) 회사는 서비스 내에서 광고를 게재할수 있으며, 게재되는 광고의 형태 및 위치, 노출 빈도, 수익의 귀속 등은 회사가 정합니다. “게재되는 광고의 형태 및 위치, 노출 빈도”라는 문구에서 최대 수익이 발생하는 명당 자리를 차지할 수 있습니다. “수익의 귀속 등은 회사가 정합니다.” 라는 문구에서 수익을 회사가 100%로 설정 해도 약관상 문제가 되지 않습니다. 제11조 (회원의 의무) (1) 회원은 아래 각 호의 1에 해당하는 행위를 하여서는 안됩니다. ⑬불특정 다수의 회원을 대상으로 하여 광고 또는 선전을 게시하..
PC&웹/정보&기술 2023. 8. 19. 13:18

(jQuery) 티스토리 이전 글에서 문단 공백이 적용되지 않을 때

증상 문단 앞뒤에 공백이 적용되지 않는다. Shift+Enter만 붙어야 하는데, Enter를 아무리 눌러도 줄 바뀜 사이에 공백이 추가되지 않는다. 문단 설정하라는 글은 쉽게 볼 수 있지만, 설마 그걸 안 해본 사람이 있을까? 할 정도로 전혀 도움이 되지 않는다. 글 편집 화면에서 HTML을 보면 와 뿐이다. 도대체 뭐가 문단 공백을 막는 걸까? 🤔 F12 개발자 도구를 사용하여 문단을 찍어보았다. 🔍 그랬더니... 찾았다! 정상으로 문단 공백이 표시되는 글에는 나타나지 않던 CSS 클래스가, 비정상으로 표시되는 글에 나타나 있는 것이다. .tt_article_useless_p_margin 클래스는 서버 측에서 생성하는 것 같다. 이 클래스는 다음 파일에 정의되어 있다. uselessPMargin.cs..
PC&웹/웹프로그래밍 2023. 8. 17. 17:53

(jQuery) 블로그 태그 목록을 버튼으로 섞기

준비물 (jQuery) 연결하기 관련글 (jQuery) 태그 목록 섞기 (jQuery) 티스토리 태그 목록 컬러풀하게~ 이번엔 버튼으로 섞어보자. 버튼을 누르면 글자 색상, 크기가 임의로 지정되고 순서가 섞이게 된다. 이전 글(관련글 참고)에서 작성한 코드를 재사용하기 위해 함수 안에 넣는다. var tag_random = function() { var taglogli = $('.taglog li'); taglogli.find('a').each(function() { $(this).css('color', getRandomRGB).css('font-size', getRandomNumber(8,24)+'pt'); }); taglogli.shuffle(); } $("태그 섞기!").click(function(..
PC&웹/웹프로그래밍 2010. 2. 5. 20:12

(jQuery) 태그 목록 섞기

준비물: (jQuery) 연결하기 미리보기 http://simulz.com/tag 관련글: (jQuery) 티스토리 태그 목록 컬러풀하게~ 새로고침할 때마다 목록이 섞인다. ABC, 가나다였던 태그 목록을 랜덤 정렬로 변경해보았다. $.shuffle Plugin http://mktgdept.com/jquery-shuffle 위 사이트에서 js 파일을 내려 받고 사이트나 블로그에 업로드 한다. HTML HEAD에 아래 코드를 추가하여 JS를 연결한다. $('.taglog li').shuffle(); $('.taglog li') taglog 클래스를 가진 요소의 자식 중에서 li 요소들을 선택한다. $.shuffle(selector) 처럼 사용 가능하다.
PC&웹/웹프로그래밍 2010. 2. 5. 17:56

(jQuery) 티스토리 태그 목록 컬러풀하게~

준비물: (jQuery) 연결하기 미리보기 http://simulz.com/tag 새로고침 할 때마다 색상과 크기가 변한다. 많아야 5가지 색상과 크기뿐이었던 태그 목록을 랜덤 색상, 크기로 변경해보았다. 목록 섞기: (jQuery) 태그 목록 섞기 var getRandomRGB = function() { return '#' + Math.floor(Math.random()*16777216).toString(16); } var getRandomNumber = function(f, t) { var num = -1; while(f > num) num = Math.floor(Math.random() * (t+1)); return num; } $('.taglog li a').each(function() { $(t..
PC&웹/웹프로그래밍 2010. 2. 5. 14:20
1
반응형

티스토리툴바