일반 텍스트에 말풍선 사용하는 방법 > 시즌3 질문과 답변

본문 바로가기

시즌3 질문과답변

[해결중] 일반 텍스트에 말풍선 사용하는 방법

  • - 별점 : 평점
  • - [ 0| 참여 0명 ]

본문

http://eyoom.net/page/?pid=code_general_forms

 

이윰 기본폼에 말풍선 기능이 있는데 일반 텍스트에도 말품선을 사용하고 싶습니다.

 

활용법 좀 알려주세요^^

0 0
로그인 후 추천 또는 비추천하실 수 있습니다.
포인트 20
경험치 805
[레벨 3] - 진행률 35%
가입일
2017-11-02 12:55:33
서명
미입력
자기소개
미입력

최신글이 없습니다.

최신글이 없습니다.

댓글목록6

이윰IN님의 댓글

profile_image
보라색으로 코드표시 뜨는 것을 말씀하시는 건가요?
음.. 어디에 활용하실지 모르겠는데요.
tooltip에 대해 검색해 보시면 좋은 자료가 많이 나올거예요.

https://www.w3schools.com/css/css_tooltip.asp

위 페이지도 한번 검토해 보시구요.
감사합니다.

축하합니다. 첫댓글 포인트 2포인트를 획득하였습니다.

콜라님의 댓글의 댓글

profile_image
- 첨부파일 : test.gif (2.9K) - 다운로드
일반적인 tooltip을 이용하는 방법은 알고 있으니 이윰테마를 이용했을 때 툴팁이 나오는데 여기저기 툴팁이 다르게 보이면 일관성이 없을 것같아서 이윰테마에서 사용하는 동일한 툴팁을 텍스트에도 이용하고 싶어서요...

첨부한 이미지에 해당하는 부분입니다.

이윰IN님의 댓글의 댓글

profile_image
아.. 그 부분은 해당 툴팁처럼 처리하고자 한다면 우측에 보라색으로 버튼이 나오잖아요.
클릭하면 모달창이 뜨는데요.
eyoom-form 클래스 내부 엘리먼트에 해당 코드를 복사해서 사용하시면 됩니다.

http://eyoom.net/page/?pid=code_general_forms

위 페이지의 내용을 처음부터 차분히 읽어보시면 응용하실 수 있으리라 봅니다.
감사합니다.

콜라님의 댓글의 댓글

profile_image
form 속에서 input 등에는 쉽게 적용이 되는데 input 말고 일반 text에는 적용이 않되는듯 하여 여쭈어 본것입니다.-.-;;

이윰MOUNT님의 댓글

profile_image
콜라님 안녕하세요.
일반 텍스트의 경우 아래의 예제처럼 활용하시면 될것 같습니다.

<span class="tooltips" data-toggle="tooltip" data-placement="top" data-original-title="토마스 카알라일">하나의 모범은 천 마디의 논쟁보다 더 가치 있는 것이다.</span>

콜라님의 댓글의 댓글

profile_image
감사합니다. 유사하게 작성을 해서 적용을 했었는데 동작하지 않아 별도의 소스를 삽입해서 구현했었는데 이걸로 변경해야 겠네요 감사합니다.
이윰빌더 시즌4 질문과 답변 게시판입니다.

질문과 답변 게시판에는 가능한 이윰 관리자가 답변을 드리지 않습니다. 회원간 활성화 될수 있도록 도움 부탁드리며, 질문자는 원하는 답변이 달릴경우 꼭 채택하여 주시기 바랍니다.

상품구매 및 유료상품 문의는 1:1문의 게시판을 이용해 주시기 바랍니다.

1:1문의 바로가기 : https://eyoom.net/bbs/qalist.php

전체 12 건 - 1 페이지
번호
제목
글쓴이
채택포인트
별점
사이트 내 전체검색