[이윰] 사이드 레이아웃의 프로필 사진 옆에 쪽지 badge 만들기

페이지 정보

루루아빠 3,188 2015.06.18 20:30

평점

  • 평점 : 0점 (0명 참여)

본문

1. 그누보드5/eyoom/theme/설치된 테마/skin_bs/outlogin/basic/outlogin.skin.2.html 을 열어
<a href="javascript:;" class="member-img" data-toggle="modal" data-target=".profile-modal"> 을 검색하여 다음과 같이 수정한다.

수정 전

              <a href="javascript:;" class="member-img" data-toggle="modal" data-target=".profile-modal"><!--{? profile_photo}-->{profile_photo}<!--{:}--><span class="user_icon"><i class="fa fa-user"></i></span><!--{/}--></a>
              <a href="{C.G5_BBS_URL}/respond.php"><span class="badge rounded-2x badge-red tooltips" data-placement="top" data-toggle="tooltip" data-original-title="내글반응"><i class="fa fa-comments"></i> {respond}</span></a>

수정 후

              <a href="javascript:;" class="member-img" data-toggle="modal" data-target=".profile-modal"><!--{? profile_photo}-->{profile_photo}<!--{:}--><span class="user_icon"><i class="fa fa-user"></i></span><!--{/}--></a>
              <!-- 루루아빠 추가 프로필 사진 옆 쪽지 badge 시작 -->
              <a href="{C.G5_BBS_URL}/memo.php" target="_blank" class="win_memo"><span class="badge badge-memo rounded-2x badge-red tooltips" data-placement="top" data-toggle="tooltip" data-original-title="쪽지"><i class="fa fa-envelope"></i> {memo_not_read}</span>
              <!-- 루루아빠 추가 프로필 사진 옆 쪽지 badge 끝 -->
              <a href="{C.G5_BBS_URL}/respond.php"><span class="badge rounded-2x badge-red tooltips" data-placement="top" data-toggle="tooltip" data-original-title="내글반응"><i class="fa fa-comments"></i> {respond}</span></a>


2. 새롭게 추가된 span class "badge-memo" 를 위해 같은 폴더내 style.css를 연다.

.member-photo .photo .badge {
    position: absolute;
    top: -39px;
    left: 50%;
    margin-left: 35px;
    font-size: 12px;
}
위 소스 아래쪽에 다음 소스를 추가한다.

/* 루루아빠 추가 프로필 사진 옆 쪽지 badge 시작 */
.member-photo .photo .badge-memo {
    position: absolute;
    top: -39px;
    left: 50%;
    margin-left: -73px;
    font-size: 12px;
}
/* 루루아빠 추가 프로필 사진 옆 쪽지 badge 끝 */
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,294,273
레벨 97
경험치 1,397,313

Progress Bar 2%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7482938 페이지
제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 그누보드 5.3.3.2 shadow2fox 2019.08.13 2,266 0
기타  🏆 include시 절대경로로 불러오기 (상대경로의 Site Root 방식) 루루아빠 2015.05.21 4,068 0
에디터  🏆 CKeditor4.x Toolbar Icon 순서 입맛대로 정렬하기 루루아빠 2016.06.04 3,040 0
그누•영카트  🏆 영카트 5.3.3.2 shadow2fox 2019.08.13 2,081 0
이윰  🏆 메인일 때와 아닐 때 사이드 레이아웃 없애기 루루아빠 2015.05.21 2,967 0
이윰  🏆 익스 및 엣지 브라우저에서 모달(modal)창에 스크롤바가 하나 더 생기는 문제 루루아빠 2016.06.06 3,143 0
에디터  🏆 [CKEDITOR] Error code: editor-element-conflict 해결하기 shadow2fox 2019.08.27 4,119 0
이윰  🏆 상단바 특정 메뉴 레벨에 따라 감추기 루루아빠 2015.05.22 2,895 0
이윰  🏆 Eyoom Builder 1.2.5 패치 루루아빠 2016.06.10 2,577 0
그누•영카트  🏆 그누보드 5.3.3.3 shadow2fox 2019.09.17 1,874 0
그누•영카트  🏆 그누보드5.0.34 + 영카트5.0.34 보안 패치 루루아빠 2015.05.22 2,953 0
그누•영카트  🏆 그누보드 5.1.19 패치 루루아빠 2016.07.06 2,436 0
그누•영카트  🏆 영카트 5.3.3.3 shadow2fox 2019.09.17 1,839 0
에디터  댓글+1🏆 에디터상에서 이미지 가운데 정렬 루루아빠 2015.05.23 3,305 0
그누•영카트  🏆 영카트 5.1.19 패치 루루아빠 2016.07.06 3,101 0
에디터  🏆 [CKEDITOR] Error code: filetools-response-error 해결하기 shadow2fox 2019.09.19 2,862 0
그누•영카트  🏆 게시판 본문 글자수 늘리기 루루아빠 2016.07.20 2,606 0
그누•영카트  🏆 영카트 5.3.3.3.1 shadow2fox 2019.10.05 1,836 0
이윰  🔒 특정 페이지 혹은 게시판에서 사이드 메뉴를 사용치 않기 루루아빠 2015.05.23 5 0
그누•영카트  🏆 영카트 5.2.0 패치 - 네이버페이 추가 루루아빠 2016.07.25 2,984 0