[오디세이 스킨] 프로필 사진 네모로 변경하는 방법

오디세이 스킨을 쓸때 프로필 사진을 보면 기본적으로 동그란 형태로 되어 있다.

이걸 네모로 간단하게 바꾸는 방법을 소개한다.

 

오디세이 스킨 프로필 기본형태

 

지금 이렇게 PC로 볼때 또는 모바일로 볼때 포스팅의 하단에 해당하는 사진을 말한다.

 

 

 

블로그 편집에서 [스킨 편집] 이라는 부분으로 들어가 준다음에 [html편집] 이라는 부분을 클릭해준다.

 

 

 

여기서 상단에 CSS를 눌러서 변경해 준뒤에 아래와 같이 따라해보자.

 

Ctrl + F 누른뒤

.area-aside .box-profile .img-profile 라고 검색해서 찾아준다.(Mac은 command + F)

 

반응형

 

 

 

*변경 전

.area-aside .box-profile .img-profile {
  width: 140px;
  height: 140px;
  margin: 49px 0 14px 0;
  border-radius: 140px;
}

 

 

*변경 후

.area-aside .box-profile .img-profile {
  width: 140px;
  height: 140px;
  margin: 49px 0 14px 0;
  border-radius: 10px; /* <-- 이 부분 숫자 변경 */
}

 

border-radius: 이부분에서 px; 앞에 있는 숫자를 줄이면 줄일 수록 곡선의 형태가 바뀐다. 이 숫자를 조절해서 모서리가 부드러운 네모형태를 만들 수도 있고, 아예 지워버리면 각진 정사각형의 프로필 사진으로 변경할 수 있다.

 

 

변경하게 되면 이렇게 네모난 형태로 프로필 사진이 바뀐것을 확인 할 수 있다.