[12]
메뉴 기본 숨겨두기 keyboard_arrow_down
widgetmenu.css
<?// PC 버전?> 과  <?// 모바일 버전?> 스타일을 모바일 버전으로 통일하기
[11]
~/p 로 리다이렉트하게 함 keyboard_arrow_down
최상위 폴더에 index.html 파일 생성

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Redirect</title>
    <script>
        const target_url = "목적지 url";
        const go_my_home = () => window.location.href = target_url;
        go_my_home();
    </script>
</head>
<body>
   
</body>
</html>
귀찮아서 미루고 있다가 갑자기 생각나서 만들어둠
[10]
사용중인 스킨 keyboard_arrow_down
메인 스킨 LINK
위젯 메뉴 LINK

로드비 스킨 LINK
리뷰 스킨 LINK
지비님 메모 스킨 (현재 배포 중단)
기본형 갤러리 LINK
플레이리스트 스킨 LINK
대화용한줄게시판 스킨 LINK
대하님 웹박수 스킨 LINK
로드비 LINK
썸네일 겸 공유글 플러그인 LINK
[9]
유튜브 임베딩 시 반응형 적용 keyboard_arrow_down
MORE
참고: 유튜브 동영상을 반응형으로 자동으로 바꾸는 방법 LINK

CSS 추가
css/style.css
.video_wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

script 추가
head.sub.php의 </head> 바로 위
<script>
    $(function () {
        //Youtube의 태그를 찾아서 video_wrapper 태그를 추가
        $('iframe[src*="youtube.com"]').each(function () {
            $(this).wrap('<div class="video_wrapper"></div>');
        });
    });
</script>

갠홈 전체에 적용됨
CSS 수정
- 최대 넓이 지정하되 16:9 비율 유지
- 중앙정렬
ㄴ https://posty.pe/p2tapw 포타에도 올려둠
[8]
메인 화면 수정 keyboard_arrow_down
MORE

참고: LINKh4デザイン
최신글 스킨 글씨색 통일 완료
글씨색과 아이콘색 변경한 곳에 주석 달아둠

bbs 글씨색 통일 완료
자주 변경할 곳에 주석 달아두고 겸사겸사 가상선택자를 이용해 색 변경 편하게 정리함
:root {
--white: #fff;
--default-color: #555;
--point-color-light: #b0e2dd;
--point-color-dark: #60c5ba;
--background-white: rgba(255, 255, 255, 0.5);
}

각종 링크들에 버튼 디자인 적용
메인 스킨 > 직접 입력(html)로 하나하나 스타일 넣어줌ㅠㅠ
<p>
    <a href="<URL>" target="_self">
        <button style="color:#555; background:#b0e2dd; border-color:#b0e2dd; border-radius:10px; padding:0 5px; margin-right:5px;">BUTTON</button>
        <button class="in_btn">BUTTON</button>
    </a>
</p>

버튼 정렬
스타일 직접 작성 칸에 line-height:2em;를 적용한 후,
<p><div style="display:flex; align-items:center;">줄맞춤 할 내용 :: <a href="<url>" target="_blank"><button>줄맞춤 할 버튼</button></a></div></p>
<p><div class="flex_div">줄맞춤 할 내용 :: <a href="<url>" target="_blank"><button>줄맞춤 할 버튼</button></a></div></p>
줄마다 스타일 적용한 div로 감싸준다
[7]
BBS 공지 스타일 수정 keyboard_arrow_down

참고: LINKsection h2

.avocado-list li.bo_notice {
margin-bottom: 0.75em;
padding: 0 1em;
width: 100%;
border: thin solid #6ad6e8;
border-left-width: 5px;
border-radius: 0%;
background: rgba( 255, 255, 255, 0.8 );
text-align: left;
}
[6]
최신글 스킨 수정 keyboard_arrow_down
참고: 최신글 스킨에 사용되는 주요 변수들 살펴보기 LINK

지비님의 메인 스킨 게시판 LINK 내 최신글 스킨의 latest.skin.phpstyle.css 파일 수정

