질문과 답변

최근본상품
TOP
DOWN

질문과 답변

일반 텍스트에 말풍선 사용하는 방법

0
0
총 채택 포인트 10 포인트
채택된 회원에게 주는 후원 포인트 8 포인트
채택 후 작성자(콜라) 회수 포인트 2 포인트

본문

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

 

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

 

활용법 좀 알려주세요^^

- 콜라 - 회원등급 : 지하계 / Level 3
포인트 625
경험치 724
[레벨 3] - 진행률 21%
- 가입일 : 2017-11-02 12:55:33
- 서명 : 미입력
- 자기소개 : 미입력

댓글목록 6

이윰IN님의 댓글

이윰IN 2017.11.18 21:05

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

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

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

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

콜라님의 댓글

콜라 2017.11.18 22:36

일반적인 tooltip을 이용하는 방법은 알고 있으니 이윰테마를 이용했을 때 툴팁이 나오는데 여기저기 툴팁이 다르게 보이면 일관성이 없을 것같아서 이윰테마에서 사용하는 동일한 툴팁을 텍스트에도 이용하고 싶어서요...

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

이윰IN님의 댓글

이윰IN 2017.11.18 22:47

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

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

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

콜라님의 댓글

콜라 2017.11.19 00:03

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

이윰MOUNT님의 댓글

채택

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


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

콜라님의 댓글

콜라 2017.11.20 14:58

감사합니다. 유사하게 작성을 해서 적용을 했었는데 동작하지 않아 별도의 소스를 삽입해서 구현했었는데 이걸로 변경해야 겠네요 감사합니다.

질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)
채택포인트 : 최소 10 포인트 ~ 최대 1,000 포인트 설정하실 수 있습니다.
빠른 답변을 원하신다면 채택포인트를 높게 설정해 보세요. ^^

전체 208 건 - 1 페이지
제목
미해결
0
10p
hyekt 5시간 30분전
미해결
5
50p
ENO 21시간 32분전
해결
2
10p
디지털홍 2017.12.13
미해결
1
10p
hyekt 2017.12.13
미해결
2
50p
ENO 2017.12.13
해결
2
10p
myid1973 2017.12.12
미해결
4
80p
좋은날에 2017.12.12
미해결
2
40p
개발몬 2017.12.12
미해결
3
220p
의숑이 2017.12.11
미해결
1
0p
ENO 2017.12.11
해결
2
10p
red123 2017.12.11
미해결
2
10p
드봉 2017.12.11
미해결
6
10p
gang 2017.12.11
해결
3
10p
알라딘 2017.12.09
미해결
3
10p
jumog 2017.12.09