[IT] MLBpark 엠팍 사이트 인터페이스 바꾸기
MLBpark 엠팍 사이트 인터페이스 바꾸기
사용방법
1. 구글 크롬 확장프로그램 추가
크롬 브라우저 주소입력창에서 chrome://extensions/ 입력
2. 하단의 더 많은 확장 프로그램 다운 클릭
3. 스토어 검색에서 Stylish 검색
4. 하단의 확장프로그램에서 Stylish 를 +크롬에 추가 선택
5. 오른쪽 상단 S가 보이면 설치 완료
6. S를 눌러 하단의 Write style for: mlbpark~ 링크 클릭
7. Add Style 에서 오른쪽 Section에 코드에 입력
- 광고를 떼고 싶다.
.index #container .contents .left_cont {
/* position: relative; */
/* float: left; */
width: 1030px;
}
.top_ad, #left_ad, #center_ad02, #right_cont{
display:none;
}
.index{
background:#fff;
}
.tbl_type01 tbody tr td .word, .main_contents .nav .bestTitle{
color:blue;
}
.tbl_type01 tbody tr td{
padding:0 4px 0 0;
}
.left_cont table{
width:1030px !important;
}
#contentTable{
width:95%;
margin:0 0 0 30px;
}
#center_ad01, .right_menu, .picture{
display:none;
}
.index #PCHeader .bg{
background:#5181e3
}
.footer{
background:#5578b8
}
8. 코드 추가를 원하면 Add another section 클릭 - 하단에 Code 2 생성
- 댓글창 변경하기
.reply_list, #cmtFormTable td{
background:#9bbad8 !important;
}
.reply_list .other_reply .txt span, .tbl_type01 thead tr td{
color:#000;
}
.reply_list, #cmtFormTable td {
background: #f7f7f7 !important;
}
.reply_list .other_reply .txt, .reply_list .other_con .txt .icon_arr, .reply_list .my_reply .txt {
background: #f7f7f7;
}
.reply_list .other_con .photo img {
border-radius: 20%;
border:1px solid #ddd;
}
.reply_list .other_con {
border-bottom:1px solid #ccc;
}
.reply_list .other_reply .txt_box .name {
font-weight:bold;
}
.reply_list .my_reply .txt_box .name {
color:#0284c3;
font-weight:bold;
}
.reply_list .my_con {
border-bottom:1px solid #ccc;
}
.reply_list .my_con .photo {
position: absolute;
top: 10px;
left: 0;
width: 37px;
height: 37px;
border-radius: 20%;
border: 1px solid #bfbfbf;
}
.reply_list .my_reply .txt {
float: left;
}
.reply_list .my_con {
overflow: hidden;
position: relative;
margin: 0 0 0 0;
padding: 10px 0 0 49px;
}
/*
.reply_list .ip {
display: inline;
}
*/
9. 새로고침하면 적용된것이 보일겁니다. 오른쪽 상단에 적용이 되면 1이란 표기가 보입니다.
▼ 이 게시물의 댓글 + 0
* 엮인글 + 0