WEB/tistory

[tistory] poster 스킨 menu 배경색 글자색 변경

byH 2021. 12. 21. 21:38
728x90
반응형

html 편집에 들어간다.

html 편집 방법은 하단 링크 참조

https://hengs.tistory.com/25?category=1063558 

 

[TISTORY] 티스토리 HTML 편집 글자 찾기 Search

티스토리 HTML중 찾기 기능 1. CTRL + F 후 노란색 배경의 검색 : 에 검색하고 싶은 글씨를 입력(font-family) 2. 스크롤바에 표시된 노란색 표시 확인 3. 다음으로 이동 > CTRL + G

hengs.tistory.com

 

ctrl + f 를 이용해 #header .menu { 를 찾는다

html에서 검색하는 방법은 하단 링크를 참조한다.

https://hengs.tistory.com/25?category=1063558 

 

[TISTORY] 티스토리 HTML 편집 글자 찾기 Search

티스토리 HTML중 찾기 기능 1. CTRL + F 후 노란색 배경의 검색 : 에 검색하고 싶은 글씨를 입력(font-family) 2. 스크롤바에 표시된 노란색 표시 확인 3. 다음으로 이동 > CTRL + G

hengs.tistory.com

그러면 190언저리 줄에 다음과 같이 코드가 작성되어 있다.

해당 부분에서 background-color : 색상코드 부분을 변경하면 된다. 

#header .menu {
	position: fixed;
	top: 0;
	left: -348px;
	z-index: 400;
	width: 250px;
	height: 100%;
	padding: 94px 40px 189px;
	background-color: #393B44;
	box-sizing: border-box;
	transition: left .5s ease-in-out;
}

 

쪼끔 더 내리다 보면 다음과 같이 작성된 코드가 있다.

위에 #gnb가 큰 타이틀 , 맨 위의 사진에서 보면  category , c# , tistory 

아래 #gnb가 하부 타이틀이다 

그중에 color: 색상코드

부분을 수정하면 된다.  

#gnb ul li a {
	display: block;
	text-decoration: none;
		line-height: 2.2;
	color: #D6E0F0;
}
#gnb ul li ul li ul li a.link_sub_item{
	color: #F1F3F8;
}
728x90
반응형