fab-button

Tip & Tech

활용팁

홈 > 회원포럼 > 활용팁
활용팁

fab-button

8f06cabbd2624a9345148ec74b973a69_1545891050_2026.jpg




8f06cabbd2624a9345148ec74b973a69_1545891050_3807.jpg





fabbutton 압축 풀고 파일이 3개 있습니다.


color-button 버튼 색상 변경 할수있는 css 파일이 있습니다. 5개 파일


main-color 글자 테두리 색상 변경 할수있는 css 파일이 있습니다. 5개 파일




thema 안에는 기본 Basic 파일이 들어 있습니다.


colorset 에서 연결 하고 싶은면


@import url('./nafab.css');
@import url('./button-color-1.css');
@import url('./main-color-1.css');


이런식 으로 경로 적어주시고


파일 안에 assets 있는 js 파일을 넣어주시면 되구요


tail.php 파일을 열어서 아래와같은 경로지정 하시면되요


<script src="<?php echo THEMA_URL;?>/assets/js/main.js"></script>
<script src="<?php echo THEMA_URL;?>/assets/js/material.min.js"></script>
<script src="<?php echo THEMA_URL;?>/assets/js/jquery.magnific-popup.min.js"></script>



tail.php 안에







<!-- Popup Navigation Area Start -->
<div id="popupNav">
    <button id="popupNavButton" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--primary mdl-button--fab mdl-shadow--4dp">
        <i class="add">+</i>
    </button>

         <ul class="popupNavMenu animateScroll2 mdl-menu mdl-menu--top-right mdl-js-menu mdl-js-ripple-effect" data-mdl-for="popupNavButton">
           <li><a href="<?php echo $at_href['home'];?>"><span class="mdl-shadow--2dp">Home</span><i class="fa fa-home"></i></a></li>
     <li><a href="#"><span class="mdl-shadow--2dp">Our</span><i class="fa fa-cog mdl-shadow--4dp"></i></a></li>
           <li><a href="#"><span class="mdl-shadow--2dp">About Us</span><i class="fa fa-info"></i></a></li>
           <li><a href="#"><span class="mdl-shadow--2dp">Portfolio</span><i class="fa fa-photo "></i></a></li>
           <li><a href="#"><span class="mdl-shadow--2dp">Our Pricing</span><i class="fa fa-dollar"></i></a></li>
           <li><a href="#"><span class="mdl-shadow--2dp">Contact Us</span><i class="fa fa-envelope"></i></a></li>
           <li><a href="#"><span class="mdl-shadow--2dp">Footer</span><i class="fa fa-arrow-down"></i></a></li>
        </ul>
    </div>
<!-- Popup Navigation Area End -->



이 코드 넣어주시면 되요













첨부 파일은 https://getmdl.io/ 여기에서 다운 받아 만들어 습니다.


js/css










11 Comments
19 사노라면 2018.12.28 00:39  
추천합니다

Congratulation! You win the 19 Lucky Point!

7 Akioop 2018.12.28 11:51  
감사합니다.

Congratulation! You win the 10 Lucky Point!

15 너무느린신 2018.12.28 07:41  
일단 추천부터....하고...
실력이 미흡하여...다른분 셈플작업 사이트 나오면 그때..보고 따라하기..ㅎㅎ
7 Akioop 2018.12.28 11:53  
지금 제가 사이트 구축중 이라 2월 정도는 여러가지 테스트중 이라서요 2월 지나면 정상 플러그인하고 팁을 많이 공유 할거같아요 감사합니다.
15 너무느린신 2018.12.28 23:46  
오우 친절한 답변이....
고맙습니다. 화이팅 하세요
22 dawn 2018.12.28 09:58  
감사합니다. 잘 활용할께요~
7 Akioop 2018.12.28 11:53  
실력이 많이 없어요
13 이니스프리 2018.12.29 13:18  
좋은 자료 감사드려요!
추천 드리고 갑니다 :)
그럼 Akioop 님께서도 뜻깊은 연말 되세요~
1 아린이 01.03 18:41  
2019년 새해 복 많이 받으세요~~!!
7 Akioop 01.04 09:54  
감사합니다. 새복 많이 받으세요
4 대박이 01.05 00:04  
감사합니다.^^
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand