티스토리 블로그 스킨 편집 HTML/CSS

글씨 색깔
#4d4748

카테고리 목록 글씨 색깔 바꾸기
.post-type-text .post-item .title {
width: auto;
margin-bottom: 3px;
padding: 5px 18px 0;
font-size: 1.025em;
color : #dcddd9;
}

티스토리 배경색 바꾸기

티스토리 블로그 배경색 변경하는 방법

네 저는 블로그 배경이 보시다시피 회색(?)검은색(?)인데요. 저 말고 다른 분들도 혹시 색상을 변경하고 싶으신 분이 계실까 싶어 정보 공유 글 포스팅 합니다. 일단 스킨은 Square 스킨입니다. 자

back-z.tistory.com

HTML 색상

HTML Color Codes

Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.

htmlcolorcodes.com

#dcddd9  본문 글자
#49564E  첫화면 작대기
#f5f5f3 #bobobo  회색계열

html 컬러코드

웹문서용 html 컬러코드, Font Color 색상표

좌우측 같은 폰트 색상이지만 컬러 구분을 쉽게하기 위해 흰색, 검정색 배경을 각각 둡니다. 000000 black 검정 2f4f4f darkslategray 어두운푸른빛회색 708090 slategray 푸른빛회색 778899 lightslategray 밝은..

090501.tistory.com

[css] 반응형 웹을 만들어보자(모바일,테블릿,데스크탑,미디어쿼리..)
특정 창 크기(px)

[css] 반응형 웹을 만들어보자(모바일,테블릿,데스크탑,미디어쿼리..)

반응형 웹이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC등 접속하는 디스플레이 종류에 따라 화면 크기가 자동으로 변하게 만드는 기법이다 개인적으로 애플 공식홈페이지가 멋있는것 같다

coding-hwije.tistory.com

티스토리 블로그 폰트 변경, 폰트 추천 - 노토산스

디자인에서 폰트가 가지는 힘 보기 좋은 떡이 먹기도 좋은 법이다. 아무리 양질의 컨텐츠로 무장한 블로그라도 디자인적으로 이목을 사로잡지 못하거나 웹 사용성 자체가 떨어지는 경우에는 알

www.leafcats.com

티스토리 다크 모드 적용하기 (배경색 변경)

티스토리 다크모드 적용하기

블로그에 들어올 때 마다 새하얀 화면에 너무 눈이 부셔서 다크모드를 적용하기로 했습니다. 쉽지 않은 작업이 될 거라고 생각은 했지만 세부적으로 워낙에 신경쓸 부분이 많기 때문에 생각보

shanepark.tistory.com

Whatever 스킨 슬라이더 크기 조절

티스토리 WHATEVER 스킨 슬라이더 크기 조절 방법

슬라이더(슬라이드) 크기 조절하는 간단한 방법 많은 분들께서 티스토리 스킨으로 선택하시는 Whatever 스킨은 메인 화면의 슬라이더가 가장 인상적인데요, 별도의 수정을 하기 전에는 슬라이더

3log2.tistory.com

사이드바 위치 변경

16. 사이드바 위치 바꾸는 방법(티스토리 스킨) - Cooltime의 블로그 초보탈출 설명서

안녕하세요. 쿨타임입니다. 이번글은 티스토리 스킨에서 사이드바 위치를 변경하는 방법에 대해서 적어보도록 하겠습니다. 사실 사이드바 변경하는 방법은 초급보다는 중급정도의 수준이지만,

cooltime.tistory.com

본문 글자색 바꾸기

[티스토리] 스킨 본문 폰트 색 변경

목적 티스토리 스킨 본문 폰트색을 회색에서 검은색으로 변경 서론 티스토리 스킨 중 #1을 사용하고 있다. 그런데 본문의 폰트 색이 회색에 가까워서 가독성이 좋지 않고 오래보면 눈이 피로해

hydroponicglass.tistory.com

티스토리 블로그 제목 편집 글씨크기 조절

티스토리 블로그 제목 편집과 글씨 크기 조절하는 방법

티스토리 블로그 글씨 크기 조절과 제목 편집하는 방법을 알아보도록 해요! 브라우저는 크롬을 기준으로 알려드리는 방법입니다~ 1. 글씨 크기 조절하는 방법 본인의 블로그 게시글 중 아무거나

charlesinfo.tistory.com

티스토리 하단 카테고리의 다른 글 삭제

티스토리 하단 '카테고리의 다른 글' 삭제하는 방법

