티스토리 사이드 바 꾸미기 (tistory sidebar) CSS

기본

<style>

해당부분{
	background-image:url("주소");
}

</style>

 

 

원본

/*
 * sidebar
 */
#sidebar { position: fixed; top: 0; left: 0; bottom: 0; padding: 0;
width: 300px; height: 100%; background-color: #fff;
border-right: 1px solid #ddd;
cursor: default; }

수정

• background-color 를 없애고 background-image 를 넣어주었다. 

/*
 * sidebar
 */
#sidebar { position: fixed; top: 0; left: 0; bottom: 0; padding: 0;
width: 300px; height: 100%; border-right: 1px solid #ddd; 
cursor: default; 
background-image:url("https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbkJhl4%2FbtrlYNtyPsM%2FAAAAAAAAAAAAAAAAAAAAAHP6PERc-IYZ1_C_xW6EPA4qkK6Ogm8uSY9M2fCcs7JP%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3D9PMgYzojCkKCAsgDVfxZAD35C9o%253D");}

이쁜데 글씨가 안보여서 다른 것으로 수정하긴 해야겠다!!

 

참고

https://developer.mozilla.org/ko/docs/Web/CSS/background-image