친효애드온! 본문 중간 수동 링크 (마크7)

본문 중간에 삽입하는 링크용 친효애드온 스타일 마크7 입니다. 그냥 오늘 갑자기 이렇게 한번 만들어보고 싶다는 생각이 강하게 느껴져서 바로 작업했습니다. 사선으로 넣어보면 어떨까 싶었고 그 결과는 이렇게 완성되었습니다.

 

미리보기

짧은 링크글

텍스트가 제법 중간 사이즈 정도 되는 링크글

이것은 짧은 글의 몇 배 이상이 되는, 그러니까 텍스트가 꽤 긴 사이즈를 자랑하는, 본문 가로 사이즈를 넘어서는 그런 링크글

 

이렇게 됩니다. 별 다른 특징은 없고 애니메이션은 그냥 마우스를 올렸을 때 텍스트 색상이 바뀌는게 전부입니다. 요즘에는 그냥 밋밋한 스타일이 좋더라구요. 튜닝의 최종 종착지는 순정이라는 말이 정말 진리인 것 같습니다. 아무리 이것 저것 꾸며도 역시 심플한게 최고인 것 같아요. 심플 이즈 베스트 입니다.

 

적용 방법

아래의 글을 참고하시어 적용시키면 됩니다.

 

친효애드온 사용 방법

 

CSS 세팅

아래의 첨부파일을 다운로드 받아주시면 됩니다.

 

친효애드온 - 본문 중간 수동 링크 (마크7) CSS.txt

0.00MB

 

사용 방법

기존 방법대로 본문 중간에 링크글은 그대로 사용하시고, 해당 링크글을 구성하는 태그를 <div>로 감싸줍니다. 그리고 div에 class명을 부여하는데, 클래스 이름은 rgyLink7 입니다. 저 위에 있는 예시의 코딩 상태를 살펴보겠습니다.

 

<div class="rgyLink7">
    <p><a href="#">짧은 링크글</a></p>
    <p><a href="#">텍스트가 제법 중간 사이즈 정도 되는 링크글</a></p>
    <p><a href="#">이것은 짧은 글의 몇 배 이상이 되는, 그러니까 텍스트가 꽤 긴 사이즈를 자랑하는, 본문 가로 사이즈를 넘어서는 그런 링크글</a></p>
</div>

이렇게 되어 있습니다. 참고하시기 바랍니다. 끝.