메모메모..
  #SECRET keyboard_arrow_down
권한 있는 사람만이 열람 가능합니다.
갠홈 :: http 링크가 https로 자동적으로 변환될때 keyboard_arrow_down

 아르

12.26 ✷ 16:45

이러면 메뉴 버튼을 눌러도 게시판 이동이 안되기 때문에!!

index.php 의 최상단에 하단의 내용을 적용한다.

<?php
    if(isset($_SERVER["HTTPS"] {
        $redirect = 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
        header('HTTP/1.1 301 Moved Permanently');
        header('Location: ' . $redirect);
        exit();
    }
?>
  #MEMBER ONLY keyboard_arrow_down
권한 있는 사람만이 열람 가능합니다.
  #SECRET keyboard_arrow_down
권한 있는 사람만이 열람 가능합니다.
갠홈 :: 코멘트창에 링크로 이미지 업로드 하는 방법 keyboard_arrow_down

 아르

12.14 ✷ 23:22
코멘트창에서 이미지 경로 적으면 ~.png 라던가 .jpg의 경우일때 이미지로 출력되게 하는 방식이다.
티스토리에 이미지 업로드 > 링크 따와서 붙여넣기 하기!

경로 : extend > mmb.lib.php -> function autolink

// 이미지 태그 자동 설정
$str = preg_replace(
'`(\(\()<a href="([^" ]*)?(\)\"[^.]*>\S*<\/a>`i',
'<img src='$2'" class="img-max">',
$str
);

 아르

12.26 ✷ 17:32

html 체크시 이미지가 원하는대로 안나올 경우

// 이미지 태그 자동 설정
$str = preg_replace(
'`(\(\()<a href="([^" ]*)?(\)\"[^.]*>\S*<\/a>`i',
'<img src='$2'" class="img-max">',
$str
);
$img_pattern = '/(\(\()(http(s)?:\/\/)([^" ]*)?(\)\/';
$str = preg_replace($img_pattern, '<img src='$2$4'" class="img-max">', $str);


아래의 내용을 추가한다!!
이런 상황이 발생했던 이유는~~ 기존에 http나 https로 시작되면 autolink 처리가 되어서 자동으로 링크가 붙었는데, html 체크를 하면 이 부분이 링크 처리가 안되고 그냥 주소로만 표기되면서 기존에 만들었던 코드가 제대로 작동을 안하고 있었던 것.

 아르

12.14 ✷ 23:34

링크 간략화하기

이미지 링크를 가져와 메모장에 복사한다.
컨트롤+h 하고 찾을내용 %2F  바꿀내용 / 로 전체 바꾸기를 하면 깔끔하게 바뀐다!
  #SECRET keyboard_arrow_down
권한 있는 사람만이 열람 가능합니다.
  #SECRET keyboard_arrow_down
권한 있는 사람만이 열람 가능합니다.
갠홈 :: 말풍선 툴팁 달기 keyboard_arrow_down

 아르

07.01 ✷ 17:45

ofcourse

 아르

07.01 ✷ 17:47
말풍선 툴팁 원본 > Link URL
✚ 배우기 > Link URL
✚✚ 현재 배너 툴팁 만든 코드 : <span class="hint--top hint--bounce hint--rounded" aria-label="닉네임"><a href="주소" target="_blank"><img src="배너이미지"></a></span>

 아르

11.12 ✷ 23:05

바질님의 아보카도 기반 툴팁 css

✦ 말풍선 툴팁 달기 Link URL
  #SECRET keyboard_arrow_down
권한 있는 사람만이 열람 가능합니다.
갠홈 :: 버튼 스타일 keyboard_arrow_down

 아르

06.08 ✷ 22:21

이 디자인!

아래 코드를 페이지 style.css 에 복사!
/*페이지 버튼 스타일*/
body .pg_wrap {
display: block;
position: relative;
text-align: center;
padding: 20px 0;
}

body .pg_wrap .pg_page {
display: inline-block;
position: relative;
height: 20px;
width: 20px;
box-sizing: border-box;
margin: 0 5px;
border: 3px double #ff976e;
border-radius: 0px;
overflow:hidden;
border-radius: 100%;
box-shadow: 0px 1px 0px;
color: #ff976e;
background: #fff;
line-height: 12px;
min-width: 10px;
padding: 0px;
text-align:center;
vertical-align: middle;
padding-top:3px;
}

body .pg_wrap .pg_page:hover {
color: #fff;
background: #ff976e;
border: 0px double #fff;
transition-duration:0.1s;
transition-property:transform,color,background;
transform:translateY(1px);
box-shadow: 0px 1px 3px inset rgba(0,0,0,0.7);
padding-top:5px;
}

body .pg_wrap .pg_control {
overflow: hidden;
text-align: left;
text-indent: -999px;
}
body .pg_wrap .pg_control:before {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-indent: 0;
text-align: center;
font-size: 12px;
line-height: 12px;
}

body .pg_wrap .pg_start:before { content: "\ea21";}
body .pg_wrap .pg_end:before { content: "\ea22"; }
body .pg_wrap .pg_prev:before { content: "\ea23";}
body .pg_wrap .pg_next:before { content: "\ea24";}

body .pg_wrap .pg_start:hover:before,
body .pg_wrap .pg_end:hover:before,
body .pg_wrap .pg_prev:hover:before,
body .pg_wrap .pg_next:hover:before {
margin: 4px 0px;
}

body .pg_wrap .pg_current,
body .pg_wrap .pg_current:hover {
color: #fff;
background: #ff976e;
border: 0px double #fff !important;
transition-duration: 0.1s;
transition-property:transform,color,background;
box-shadow: 0px 1px 3px inset rgba(0,0,0,0.7) !important;
padding-top:5px;
}
body .pg_wrap .pg_current:hover {
transform:translateY(0px) !important;
}
/*-페이지 버튼 스타일*/

 아르

06.08 ✷ 22:22
style.css 에서 .pg_current.pg_page 랑 .pg_page 찾아서 지워버리면 됨!