728x90
반응형

CSS 2

[CSS] 티스토리 Odyssey 스킨, 블로그 제목 크기 조정하기

현재 Tistory에서 기본적으로 제공하는 스킨인 Odyssey를 사용하고 있지만 추가적인 부분은 내가 꾸며야 한다. 오늘은 블로그 이름이 길어서 컴퓨터에서 축약되어 보이는 현상을 해결해 보려고 한다. 다음은 컴퓨터에서 보는 내 블로그 이름이다. Whatever floats your boat는 "너가 하고싶은대로 해"라는 의미인데 boat 단어가 잘려서 나오게 된다. 먼저 블로그 이름이 어떤 CSS 속성으로 적용되는지 찾아보려고 한다. 먼저 수정하려는 자신의 블로그에 들어가 마우스 오른쪽 버튼을 클릭한다. 맨 마지막 행을 보면 "검사"라는 버튼이 나오며 그것을 클릭한다. (아래 그림의 빨간색 표시) 검사를 누르면 오른쪽에 복잡한 코드를 포함하는 창이 나오게 될것이다. 그럼 새롭게 생성된 창에서 왼쪽 위의..

HTML 2021.08.12

[HTML/CSS] 티스토리 블로그 Odyssey 스킨, 프로필 수정하기

현재 Tistory에서 기본적으로 제공하는 스킨인 Odyssey를 사용하고 있지만 내가 만든 부분이 아니기 때문에 불편한 점이 많다.... 예를 들면 프로필 사진이 깨진다던지 소개글이 겹쳐보인다는 점.. 이를 해결하기 위해 직접 CSS 부분을 수정해보기로 했다. CSS의 어떤 이름으로 코드가 작성되었는지 알기 위해 내 블로그에 들어가 확인하였다. 확인해 보니 img-profile 이라는 이름으로 css가 만들어져 있으며 margin 값과 width, hegith를 알맞게 바꿀것이다. 똑같은 방법으로 자기소개 부분도 확인해 보았으며 text-profile이라는 이름으로 되어있다. CSS의 다음 부분을 찾아 margin값을 바꿔주으며 보시는 독자들은 각자의 상황에 알맞게 고쳐주면 된다. 추가적으로 margi..

HTML 2021.07.29
728x90
반응형