만들고보니 너무 심플하고 내 스타일이었어.. 갤러리형도 신박해서 좋았고 (내 기준)
이곳저곳 자기 멋대로 잘 꾸밀수있을것같아서 수정해서 예쁜 신박한 스킨 많이 보고싶어서 배포 !_! 합니다.
‣ 재배포 하지마세요. 지인한테도 하지마세요!
1. 카테고리 추가 및 아이콘 변경
https://fontawesome.com/icons
제가 쓴 아이콘 사이트입니다!
1-가. 카테고리 아이콘 변경
<span id="icon"> 검색 후, pic_icon / guest_icon 안에 있는
<i class="fas fa-envelope" title="guest"> 를 원하는 아이콘 코드로 바꾸시면 됩니다.
아이콘 코드 위에 저 코드입니다.
1-나. 카테고리 아이콘 추가
HTML 에서 <span id="icon"> 검색 후,
<span id="원하는아이디"><a href="추가할카테고리주소"><i class="추가할 아이콘 코드" title="추가할 아이콘 툴바에 나올 말"></i></a></span>
이런식으로 추가해 주신 후에, CSS로 넘어가셔서
.menu 검색 후 , [ padding-left: 220px; ] 를 조절하셔서 위치 수정하시면 됩니다.
모바일 위치수정은 /*반응형 (모바일)*/ 서치 후, 마찬가지로 그 안에 있는 .menu 의 margin-left:-30%; 요 숫자를 조절해주세요.
2. 메뉴에 마우스 롤오버시 나오는 툴바 내용 변경 방법
title=[하고싶은말] title 서치 후 , 그 안에 하고싶은말 적어주세요!
3. 배경 색상 or 배경 바꾸는법
왜인지 모르겠지만 툴바로 인해 배경을 설정 안할경우 배경에 title 언어가 그대로 뜨더라구요 (...)
그래서 귀찮으시겠지만 색상 바꾸는것도 이미지 업로드에 18.png 가 배경이니 삭제후 원하시는 배경 혹은 색상으로 바꿔주신후 18.png 로 다시 업로드 하시면 됩니다.
4. 서브 카테고리 추가 / 바꾸는법
subcategory 서치 후 ,
|
<script type="text/javascript">
var ctgr = '';
if(ctgr=="메인카테고리" ||
ctgr=="메인카테고리/서브카테고리" ||
ctgr=="메인카테고리/서브카테고리"
)
{document.write(" <a href='/category/메인카테고리/서브카테고리'>menu1</a> ㅣ <a href='/category/메인카테고리/서브카테고리'>menu2</a> </p>")}
</script>
|
cs |
||
ctgr=="메인카테고리/서브카테고리"
추가 후 ,
ㅣ <a href='/category/메인카테고리/서브카테고리'>menu2</a>
밑에 요 부분을 옆에 또 추가해주시고.. 이런식으로 추가해주세요
설명을 잘 못해서 ;ㅅ; 일단 해보시고 못알아듣겠다싶으시면 방명록이나 댓글로 물어봐주시면 알려드리겟습니다.
5. 서브카테고리를 갤러리형으로 바꾸는 방법
<!--부분 갤러리 목록형 --> 서치후
|| ptn == '/category/메인카테고리/서브카테고리'
를 스크립트안에 추가해주세요!
6. 타이틀 사진 바꾸는 방법
./images/1.gif 찾으신후 원하는 타이틀사진 파일명으로 바꿔주세요~
7. 사진 없거나 보호글 사진 바꾸는법
./images/noimgg.png
200x200px 로 만드셔서 파일명 noimgg.png로 파일업로드해주세용
8. 게시물 제목이 박스 밖으로 튀어나오는경우
list_title 서치후
text-overflow: ellipsis; 를 넣어주세요~
그 후 width: 100% < 요 수치를 80% 70% 처럼 숫자를 낮춰주세용
9. 공감박스가 점선일경우 CSS에서 신고를 찾은후
/* 신고 버튼 */
.container_postbtn {
padding: 10px 0 !important;
}
.container_postbtn .postbtn_like {
border: 0px !important;
}
.container_postbtn .postbtn_like label:first-child {
padding-left: 0 !important;
}
지우신 후 , 이걸로 바꿔주세요