li>a{font-weight:500;letter-spacing:-.5px} .owl-theme .owl-controls{margin-top:0} .topbar-e1{line-height:25px}audio,canvas,progress,video{vertical-align:bottom} /*.board-list img.lazyloaded{transition:none!important}*/ /*.board-view img.lazyloaded{transition:opacity 300ms}*/ .info-alert{display:table;margin:30px auto 0;padding:0 5px;border-top:1px dotted #eee;border-bottom:1px dotted #eee;color:rgb(120, 120, 120);max-width:100%;background-color:#fafafa} .jw-time-tip{min-width:50px} /*.basic-bs-main > br{content:''}*/ .breadcrumb>li{color:#777} .breadcrumb>li+li:before{font-family:"Font Awesome 6 Free";font-weight:600;content:"\f105"} .emo-img{width:55px;max-width:55px!important;height:55px!important;object-fit:contain;background-color:#fff!important;border-radius:40%;margin:0 5px 5px}/*object-fit:cover;object-position:0 0*//*padding:2px;box-shadow:inset -1px -1px 5px rgb(0 0 0 / 30%)*/ @media (prefers-color-scheme:dark) { .eyoom-emo-top.my-loves{max-width:50px} .eyoom-emo-top{overflow:hidden;max-width:40px;height:40px;border-radius:50%;margin:5px 5px 0 0!important;background-color:#fff!important} .eyoom-emo-top img{padding-top:3.5pxpx} .header-e1.header .navbar-collapse{border-top:inherit;border-bottom:0;box-shadow:none} .header-fixed .navbar-collapse.header-fixed-bar{border-top:0} .header-fixed .topbar-e1.header-fixed-bar{background:#1f1f1f} .board-view .good_voters .no_voter img,.view-comment-no-item img,.empty-table img{margin-bottom:5px!important;background:#ffffff;border-radius:50%} } /*html{scroll-behavior:smooth}*/ .ellipsis{display:block;overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis} /* .tab-pane.active{-webkit-animation:fadeIn 350ms ease-in-out .05s both;animation:fadeIn 350ms ease-in-out .05s both} @-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}} @keyframes fadeIn{from{opacity:0}to{opacity:1}} */ /* .tab-pane.active{animation: slide-up .3s ease-out;} @keyframes slide-up{ 0% { opacity: 0; transform: translateY(50%)} 100% { opacity: 1; transform: translateY(0)} } */ /* .tab-pane.active{animation: slide-down .3s ease-out;} @keyframes slide-down{ 0% { opacity: 0; transform: translateY(-50%)} 100% { opacity: 1; transform: translateY(0)} } */ .basic-bs-side h4 i{color:#54545a} .footer-e1 .copyright{background:initial!important} .header-e1.header .topbar-e1 .btn-group li{border:0} .topbar-e1 .badge,.ol-after-bottom .badge{padding:0 10px} .board-list canvas{width:135%} .board-view-con a,.view-comment .media-body p a{color:#00acee;font-weight:600} /* 본문 a태그 칼라 설정 */ .board-view-con a:hover,.view-comment .media-body p a:hover{color:#1f5aa6} .board-list .row{margin:0 -10px} /*body,.navbar-fixed-top,.navbar-fixed-bottom{margin-right:0!important}*/ /*.rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}*/ .content-box p:not(:empty),.content-border-box p:not(:empty){position:relative;padding:10px;margin:0 auto}/*border:1px solid #999*/ ::-webkit-file-upload-button{cursor:pointer} .swal2-container{z-index:10000} .board-view-con .tooltip{max-width:180px;min-width:180px} p.fontsize-adjust, span.fontsize-adjust{font-size:16px!important} .tooltip-inner{padding:5px} .panel-heading .clearfix{height:0} .media-body .media-heading span img{display:inline-block} /*.fa{text-rendering:optimizeSpeed;-webkit-font-smoothing:none}*/ .modal-sm .modal-footer{text-align:center} /*.topbar-e1 li.btn-group > a{vertical-align:middle}*//*position:relative;display:inline-block;*/ .topbar-e1 .top-e1-contacts .dropdown-menu li{padding:3px 5px} .dropdown-menu .divider:last-of-type{height:0!imporant} .yadolee-header p.site-name-txt{font-size:16px!important;font-weight:900!important} .gsc-control-cse{padding:3px 0 0;margin:0;border-color:#eee} .gsc-control-cse .gsc-input-box{padding-top:0;border:0;background-color:none} .gsc-control-cse form.gsc-search-box{margin:0} .gsc-control-cse .gsc-search-button-v2{padding:0 10px} .gsc-control-cse .gsib_a,.gsc-control-cse .gsib_b{padding:0 5px} .gsc-control-cse .gsib_b .gsst_b{font-size:20px;padding:0;margin-top:-5px} .gsc-control-cse .gsib_b .gsst_a{padding:0} .gsc-control-cse .gsc-search-button-v2{display:none} .gsc-control-cse .gsc-search-button{display:none} table.gsc-search-box td{vertical-align:middle;line-height:27px} .gsc-modal-background-image{background:#000} .gsc-modal-background-image-visible{opacity:.75} .gsc-results-wrapper-overlay{width:80%;height:90%;top:1%;padding:20px 10px} .gsc-control-cse *{font-family:"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",sans-serif;font-size:1.02em} .gsc-results-close-btn{top:10px;right:10px} .gs-web-image-box,.gs-promotion-image-box{width:100px} .gs-web-image-box .gs-image,.gs-promotion-image-box .gs-promotion-image{border:0;max-width:100%} .header-fixed-bar .top-e1-contacts .btn-group ul.dropdown-menu{border-top:0!important} .header .navbar-header{display:none} /*.header-e1.header .navbar-collapse.header-fixed-bar{border-bottom:1px solid #ccc;box-shadow:0 5px 15px -5px rgba(30,30,30,.55);-moz-box-shadow:0 5px 15px -5px rgba(30,30,30,.55);-webkit-box-shadow:0 5px 15px -5px rgba(30,30,30,.55)}*/ /*.header-fixed-bar{animation:smoothScroll .3s forwards} @keyframes smoothScroll{0%{transform:translateY(-15px);}100%{transform:translateY(0px)}}*/ .gsc-control-cse .gsib_b .gsst_a{padding:0;margin-right:-15px} .sch_word{font-size:inherit;color:#fff;background:#87b822;padding:1px 3px 1px 2px;line-height:inherit;margin:inherit;border-radius:5px}

[제로] 최근 갤러리 & 갤러리 목록 이미지 흑백 설정

페이지 정보

yadolee 루루아빠 3,024 2005.07.20 18:41:38

평점

  • 평점 : 0점 (0명 참여)

본문

최근 갤러리 & 갤러리의 목록 이미지를 흑백으로 설정하는 법을 배웠습니다.


먼저 최근 갤러리 흑백 설정 부터 보겠습니다.

/board/outlogin.php 파일에서 다음 부분을 찾습니다..

if($filename) $imgList.="<a href='".$_zb_url.$target."&no=$data[no]'><img src='$filename' border=0 style=border-color:000000 width=$xsize height=$ysize vspacing=10 hspacing=10></a>";

여기서 style= 앞에 filter:gray() 를 추가해주세요.

if($filename) $imgList.="<a href='".$_zb_url.$target."&no=$data[no]'><img src='$filename' border=0 style=filter:gray() border-color:000000 width=$xsize height=$ysize vspacing=10 hspacing=10></a>";

참고로 <a href='".$_zb_url.$target."&no=$data[no]'> 에 onfocus=blur() 를 추가하여
<a href='".$_zb_url.$target."&no=$data[no]' onfocus=blur()> 되도록 해주시면 최근 갤러리의 이미지 클릭시
이미지 가장자리의 점선이 생기지 않습니다.


갤러리 스킨의 목록 부분도 위와 같은 방법으로 filter:gray() 를 추가해주시면 됩니다  

추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,328,414
레벨 99
경험치 1,478,262

Progress Bar 77.32%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7593638 페이지
제목 글쓴이 날짜 조회 추천
제로  🏆 공지사항글에는 코멘트 못달게 하기 루루아빠 2005.08.06 3,358 0
제로  댓글+1🏆 전체에게 메일링 체크하고 싶을때에 루루아빠 2005.07.24 3,443 0
제로  🏆 글쓴 후 하단 리스트에 특정 카테고리 글만 보여주지 않고 전체 목록을 보여주기 루루아빠 2005.07.23 3,295 0
제로  🏆 🚩 최근 갤러리 & 갤러리 목록 이미지 흑백 설정 루루아빠 2005.07.20 3,025 0
제로  🏆 💾 업로드된 이미지가 있을때에 게시판 목록에 그림 아이콘 표현하기 루루아빠 2005.07.19 3,112 0
제로  🏆 💾 특정 회원에게 쪽지 스킨을 적용해봅시다 루루아빠 2005.07.19 2,839 0
제로  🏆 로그아웃시 현재접속자 리스트에서 바로 안나오게 하기 루루아빠 2005.07.14 2,473 0
제로  댓글+1🔒 닉네임과 이름앞 아이콘을 회원들이 직접 업로드 할경우 탈퇴시 문제점의 해결책 루루아빠 2005.07.12 16 0
제로  🏆 📸 💾 제로보드 비밀번호 힌트와 답으로 웹에서 바로찾기 루루아빠 2005.07.11 2,952 0
제로  댓글+1🏆 음악스킨 안될때 처방법.. 루루아빠 2005.07.09 2,480 0
제로  🏆 💾 원하는 곳에 카테고리 뿌려주기(메뉴로 활용 가능) 루루아빠 2005.07.08 2,329 0
제로  🏆 검색 버그 고치기 루루아빠 2005.07.08 2,588 0
제로  🏆 동영상(음악,뮤비,플래쉬) 업로드시 자동실행법 루루아빠 2005.07.08 2,530 0
제로  🏆 💾 회원가입시 아이디체크 (중복, 필터링, 검색, 사용시 입력창으로..) 루루아빠 2005.07.07 3,536 0
제로  댓글+1🏆 서버OS가 WindowsNT일경우 가입폼에서 메일체크 에러방지 루루아빠 2005.07.07 2,629 0
제로  🏆 공지사항 체크를 빼면 제위치로 가지 않는 문제의 해결점 루루아빠 2005.07.07 2,495 0
제로  🏆 태그 사용 체크 후 "취소" 하면 자동으로 체크 해제 루루아빠 2005.07.05 2,661 0
제로  🏆 💾 등록실패 방지 (글 등록 실패로 인한 글날림 방지) 루루아빠 2005.07.05 2,720 0
제로  🏆 특정 회원(예:운영자) 이 접속자목록에 안나오게하기 루루아빠 2005.07.05 2,524 0
제로  댓글+1🔒 게시물 작성자가 현재 접속여부표시하기 루루아빠 2005.07.05 26 0