최신글 스킨에서 글의 제목도 출력되도록 추가
wr_subject가 빈값이 아니면서 wr_subject의 내용이 작성자 이름과 같지 않을 때 출력하도록 설정
(작성자 이름과 비교한 것은 로드비 기반의 스킨의 경우 제목으로 작성자의 이름이 자동으로 필드에 저장되기 때문)

if($board[$i]['wr_subject'] != "" && $board[$i]['wr_subject'] != $board[$i]['wr_name'])
  echo " :: " . cut_str(strip_tags($board[$i]['wr_subject']), 10, "...");

폰트 및 글자색 설정 변경
출력되는 내용의 폰트 색상은 .main_lt_ma li 에서 color로 지정해주면 됨
MORE

이런 느낌으로 적용됨

제목 표시 관련 수정

매복사랑니님 최신글 제목 넣기 LINK 참고

메인스킨/main_latest.lib.php

제목 담을 변수 추가, 기본값은 글제목
$board[$i][$options] = $board[$i]['wr_subject'];

코멘트가 달린 알림의 경우, 부모글의 제목을 받아오기 위한 sql문을 포함한 조건문 추가
if ($rs['wr_is_comment']) {
    $wr_parent = $rs['wr_parent'];
    $sql4 = "SELECT `wr_subject` FROM {$tmp_write_table} WHERE wr_parent = {$wr_parent} AND wr_is_comment = 0";
    $rs4 = sql_fetch($sql4);
    $temp_subj = $rs4['wr_subject'];
    $board[$i][$options] = $temp_subj;
    }


메인스킨/main_latest/latest.skin.php

제목 출력, 로그 등 작성자 이름이 제목으로 들어가는 경우에는 제목 없이 출력되도록 조건문 추가
if($board[$i][$options] !=$board[$i]['wr_name'] ) {
    if(mb_strlen($board[$i][$options])>12) {
        echo " " . cut_str(strip_tags($board[$i][$options]), 12, "…");
    } else {
        echo " " . $board[$i][$options];
    }
}
MORE
박수 메시지 있을 때 제목으로 "박수" 출력되지 않도록 분기 추가
if ($board[$i][$options] != $board[$i]['wr_name']) {
    if (mb_strlen($board[$i][$options]) > 12) {
        echo " " . cut_str(strip_tags($board[$i][$options]), 12, "…");
    }**else if($board[$i][$options] == '박수'){
        echo "";
    }**else{
        echo  " " . $board[$i][$options];
    }
}
MORE
제목이 '박수'이거나, 테이블명과 같거나, 게시판명과 같은 경우 출력되지 않도록 분기 조정

if ($board[$i][$options] != $board[$i]['wr_name']) {
    if (mb_strlen($board[$i][$options]) > 14) {
        echo " " . cut_str(strip_tags($board[$i][$options]), 14, "…");
    }else if($board[$i][$options] == '박수' || $board[$i][$options] == $board[$i]['bo_table'] || $board[$i][$options] == $board[$i]['bo_subject']){
            echo "";
    }else{
        echo  " " . $board[$i][$options];
    }
}
[5]
BBS 멤버한정공개 설정 조정 keyboard_arrow_down
해당 bbs 스킨의 view.skin.php 파일 수정

로그인한 계정의 회원권한이 회원가입시 기본 권한(2)보다 높은지도 확인하도록 수정
회원가입 후 내가 확인해서 권한 조정을 해야 멤버한정 글을 열람할 수 있음

else if($view['wr_secret'] == '1') {
if($board['bo_read_level'] < $member['mb_level'] && $is_member && $member['mb_level'] > 2)


로그인은 했으나 열람권한이 부족하면 게시글 목록으로 돌아가도록 분기 추가
로그인한 상태에서 권한이 없을 경우 로그인 화면으로 이동이 안 되어 얼럿만 계속 뜨는 상황 해결

if(!$is_viewer && $p_url!='' && $is_member){
alert("멤버공개 글입니다. 열람권한이 없습니다.");
goto_url("./bbs/board.php?bo_table=".$bo_table."");
}