출석체크 버튼 주변의 아이콘에 칼라기능 넣기

Tip & Tech

활용팁

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

출석체크 버튼 주변의 아이콘에 칼라기능 넣기

15 너무느린신 7 256 3 0


이걸 활용팁이라고 하기보단..

아는분들이면...팁도 아닌것입니다.


그래도 저와 비슷한 성향의 무식자 분들도 혹??? 계실지 몰라...

이렇게 공유를...한번 해보고자...


(사실 옆집에 정신장애를 키르시는 부부가 있는데...아저씨가 사고나서 병원에 입원후 수술,,

급하다고해서 도와준다고...안산 병원에 좀전에 모시고 갔다오다..


그만,,치사고를....


블랙박스보니..내가 끼어든것이었네...요...ㅠㅠ 25년 넘는 무사고가 깨지다니..

아끼는 차량에 살작 들어간 정도의 경미한 사고라...처리하고 지금 집에 도착...

아주 우울한 상태 입니다. ㅋ)



이차저차한 이유로...

기분을 풀고자 글도 쓰고...시시한 활용팁도 올리고....


아래와 같습니다.



이쁘죠...

요로콤 만드는 방법은 소스에서...단어 하나만 추가해 주면 되더군요...




/thema/Basic/main   <--여기선 적용하신 스킨  

/thema/Basic/side/basic-side.php

/thema/Basic/widget/basic-sidebar/menu.php  <-- 모바일에서 사이트에 나오는 메뉴  


위 3개의 폴더안의 php파일을 열어서...

아래와 같이 색을 표현하는 단어를 넣어 소스를 변경합니다.


**********************************************



<i class="fa fa-calendar-check-o circle light-circle normal red"></i>

<span>출석인사</span>


<i class="fa fa-address-card-o circle light-circle normal blue"></i>

<span>내정보</span>


<i class="fa fa-gift circle light-circle normal orange"></i>

<span>이벤트</span>



*********************************************


위 소스 처럼...


red / blueorange  ....칼라 단어 원하는것으로 선택입력


기존 소스에 

원하는 색의 영어 단어만 넣어주면...

위 이미지처럼 바뀌네요..



그냥 아기자기한 이쁜거 좋아하시는 분에게는 좀 쓸모 있겠다 싶어서요..


그럼 이만 총총총...





혹시 몰라...서..

우 출석인사 왜 깜박이냐고 물으신다면...


소스, 



<i class="fa fa-calendar-check-o circle light-circle normal red"></i>

<span class="blinkEle">출석인사</span>


이렇게 바꾸시고...


해당 페이지 맨 상단 <? > 이런 소스 끝나고 다음 줄에...아래 소스 추가해 주시면 됩니다.




<script> 

setInterval(function(){

  $(".blinkEle").toggle();

}, 700);

</script>


<div class="at-container widget-index">


<div class="row at-row">

<!-- 메인 영역 -->



7 Comments
19 사노라면 03.01 09:53  
깜박임 느낌좋아요 ㅎㅎ
전문가님의 칭찬 기분 째지는군요...
감사합니다.
대한민국만세~!! 
즐거운 연휴 되세요
19 사노라면 03.05 16:05  
사노라가노라님이 전문가죠 ㅎㅎ
7 아름드리79 03.02 08:31  
넘 예쁜소스입니다 감사드립니다
21 선구자 03.04 22:00  
https://muzia.net
여기 너무느린신님의 아이디어 적용했습니다.

겸사 겸사 사이트 주소도 남기고 갑니다..
제 닉네임 누르면 홈페이랑 같은주소입니다.
눈에 확~` 들아오네요..잘대 무시할수 없을...
21 선구자 03.05 10:51  
아이디어 감사합니다

여기에 등수랑 시간까지 있음 딱인데

고수님들의 댓글을 기다립니다~
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand