여기저기 둘러보다가 헤더의 검색버튼을 검색창이 크게 뜨는 걸 발견했다.근데 여기 태그를 호버링하니까 박스테두리가 삐뚤게 씌여지면서 보인다....이게 뭐야ㅠㅠ박스 테두리만 없애도 깔끔해보일 것 같다. 적용 모습수정 전수정 후 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집 theme_pink .thema_apply .box_tag a:hover를 찾아서 border줄을 삭제하거나 0px로 바꾼다..theme_pink .thema_apply .box_tag a:hover {  border: 0px solid #FF90BC;  color: #FF90BC;} 2. 코드 수정이 끝났다면 적용을 누른다. 기존 코드.theme_pink .them..

글꼴을 변경하면서 본문 밑에 보이는 태그 위치가 조금 어그러졌다.신경쓰여서 동일하게 바꾸고 싶어서 이것저것 건들여봤다.콤마가 지저분해보여서 콤마를 지우고 테두리를 씌우고 호버했을 때 밑줄을 없앴다.앞에 #을 붙여서 더 태그처럼 보이게 할까도 고민해봤는데 이것 역시 지저분해보여서ㅠㅠ 스킨 수정 과정,(콤마) 지우기1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집  2. HTML 편집 화면으로 들어간다.HTML 편집 와 사이에 아래 코드를 입력한다.  적용 모습콤마가 없어져 깔끔해진 모습이다.하지만 띄어쓰기와 태그를 구별하기 힘들어서 구분하기 위한 무언가를 꾸며야 한다.내가 알아본 방법에는 태그 앞에 #을 표시하는 것과 태그 클라우드처럼 테두리를 씌우는 방법..

포트폴리오 스킨은 레터 스킨과는 다르게 태그 클라우드가 이미 텍스트 박스로 구현돼 있다.그래서 내가 안건들여도 되는 줄 알았는데 왠걸?왜 호버했을 때 색이 뜬금없이 파란색인걸까?핑크테마인데...그래서 색을 바꾸고 박스 테두리도 조금 둥글게 바꿨다. 적용 모습 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 적당한 위치에 아래 코드 입력하기/* 태그 클라우드 꾸미기 s */.tag_zone a { display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; border: solid 1px rgba(0, 0, 0, 0.25); border-rad..

인파님 블로그에서 스크롤도 얼마든지 커스텀할 수 있다는 걸 알았다.스크롤바 배경을 투명하게 만드는 법은 터특하지 못했지만ㅜㅜ꽤 많은 사이트에서 스크롤바를 막대바로만 표시하던데 확실히 그게 깔끔해보이긴 하다. 적용 모습 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집 적당한 위치에 아래 코드를 입력한다./* 스크롤바의 너비 */body::-webkit-scrollbar { width: 12px; }/* 스크롤바 헤더 부분 디자인 변경 */body::-webkit-scrollbar-thumb { height: 30%; /* 스크롤바의 길이 */ background: #9bbcf2; /* 스크롤바의 색상 */ border: 2px s..

스크롤을 얼마나 내렸는지 직관적으로 알 수 있는 방법을 찾았다.상단에 프로그래스바가 움직이는 방법이다.그리고 색이 있으니까 이쁘다ㅋㅋㅋㅋ 적용 모습 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 2. HTML 편집 화면으로 들어간다.HTML 편집   태그 바로 아래에 아래 코드를 추가한다.  3. CSS 편집 화면으로 들어간다.CSS 편집 적당한 위치에 아래 코드를 입력한다.그라데이션 ver./* 프로그레스바 */#mybar { position: fixed; top: 0; left: 0; width: 0; height: 5px; /* 프로그레스 바 굵기 */ z-index: 100; transition: all .2s e..

다른 분들은 공감버튼을 크고 화려하게 꾸미던데 실력도 없고 그렇게 본격적으로 블로그를 운영할 것 같진 않아서ㅎ그래도 공감 버튼을 눈에 띄게 하는 방법 중에 멘트를 삽입하는 게 제일 편해보였다. 적용 모습  스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집  2. 아래 두가지 방법 중 하나를 선택해서 위치에 알맞게 입력하면 된다.방법 1CSS 편집으로 들어간다.  적당한 위치에 아래 코드를 입력한다./* -- 공감 유도 문구 s *//* 말풍선 박스 */.postbtn_like::before { content: "이 글이 좋았다면 ♡를 눌러주세요^-^"; position: absolute; left: 0px; top: -2px; backgro..