오늘은 모바일과 웹을 동일한 디자인으로 설정하기 위한 방법에 대해서 알아보도록 하겠습니다. 왼쪽 : 티스토리 모바일 웹 자동 연결을 [사용합니다.▼]★메인 사진 변경 가능★ 오른쪽 : 티스토리 모바일 웹 자동 연결을 [사용하지 않습니다.▼]★현재 웹 디자인과 동일★ 자동 연결을 '사용하지 않습니다.' 로 선택했을 때 현재 웹에서 보여지고 있는 디자인을 유지하게 됩니다. 왜 나만 모바일 연동이 안되고 다른 디자인으로 보이지하고 계속 찾아봤는데... 드디어 이유를 알게 되었네요... '사용합니다.'로 설정하면 당연히 동일하게 보이는 줄... 말 표현이 되게 어렵게 되어 있는 것 같습니다. 정말 간단하지만 반드시 짚고 넘어갑시당~ 조금이나마 도움이 되었길 바랍니다 :~)

☻조금씩 바꿔보자 티스토리!/티스토리 관리하기 2020. 2. 13. 08:51

저의 블로그는 현재 슬라이더(cover-slider), 섬네일 리스트(cover-thumbnail-list), 벽돌 리스트(cover-masonry), 리스트(cover-list)의 총 4개의 커버로 구성되어 있는데요. 아래에 섬네일 리스트(cover-thumbnail-list)의 Design이라는 타이틀 보이시죠? 이 부분의 글자를 편집해보도록 하겠습니다. CSS 편집창에서 [Ctrl+F]를 누른 뒤, 'h2'를 검색해줍니다. 오른쪽 스크롤 바에 노란색으로 표시되어 있는 부분으로 이동하면, '.cover-thumbnail-list h2 {' 를 찾을 수 있는데요. color: #000000; 글자색상 (https://www.w3schools.com/colors/colors_picker.asp) text..

☻조금씩 바꿔보자 티스토리!/티스토리 관리하기 2019. 10. 11. 10:49

블로그명을 나타내는 상단의 메인 글자의 크기와 색상을 바꿔보도록 하겠습니다. 이제 익숙해진 CSS 편집창입니다. [Ctrl+F] 를 눌러 'head' 라고 검색해주세요. #header h1 소스의 font-size 는 현재 1.5em 이네요. 저는 font-size 를 3em으로 수정하였습니다. 아래와 같이 메인 글자의 크기가 커진 것을 확인할 수 있습니다. 다음은 색상을 변경해보도록 할게요. #header h1 a소스의 color 는 현재 #1a1a1a 이네요. 저는 아래 컨텐츠의 색상에 맞춰 연두색 계열의 #669900 을 적용하였습니다. CSS 색상번호는 https://www.w3schools.com/colors/colors_picker.asp 에서 쉽게 찾아볼 수 있어요~ 오늘도 간단하게 수정을 ..

☻조금씩 바꿔보자 티스토리!/티스토리 관리하기 2019. 10. 10. 14:37

Poster 스킨에 슬라이더 기능을 추가해보았는데요. 글자 사이즈가 맘에 들지 않아서 수정해보도록 하겠습니다. 아래의 그림에서 현재 왼쪽 슬라이더의 '프레셔스 플라스틱 (Precious Plastic)' 을 보면 일렬로 잘 보이지만, 실제로 사이트에서는 위의 그림 같이 두줄로 나뉘어서 보인답니다. 뭔가 정돈되어 있지 않은 느낌이죠? 먼저, [Ctrl+F] 를 누르고 'slider'라고 검색해볼게요. 그 다음 .cover-slider ul li. title 부분을 찾아주세요. 기존에는 max-width : 580px, font-size : 2.5em 으로 설정되어있습니다. 이를, max-width : 700px, font-size : 2em 으로 변경하였습니다. 여기서, max-width : 최대 가로폭 ..

☻조금씩 바꿔보자 티스토리!/티스토리 관리하기 2019. 10. 8. 09:54

티스토리 블로그를 하나하나 바꾸는 재미가 있네요. 오늘은 마우스커서를 변경하는 방법에 대해서 알아보도록 하겠습니다. #1. http://www.cursors-4u.com/ 사이트를 방문해주세요. #2. 원하는 마우스커서 모양을 클릭합니다. 마우스커서를 변경할 수 있는 방법은 두가지가 있습니다. (1) Option#1의 소스 복사 시 HTML 태그 밑에 붙여넣기 (2) Option#2의 소스 복사 시 CSS 캐드 아무곳에(맨 아래가 젤 편하겠죠?) 붙여넣기 [저장] 후 [새로고침]을 하시면 마우스커서가 변경된 것을 확인할 수 있습니다.

☻조금씩 바꿔보자 티스토리!/티스토리 관리하기 2019. 10. 2. 10:57

티스토리 병아리(CSS, HTML 1도 모름)인 제가 블로그 관리를 위해 사용했던 방법을 공유하려고 합니다. 구글 웹 폰트를 사용해서 티스토리의 폰트를 변경해도록 하겠습니다. #1. [관리자] → [스킨편집] → [html편집] 을 클릭합니다. #2. [CSS] 를 클릭합니다. 우리는 저 두놈의 값을 변경해야 합니다. (import url, font-family) #3. 구글 웹 폰트 사이트 방문해서 변경할 글꼴에 대한 정보를 알아내야합니다. https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 저는 "Do-..

☻조금씩 바꿔보자 티스토리!/티스토리 관리하기 2019. 10. 1. 14:08