대부분의 티스토리 블로그 하단에는 '카테고리 다른 글' 목록이 있습니다. 블로그 스킨에 따라 형태는 조금씩 달라도 아래 사진과 같은 기능이 있는데요. 제가 사용 중인 마크쿼리 스파이더웹

saysensibility.tistory.com

티스토리 하단 관련 글 삭제하기

티스토리 관련글 스킨편집으로 없애는 방법

티스토리 운영중 깔끔하게 관리하기 위해 항상 글을 쓴뒤에 제글을 확인하는데요.그런데 티스토리 게시글 하단에 관련글이 있는거에요.관련없는 글도 나오기도 해서 깔끔하지가 않아 없애고

dreamsososo.tistory.com

티스토리 카테고리 전체 보기 숨기기

티스토리 카테고리 전체 보기 숨기기/ 보이기 & 티스토리 카테고리 위치 옮기기

티스토리 카테고리 전체보기 숨기기 / 보이기 설정법 & 티스토리 카테고리 위치 옮기기 안녕하세요! 태마입니다. 티스토리 카테고리 전체 보기 숨기기/ 보이기 & 티스토리 카테고리 위치 옮기기

te-ma.tistory.com

카테고리 위젯 추가하기

티스토리 블로그에 카테고리 위젯 추가하기

이 티스토리 블로그에는 기본 스킨 중 하나인 #1이 적용되어 있습니다. 전반적으로 깔끔하여 마음에 드는 편입니다. 다만, 사이드바가 없다는 점이 조금 아쉽습니다. 그리고 #1 스킨에는 사이드

avada.tistory.com

카테고리 디자인

티스토리 스킨 카테고리 꾸미기

개인적으로 블로그 스킨을 우리말 '살결'로 부르고 있다. 영향력 없는 나 혼자 그렇게 부른다고 뭐가 달라지랴마는 스킨보다 정이 가는 말이다. 내 식대로 제목을 달자면 '티스토리 살결 꾸미기'

suhak.tistory.com

Whatever 스킨 카테고리 추가하기

티스토리 - whatever 스킨 카테고리 편집

티스토리 제공 스킨 중 가장 심플하고 오류가 적습니다. 방명록 아이콘 표시하기 1. 관리자 - 스킨 편집 - HTML 클릭 2. 검색 - avatar_default.gif - 2군데 나옴 3. 대체 카테고리 추가하기 1. 관리자 -.

antangel.tistory.com

카테고리 글 카운터 숨기기

티스토리 카테고리 글 개수 카운터 삭제 (없애는) 방법

친효스킨에도 기본적으로 있는 티스토리 카테고리 글 개수 표시 기능! 이것을 없애려면 다음의 CSS 스타일을 추가로 삽입하면 됩니다. 티스토리의 카테고리 구조는 치환자를 대신해서 사용되고

rgy0409.tistory.com

Whatever 스킨 블로그 제목

티스토리(Tistory) Whatever 스킨 / 홈, 로고, 햄버거 메뉴,타이틀 글씨 컬러 변경 방법 - CSS 기초

티스토리를 본격 사용하게되면서, 나의 브랜딩 컬러인 보라색으로 로고나 햄버거 메뉴, 타이틀 등을 바꾸고 싶었다. 네이버 블로그에서는 '세부디자인'을 이용해서 그런 부분을 자유롭게 바꿀

vivishin.tistory.com

카테고리 new 표시 안뜨게하기

티스토리 - 카테고리 new 표시 기간 길게 하기 / 혹은 안뜨게

Tistory 카테고리 New 표시 최대한 길게 안녕하세요. 고코더 입니다. 티스토리는 글을 쓰면 아래처럼 new 표시가 나타납니다. 방문자는 빨간 N 표시가 많을 수록 호감이 갈 수 밖에 없습니다. ● 1.

gocoder.tistory.com

티스토리 목록 더보기 -> 페이징 숫자로 변경하기

티스토리 하단에 목록 더보기를 페이지 숫자로 표시하는 방법입니다. 01. 티스토리 블로그관리 홈 > 꾸미기 > 스킨편집 클릭 02. 오른쪽 스킨 편집 창에서 아래로 스크롤하면 추가 설정 > 목록 더

aboneu.tistory.com

티스토리 사이드 바에 검색 창 추가하기

글을 점점 쓰면서, 글의 카테고리나 페이지가 늘어나기 시작했습니다 :D 그런데 그렇게 늘어난 글이나 카테고리같은 것들을 까먹는 일들 덕분에, 가끔 제가 썻던 글을 다시 찾는데 시간이 들기

chp747.tistory.com

