비둘기가 구독하고 있는
https://freernd.tistory.com/171
[티스토리 수익 상승] CSS 링크버튼 간단히 만들기
1. CSS 링크버튼이 필요한 이유 블로그나 웹사이트를 방문할 때, 우리는 종종 다양한 버튼들을 마주하게 된다. '구매하기', '더 보기', '가입하기' '바로가기' 등의 링크버튼들이 사용자로 하여금
freernd.tistory.com
이 분의 포스팅을 통해
버튼을 만들어 주는
사이트를 알게 되었다.
https://www.bestcssbuttongenerator.com/#/22
A useful tool for designing css buttons
Button generator is a free online tool that allows you to create cross browser css button styles.
www.bestcssbuttongenerator.com
어, 안 그래도 웹사이트에
인보이스 생성이랑
결제 생성 버튼 만들어야
했었던 참인데 잘 됐다.
너무 고맙지 뭐야, 글쎄.
잔뜩 신이나서 당장
버튼 만들러 고고했지.
비둘기는 Light Blue가
마음에 드니까는
그걸루다가 고르고
복사를 뙇! 해준 다음에,
스킨 편집 가서 html 편집 가서
css에다가 뙇 붙여 줍니다.
그러면 위에 html 부분만 남죠.
<a href="#" class="myButton">Light Blue</a>
요거를 이제 뒤에 가서
샥 링크로 걸어 주면,
- 끝 -
읭?
어라?
이게 아닌가?
외않뒈조?
아니지 아니지
다시 해 봐,
망하면 안 돼!!! 야!!!
에잇, 다시!
어? 된다!!!
오, 된다 된다!!!
<p style="text-align: center;" data-ke-size="size16"><a class="myButton" href="https://erst.tistory.com">비둘기야</a></p>
이거였던 거였어.
오케이 좋았어!
앞으로 다른 곳에서도
이걸 쓰면 되겠구만!
시범 삼아 하나만
더 해볼까나,
<p style="text-align: center;" data-ke-size="size16"><a class="myButton" href="https://paypal.me/ohseebird">Payment</a></p>
오케이 됐어.
저장해놔야지.
'𝙳𝚒𝚐𝚒𝚝𝚊𝚛𝚌𝚑𝚒𝚟𝚎' 카테고리의 다른 글
| PDF Shaper Professional 13.2 Repackage (0) | 2023.12.15 |
|---|---|
| 이력서 양식 resume template (0) | 2023.12.14 |
| -apple-system font 코드 (0) | 2023.12.12 |
| 아리스토텔레스(Aristotle) 명언 (0) | 2023.12.10 |
| 프리드리히 니체(Friedrich Nietzsche) 명언 (1) | 2023.12.10 |
