북마크
게시물 제목을 즐겨찾기라 쓰고, 설명이 부족했는지 뭐에 쓰는 자료인지 잘 모르시더라구요.
본 자료는 아미나빌더 상단 좌측에 있는 북마크 기능을 IE에서 좀 더 확장시켜줍니다.
아미나 빌더의 북마크 기능은 기본적으로 IE에서만 동작하는데, 본 자료 적용시 크롬을 제외한 여러 브라우저에서
북마크 기능이 동작합니다. 크롬은 아래 이미지처럼 jquery alert 설명 팝업이 뜨고요.
브라우저 기본 alert창의 경우 문구 위아래로 불필요한 문구가 함께 뜨기때문에 지저분해서 별도 스타일의 alert 기능을
적용한겁니다. 그래서 이 자료를 적용한다고 외관상의 차이는 없습니다. 여러 브라우저에서 북마크 기능이 동작한다는 것과
크롬 브라우저에서는 alert 팝업이 뜬다는 것 외에는요...
그러니 다른점을 확인하시려면 여러 브라우저를 띄워놓고 각각 데모페이지 방문 후 북마크 버튼을 눌러보세요. 특히 크롬에서요.
============
크롬은 북마크 아이콘 누를경우 위처럼 alert 안내팝업이 뜹니다. 로컬에서는 클릭 한 번에 나타나는데 웹에 적용하니 새로고침시
처음에만 두 번째 클릭에 나타나길래 click 이 아닌 hover 옵션으로 살짝 눈가림 했습니다.
그래도 처음 한 번은 클릭한 후 마우스를 떨어트려야 나타납니다. 이후부터는 hover시 바로 나오구요.
click 으로 변경 후 테스트 해보실 분은
alert/alert-cont.php, 31줄의 hover 를 click 으로 변경 저장 후 확인해보세요.
■ 설치/적용 방법
1. 압축을 푸신 후 alert 폴더째 plugin 폴더에 넣어주세요.
2. 사용중인 테마 내 head.php 상단( ?> 하단 4줄 추가)
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(THEMA_PATH.'/assets/thema.php');
?>
<link rel="stylesheet" href="<?php echo G5_PLUGIN_URL; ?>/alert/addtohomescreen/addtohomescreen.css">
<link rel="stylesheet" href="<?php echo G5_PLUGIN_URL; ?>/alert/alertify/alertify.core.css">
<link rel="stylesheet" href="<?php echo G5_PLUGIN_URL; ?>/alert/alertify/alertify.default.css">
<script src="<?php echo G5_PLUGIN_URL; ?>/alert/addtohomescreen/addtohomescreen.js"></script>
3. head.php 북마크 소스 부분( 북마크 폰트아썸 아이콘 스타일은 본인이 사용하던 스타일로 재수정 하시면 됩니다.)
<li>
<a id="alert" href="" class="at-tip" data-original-title="<nobr>즐겨찾기</nobr>" data-toggle="tooltip" data-placement="bottom" data-html="true">
<i class="fa fa-bookmark fa-lg darkgray"></i> <span class="sound_only">북마크</span>
</a>
</li>
<?php include_once(G5_PLUGIN_PATH.'/alert/alert-view.php'); ?>
<script src="<?php echo G5_PLUGIN_URL; ?>/alert/alert-cont.js"></script>
<script src="<?php echo G5_PLUGIN_URL; ?>/alert/alertify/alertify.js"></script>