번역의 장인 2023. 12. 12. 20:10

비둘기가 구독하고 있는

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

 

어, 안 그래도 웹사이트에

인보이스 생성이랑

결제 생성 버튼 만들어야

했었던 참인데 잘 됐다.

 

너무 고맙지 뭐야, 글쎄.

 

잔뜩 신이나서 당장

버튼 만들러 고고했지.

 

엄청 직관적인 UI네. 좋당.

 

비둘기는 Light Blue가

마음에 드니까는

그걸루다가 고르고

복사를 뙇! 해준 다음에,

 

css-button.txt
0.00MB

 

스킨 편집 가서 html 편집 가서

css에다가 뙇 붙여 줍니다.

 

그러면 위에 html 부분만 남죠.

<a href="#" class="myButton">Light Blue</a>

 

요거를 이제 뒤에 가서

샥 링크로 걸어 주면,

- 끝 -

 

Light Blue

 

읭?

어라?

이게 아닌가?

외않뒈조?

 

아니지 아니지

다시 해 봐,

망하면 안 돼!!! 야!!!

 

에잇, 다시!

 

비둘기야

 

어? 된다!!!

오, 된다 된다!!!

 

<p style="text-align: center;" data-ke-size="size16"><a class="myButton" href="https://erst.tistory.com">비둘기야</a></p>

 

이거였던 거였어.

오케이 좋았어!

앞으로 다른 곳에서도

이걸 쓰면 되겠구만!

 

 

시범 삼아 하나만

더 해볼까나,

 

 

Payment

 

<p style="text-align: center;" data-ke-size="size16"><a class="myButton" href="https://paypal.me/ohseebird">Payment</a></p>

 

오케이 됐어.

저장해놔야지.

 

 

사업자 정보 표시펼치기/접기
사업자 등록번호 : -- | TEL : --