탭게시물인데요.. 점을 >이걸로 바꾸고 싶어요 ^^
본문
탭최근게시물 소스 주소 (원본 : 이곳에서 다운받아서 수정하고 있습니다.)
저 점을 > 이걸로 바꾸고싶어요.
@charset "utf-8";
/* 새글 스킨 (latest) */
#tablist { background: rgb(255, 255, 255); margin-top:10px; padding: 0px 12px; width: 392px; position: relative; }
.list-tab { margin-bottom: 20px; float: left; }
.list-tab ul { margin: 0px 0px; }
.list-tab li { width: 392px; height: 26px; float: left; color:#999}
.list-tab li a { padding: 0px 1px;line-height: 26px; font-size: 12px;color:#666;text-decoration:none}
.list-tab li a:hover { width: 392px; color:#a7153e; text-decoration: none}
.list-tab li span { margin: 0 16px 0px 0px;color: rgb(204, 204, 204); font-size: 12px; float: right; }
.list-tab .line { padding-bottom: 10px; margin-bottom: 10px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dashed; }
.list-tab li { width: 392px; height: 26px; float: left; color:#999}
이 부분이 목록 점에 해당되는 부분인데.. 여기서 바꿀 수 있나요..
답변 2
.list-tab 부분에 list-style:none; 추가해주시면 점이 없어질 것 같구요.
> 를 추가하려면 latest.skin.php에서 <li> 제목 부분에 > 추가하면 될 것 같네요
간단하게 텍스트 만으로는
.list-tab li { list-style-type: none; }
.list-tab li:before {
position: relative;
display: inline-block;
width: 1.0em;
left: -1.0em;
margin-right: -1.0em;
content: ">";
}
처럼 처리할 수도 있지만
li 본래 list-style-type 및 하위노드의 위치보존을 해치지 않기 위해 list-style-image 로 처리하는 방법이 더 깔끔할수 있습니다.