TOOL byanonymous postedFeb 25, 2014

xdt 버튼만들기

Extra Form
출처 스크랩

blog_color_addon_title_2.png


이 문서는 사용자가 "XDT 버튼 애드온"을 사용자의 홈페이지에서 사용하는법을 자세히 안내합니다.


앞의 "XDT 버튼 애드온 사용자 메뉴얼 - 다운로드부터 설치까지" 안내를 따라 서버에 애드온을 설치 하셨을 겁니다.


이제 설치한 애드온을 사용해볼 차례입니다.


버튼은 "페이지 수정 - 내용 직접 추가" 또는 게시판의 쓰기 버튼을 클릭하여 에디터를 불러온 후, HTML 편집기 를 통해 만들 수 있습니다.


blog_color_addon_6.png 


HTML 편집기를 통해 HTML 태그를 사용할 수 있게 되었다면 아래의 태그를 복사합니다.


XDT 버튼 애드온 사용법 예제 1.
1
<a href="버튼을 클릭할 시에 넘어갈 링크 주소" class="xdt_button">버튼 텍스트</a>


href="(링크 주소)"


링크 주소란에 버튼이 클릭했을때 넘어갈 링크주소를 넣습니다. 만약 클릭시 새로운 탭, 창으로 링크를 열고 싶다면 아래와 같이 코드를 작성합니다.


XDT 버튼 사용법 예제 2.
1
<a href="버튼을 클릭할 시에 넘어갈 링크 주소" class="xdt_button" target="_blank">버튼 텍스트</a>


target="_blank"


새로운 창으로 링크를 열으라는 코드입니다.


홈페이지에 위 버튼을 그대로 복사해서 적용할 경우 아래와 같은 버튼이 생성됩니다.



가장 기본적인 코드로 작성된 이 버튼은 중형크기의 파란색 버튼입니다.


사용자는 4가지 크기의 버튼을 만들 수 있으며 각각의 예제는 다음과 같습니다.



1. Tiny 사이즈의 버튼


XDT 버튼 애드온 사용법 예제 3.
1
<a href="버튼을 클릭할 시에 넘어갈 링크 주소" class="xdt_button tiny">버튼 텍스트</a>



2. Small 사이즈의 버튼


XDT 버튼 애드온 사용법 예제 4.
1
<a href="버튼을 클릭할 시에 넘어갈 링크 주소" class="xdt_button small">버튼 텍스트</a>



3. Medium 사이즈의 버튼


XDT 버튼 애드온 사용법 예제 5.
1
<a href="버튼을 클릭할 시에 넘어갈 링크 주소" class="xdt_button medium">버튼 텍스트</a>



4. Big 사이즈의 버튼


XDT 버튼 애드온 사용법 예제 6.
1
<a href="버튼을 클릭할 시에 넘어갈 링크 주소" class="xdt_button big">버튼 텍스트</a>




버튼 색깔 바꾸기


사용자는 크기 외에 11가지 다양한 색상의 버튼을 만들 수 있으며 예제는 아래와 같습니다.



버튼 색상표

blue, red, brown, pink, green, silver, purple, aqua, white, black, yellow



색상마다 예제를 만들어 드리고 싶으나 노가다 이므로...ㅠㅠ 한개만 알려드리면 응용하실 수 있으실 겁니다.



XDT 버튼 애드온 사용법 예제 7.
1
<a href="버튼을 클릭할 시에 넘어갈 링크 주소" class="xdt_button red">버튼 텍스트</a>



medium 사이즈 이면서 red 컬러인 버튼을 만들고 싶으시면


XDT 버튼 애드온 사용법 예제 8.
1
<a href="버튼을 클릭할 시에 넘어갈 링크 주소" class="xdt_button medium red">버튼 텍스트</a>

이런 코드를 작성하시면 됩니다.



자유게시판

마음대로 모아담은 잡동사니, 말말말

