XE(Rhymix)/레이아웃 자료 13

메뉴에 아이콘 등 기타 효과 넣기

라이믹스가 2.0.6 버전으로 Release되면서 메뉴에 추가되는 아이콘을 사용할 수 있게 되었습니다. 예전에는 메뉴이름에 코드를 같이 넣거나, 몌뉴설명을 가져오는 방법을 사용했는데 편해졌습니다. 근데 이것을 적용하는 방법이 잘 나와 있지를 않습니다. "아이콘 코드를 어떻게 해석하는지는 레이아웃에 따라 다를 수 있습니다." 이 문구만 설정칸 아래에 보입니다. [적용방법] 1. 자신이 사용하고 있는 레이아웃을 수정해야 합니다 - xedition 레이아웃을 예로 듭니다 ./layouts/xedition/layout.html 파일을 열어서 메뉴부분을 찾습니다. 270줄 부터 ~ {$val1['link']} {@ $_selected_menu = $val1} {$val2['link']} {$val3['link']..

HASHTAG 레이아웃 사용자분중 우측상단 알림창, 쪽지창 활성화 잘되나요?

해시태그 레이아웃을 이용해서 만들어보고 있는데 테스트중에 모바일이나, pc 화면 둘중에 한가지 화면은 꼭 우측 상단에 있는 메시지함, 알림함 버튼이 안눌러지는 증상이 있어서요 pc가 안되면 모바일은 되고 모바일이되면 pc가 안되고요 둘다 반응형이 아닌 모바일, pc 레이아웃 파일 따로 넣어서 설정 해줬거든요 혹시 저와 같은 문제 있으신분 계신가요? 해결하신분 있으시면 방법 좀 전수 부탁드려요 ㅜ 아... 이게 hashtag widget이 있는 페이지에선 toggleClass('active')가 동작을 안하는군요. 일단 제가 테스트 해본 바로는 hashtag레이아웃을 모바일은 hashtag-mobile로 폴더 이름을 바꿔서 m.layouts에 올리고(PC,모바일 레이아웃 폴더 이름 다르게.) hashtag..

Slow 스킨 화제의글 작은팁 !

평소에 화제의 글 애드온 쓰신분들이면 이번에 slow 스킨을 적용 시키시면 게시글 상단에 공지로 뜰겁니다 다시 스킨 부분에 코드를 수정 해주셔야 정상적으로 표기 될겁니다 (리스트) slow-templates-list-list-notice-iteam.html 부분을 수정하셔야 합니다 HOT {$lang->notice} 취향에 맞게 코드 수정 하시면 됩니다 저를 따라하지 마시고요. 그 경로에 보시면 이미 짜여진 코드에 이름만 변경하시면 될거같습니다. 아마 화제의 글? 이부분을 Hot으로 변경하시면 될거에요

#HASHTAG ionicon 마우스 호버시 타이틀 수정하기

이번에 #HASHTAG 구매한 후 여기저기 보고 있는 중인데요. #HASHTAG 레이아웃에서 ionicon v.5.4.0를 쓰고 있는데 해당 아이콘에 마우스 호버시 tooltip으로 title이 표시됩니다. 메뉴쪽을 보다보니 메뉴이름에는 a태그에 title을 주어 tooltip에 나타나게 되는데 메뉴 오른쪽 아래화살표(▽)에는 ionicon의 이름이 그냥 나오더군요. title을 적용해봐도 안되고 ionicon 최신버젼으로 해도 안되고 구글링 해보니 v.5 의 버그라고 합니다. 구글링중 해결 방법이 있어서 적용해보니 잘되어 공유합니다. 사이드바 영역만 예로 보여드리고 다른 곳도 같은 방식으로 적용하시면 될 듯 합니다. ▶\components\sidebar\sidebar-nav.js 에 추가 jQuery(..

#HASHTAG 상단 알림목록에 알림 전체삭제 추가하기

알림 전체삭제가 필요해서 추가해보았습니다. 1. 전 components\header\header-right\header-notify.html 에 삭제를 추가했습니다. 붉은색이 변경된 부분입니다. {@ $oNcenterliteClass = getClass('ncenterlite'); $oNcenterliteModel = getModel('ncenterlite'); $nCenterList = $oNcenterliteModel->getMyNotifyList(); // user/user-notification.html에서 쓸 변수 // 알림센터의 [회원 메뉴 표시] 설정 확인(각 회원 메뉴에 알림 목록 표시) $ncDisplayUserMenu = $oNcenterliteModel->getConfig()->use..

#HASHTAG 로그인폼 오류 메시지 표시하기

#HASHTAG 1.1.0에서 아직 로그인 오류시 메시지 표시가 안되고 그냥 새로고침되는데 확인해보니 components\header\header-right\header-login-form.html 에서 toggleDialog를 호출하지 못하는 오류였습니다. 원인 파악보다 그냥 toggleDialog를 다시 호출했습니다. {@ // 로그인 관련 오류 메시지 출력 } 그래서 그냥 script에 toggleDialog 를 넣고 alert 는 보기 싫어서 주석처리하고 위쪽 주석 처리되어 있는걸 쓰는걸로 하였습니다. ▶ 변경전( components\header\header-right\header-login-form.html ) {@ // 로그인 관련 오류 메시지 출력 } 처리되어 있는걸 쓰는걸로 하였습니다. ▶..

#HASHTAG 우측 상단 창 하나만 보이기

우측 상단의 쪽지, 알림, 회원을 클릭하면 dropdown창이 3개 다 보입니다. 저는 하나만 보이게 수정했습니다. 빨간색이 추가한 부분입니다. components\common\dropdown\dropdown.js $('.app-dropdown-toggle').on('click', function() { //먼저 열려 있으면 닫고 let findElements = document.querySelectorAll('.app-dropdown'); for (let element of findElements) { if (element.matches('.app-dropdown')) { let findClass = $(element).attr('class'); let addstring = ''+findClass; l..