티스토리 방명록 비밀글 기능 만들기

티스토리를 접하고 방명록 기능을 쓰려는데 비밀글이 없었습니다. 스킨마다 다르다던데 제가 쓰고 싶은 기본 스킨들에는 티스토리 방명록 비밀글 기능이 없네요. 그래서 이런 티스토리 방명록

jgo82.tistory.com

Section 14-2 - 티스토리 반응형 스킨 만들기 - 방명록 글쓰기 폼

지난 섹션 2017/10/31 - Section 14-1 - 티스토리 반응형 스킨 만들기 - 방명록 에서 영역을 지정하였습니다. 이번 섹션에선 본격적으로 방명록 글쓰기 폼을 만들도록 하겠습니다. STEP 1. skin.html 방명록

tistory.noo9ya.com

[HTML] 줄바꿈(엔터) 하기

HTML에서 줄바꿈 입력하기 HTML에서 줄바꿈을 하는 방법을 알아보도록 하자. HTML 소스코드에서는 아무리 엔터를 여러번 치면서 줄바꿈을 해도 HTML이 보여지는 웹브라우저에서는 줄바꿈이 적용되

hianna.tistory.com

[HTML] 버튼 정렬하기

버튼을 오른쪽 정렬하고 싶은 경우 아래와 같이 처리 1. <input type='button' class&#...

blog.naver.com

썸네일 정사각형

티스토리 Book Club 스킨 썸네일 정사각형 만들기

본 포스팅은 티스토리 Book Club 스킨의 리스트 타입 '뉴북'을 사용하는 경우에만 한합니다. 추가 요청사항이 있으면 해당 방법에 대해서도 도와드릴 수 있습니다. 본 블로그의 스킨이 바로 Book Club

gentlesark.tistory.com

블로그에 유용한 CSS 2 - border 속성으로 테두리 표시하기

border 속성은 단어 뜻 그대로 테두리를 표시하는 것이다. HTML 문서의 모든 요소는 자기만의 일정한 영역을 가진다. 배경색이나 테두리가 없으면 시각적으로 표시되진 않지만, 사실은 자신의 영역

circlash.tistory.com

티스토리 사이드 바에 검색 창 추가하기

chp747.tistory.com

티스토리 사이드바 광고 추가. 배너 넣기 (<center></center>)

티스토리 사이드바 광고 추가, 배너 넣기

티스토리 사이드바에 배너넣기 티스토리 블로그 사이드바 광고 추가 티스토리의 매력이 바로 블로그를 자유롭게 꾸밀 수 있다는 점이죠! 디자인적인 요소 뿐만 아니라 기능적인 요소까지 블로

chobo1.tistory.com

티스토리 배너 출력 - HTML 배너로 반응형 이미지 배너 만들기

[HTML] 티스토리 배너 출력 - HTML 배너로 반응형 이미지 배너 만들기

1. 배너 추가하기 1. 플러그인 적용 티스토리 웹에서 블로그 관리 → 플러그인 메뉴로 진입해 배너 출력 플러그인을 찾아 적용시켜줍니다. 2. 사이드바에 배너 적용 플러그인을 적용하고 사이드

drybone-developer.tistory.com

티스토리 코드 블럭+Syntax Highlight(코드 문법 강조) 플러그인

이 글은 티스토리 *신 에디터에서 제공하는 코드 블럭에 Syntax Highlight(코드 문법 강조) 플러그인을 사용하여 소스 코드를 소스 코드 편집기처럼 보기 편하고 예쁘게 올리는 내용을 다루고 있습니

d-jelee.tistory.com

티스토리 | 본문 하이퍼링크 색상 변경 및 밑줄 생성하기

티스토리 ｜ 본문 하이퍼링크 색상 변경 및 밑줄 생성하기

하이퍼링크 색상 변경 블로그 편집 CSS에서 .entry-content a 를 찾는다. 내 블로그는 이것저것 추가해서 1467번 줄에 위치하고 있다. .entry-content a는 하이퍼링크 글씨설정이고 .entry-content a:hover는 하이.

haryul.tistory.com

'Tech > 에이치티엠엘' 카테고리의 다른 글

티스토리 블로그 언어 설정 (0)	2023.07.18
색상표 Colors RGB (0)	2022.05.04
티스토리 스킨 가이드 (0)	2022.04.10
티스토리 블로그 디자인 희망사항 (0)	2022.04.05

티스토리 블로그 스킨 편집 HTML/CSS

'Tech > 에이치티엠엘' 카테고리의 다른 글

티스토리툴바