List of Articles
번호 카테고리 제목 글쓴이 날짜 조회 수
공지 참조하고 있는 웹사이트 목록 아라마 2013.05.04 5499
116 [사찰 독송용] A4자비경 file 아라마 2020.06.21 53
115 Slogans: Creating And With These In Life, Career And Business Jamila01U7076227031 2020.06.12 35
114 中학계 "한자는 동이족 문자...한국만 몰라" 진태하씨, 초등학교 한자교육 촉구 1000만 서명운동&quot;한글전용법 폐기, 공문서-신문등 한자 병기 서둘러야&quot; 한자는 우리민족이 만든 글, 외국어가 아니다 &ldquo;... 아라마 2020.06.11 18
113 XE 스케치북 게시판설치와 설정 file 아라마 2020.03.27 37
112 RedUTF8.exe 텍스트 파일 UTF8 일괄변환 file 아라마 2020.03.15 39
111 모든게시판에서 글등록할때 Duplicat entry 'XXX' for key 1 오류 해결방법 안녕하세요~^^ 오늘은 Duplicat entry 'XXX' for key 1 오류 해결방법을 알려드릴려합니다. Duplicat entry 'xxx' for key 1 (가운데숫자는 사이트마다 다릅니다.... 아라마 2020.02.06 68
110 아이프레임의 온갖 옵션 어떤 특정사이트에 일부분만 모니터링하거나 여러 웹페이지에 화면을 모니터링해야하는 경우 유용하게 사용할수있습니다. 이번 메뉴얼에서는 몇군데에 웹페이지에... 아라마 2019.12.29 86
109 아이프레임 높이 100%유지 스크롤 없애기 아라마 2019.12.29 95
108 READ 나는 앉은 채로 세상의 모든 고뇌를 바라본다 아라마 2019.11.16 66
107 READ 내 안에 내가 찾던 것 있었네 아라마 2019.11.15 59
106 READ 생의 계단 – 헤르만 헤세 아라마 2019.11.15 197
105 READ 진정한 여행 진정한 여행 가장 훌륭한 시는 아직 씌어지지 않았다 가장 아름다운 노래는 아직 불려지지 않았다 최고의 날들은 아직 살지 않은 날들 가장 넓은 바다는 아직 항... 아라마 2019.11.15 64
104 TOOL 크롬 브라우저에서 유투브 동영상 다운로드 하는 간단한 방법 크롬 브라우저에서 유투브 동영상 다운로드 하는 간단한 방법 어떠한 3rd party 앱을 설치 하지 않고도, 크롬 브라우저 만 설치 (MS-Windows, 맥, 크롬북 등등) ... 아라마 2017.06.03 809
» TOOL xdt 버튼만들기 이 문서는 사용자가 &quot;XDT 버튼 애드온&quot;을 사용자의 홈페이지에서 사용하는법을 자세히 안내합니다. 앞의 &quot;XDT 버튼 애드온 사용자 메뉴얼 - 다운로드부터 설치까... file anonymous 2014.02.25 172
102 TOOL 파일명 일괄변경 프로그램 Change Name file 아라마 2013.07.05 2462
101 공지 동안거 기간중 [11월24~2월19일] 홈페이지 작업 일시중지 1 아라마 2015.11.22 622
100 READ [법정스님] 무소유 아라마 2013.09.20 1791
99 READ [칼릴지브란] 예언자 file 아라마 2013.10.11 7107
98 수행자는 file 아라마 2015.11.18 360
97 강신주 철학고전읽기 1강 ~ 10강 동영상강좌 모음 아라마 2014.10.06 1087
96 종백님의 명품속독법 강의 총괄 아라마 2013.12.09 1694
95 티벳 사자의 서 1/2 아라마 2013.05.05 1379
94 티벳 사자의 서 2/2 아라마 2015.11.13 45
93 아이프레임 로딩시 스크롤 없이 100%로 보기(iframe 크기 자동 조절) anonymous 2014.06.15 9071
92 TOOL 무설치 온라인 오디오 변환기 http://media.io/ anonymous 2014.06.14 2827
91 READ 수레바퀴 아래서 file 아라마 2015.11.13 523
90 READ 아우의 인상화 file 아라마 2015.11.13 473
89 READ 흰 그림자 file 아라마 2015.11.13 563
88 READ 또 다른 고향 file 아라마 2015.11.13 49
87 READ 참회록 file 아라마 2015.11.13 75
86 READ file 아라마 2015.11.13 35
85 READ 쉽게 씌여진 시 file 아라마 2015.11.12 121
84 READ 소년 file 아라마 2015.11.12 35
83 READ 자화상 file 아라마 2015.11.12 40
82 READ 서시 file 아라마 2015.11.12 35
81 READ 바다 file 아라마 2015.11.12 55
80 READ 별 헤는 밤 file 아라마 2015.11.12 87
79 READ 내가 이렇게 외면하고 file 아라마 2015.11.12 146
78 READ 고독 file 아라마 2015.11.12 239
77 READ 나와 나타샤와 흰 당나귀 file 아라마 2015.11.12 92
76 READ 흰 바람벽이 있어 file 아라마 2015.11.12 91
75 READ 소금 file 아라마 2015.11.12 65
74 READ file 아라마 2015.11.12 54
73 READ 초승달 file 아라마 2015.11.12 42
72 READ 밥값 file 아라마 2015.11.12 48
71 아홉가지 일상수행 발원 file 아라마 2015.11.09 106
70 세세생생 발원합니다 아라마 2015.11.09 23
69 마음의 품 file 아라마 2013.07.09 1554
68 무소의 뿔처럼 혼자서 가라 file 아라마 2013.07.09 1518
67 행자 스님이란 file 아라마 2013.05.05 2548
Board Pagination Prev 1 2 3 Next
/ 3