New Feeds

[활용팁] 해시태그 꾸미기

작성자 정보

  • 나리야 작성
  • 작성일

컨텐츠 정보

본문

팁이랄것도 없고

아미나 홈페이지를 죽어라 검색하면 나와요 질문댓글에... 질문댓글에.. 질문댓글에.. 찾기가 쉽지가 않더라구요! 암튼


다들 이쁘게 잘 하시고 

심지어 필요성도 못느끼시지만


09b5e523faff1ff5c20efab3f6b29b97_1663404794_665.jpg
 


한편으론 저같이 마음은 있는데  잘 모르는 분들을 위해서 조금이나마 도움이 되었으면 하는 맘으로 정리해봐요




보통 게시판에서 태그를 쓰게 된다면


09b5e523faff1ff5c20efab3f6b29b97_1663404729_5462.png
 

이렇게 적으면


09b5e523faff1ff5c20efab3f6b29b97_1663404740_0915.png
 

요로코롬 나오죠!



근데 저는 저걸 좀 바꿔주고 싶었어요


09b5e523faff1ff5c20efab3f6b29b97_1663404833_2854.png
이런식으로 말이죠!


심지어 마우스를 살짝 가져다대면


09b5e523faff1ff5c20efab3f6b29b97_1663404860_272.png
살짝 들려보이는 효과도! 제가 제일 좋아하는 효과에요!


앞에 라벨은 그림인데, 이모지 쓰셔도 좋고 포토샵에서 라벨그림 따오셔도 좋구요!


밑에내용에는 기본으로 할께요!




준비물 : 게시판 보드


skin/board 폴더를 가보시면!

자기가 쓰는 게시판 보드들이 주르르륵 있죠!


Basic-Board 라던지 , Miso-Board 라던지...


거기서 이제 자기가 쓸 보드로 들어갑니다!


그러면 이제 아래와 같이 있어요!


09b5e523faff1ff5c20efab3f6b29b97_1663405251_749.png
 

여기서 우린 보여줘야하는것이기 때문에 view 폴더로 들어가요!


들어가셔서

view.css

view.skin.php 파일 두개만  준비해두세요!




(1) view.css 파일 맨 아래에다가


/* 해시태그 꾸미기 */

.tags a { display: inline-block;border-radius: 20px; border:1px solid #d8e5d4; padding: 1px 10px; margin: 0 0 6px; 

          font-family: 'dotum', sans-serif; font-weight: normal; font-size: 11px; background: #fff; color: #777777; }


.tags a:hover, .tags a:focus { background: #fff;color: #242a3c; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }



요렇게 붙여넣으시고



(2) 이제 두번째로 view.skin.php 로 갑니다!


거기서 아래와 같은걸 찾으세요!


<?php if ($is_tag) { // 태그 ?>

<?php echo $tag_list;?>

<?php } ?>


요 위엣걸! 요 아랫걸로 교체! ( 위에껀 주석처리로 해주세요! 나중에 에잇 난 원본이 좋아!!  했을때 또 원본이 어떻게 생겼드라 하고 찾아다닐수 있으니! )


<?php if ($is_tag) { // 태그 str로 쉼표 날림 ?>

<?php echo str_replace( "," , " ", $tag_list);?>

<?php } ?>


끝났어요!

09b5e523faff1ff5c20efab3f6b29b97_1663405970_3203.png 

관련자료

댓글 0
등록된 댓글이 없습니다.
전체 1,963 / 1 페이지
번호
제목
이름

Favorites


최근글


새댓글


  • 댓글이 없습니다.
알림 0