티스토리_코딩

티스토리 CCZ-CROSS 방문자 색상 변경

레임3D 2019. 6. 17.

기본은 옅은 회색이라 잘 안보여서

기본색은 검정색, 마우스 커서를 올렸을때는 색상이 변경되도록 했습니다.

/* _방문자 */
.module-visitor {
  width: 270px;
  margin-bottom: 22px;
  letter-spacing: 0;
  color: #1b1b1f; /*기본값 : e0e0e0*/
  text-shadow: 1px 1px #ffffff;
}
.visitor-row {
    padding: 8px 5px;
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
}

.visitor-row:hover {color: #ff42e2;} /*방문자 마우스 올렸을때 컬러*/
.border-row {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #ffffff;
    box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #e0e0e0;
}
.visitor-cell {float:left;}
.visitor-date {float:right; font-weight: bold;}

위 코드를 입력하면 아래 결과를 얻게 됩니다.

댓글

💲 추천 글