제목 그대로 입니다
본문 내용안에 들어가는 링크에 테두리를 주고 싶은데요
아무리 알아봐도 이에 대한 정보가 없어서요
이렇게 질문 드립니다
어떻게 해야 하는지요 ...?
감사합니다
-
?
Lv15 타운에는 "이게시물은"이 없어서 모르겠네요.
이게시물은에만 들어가 있는 클래스나 아이디값이 있을까요?
그것이 있다면
.xe_content .이게시물클래스 { border: none; }
이런식으로 아래에 추가하면 될텐데요. -
Lv15 ?
.xe_content .document_popup_menu{ border: none; } 이렇게 하니 반응이 없고요
.xe_content .document_popup_menu{ display: none; } 으로 하면 사라저 버리네요
제가 욕심이 생겨서 display: inline-flex;align-items: center;padding: 3px 7px;margin: 0 0 2px 0;border-radius: 5px;border: 1px solid rgb(80, 85, 112);background-color: #2e324c;
이렇게 다 넣어서 그런가 싶네요 이런 경우 어찌 하는게 좋을가요 ...?
자꾸 질문 이여가서 죄송 합니다
바쁘신데 -
?
Lv15 이미지로는 html을 알수가 없어요.......-0-;;;;;;;
.xe_content a:not(.document_popup_menu) { border: 1px solid #454545; }
이렇게 하면 될려나요.
not이라는 제외선택자가 있거든요. -
Lv15 ?https://www.clien.net/service/board/news/12508762?po=0&od=T31&sk=&sv=&category=&groupCd=&articlePeriod=default&pt=0
여기 나와 있는 링크 처럼 할려고 하는데
어렵네요 ㅠㅠ 그래도 알려주신대로 하여 어느정도는 꾸며 봤습니다
저희 사이트에는 링크가 많아서요 조금 구분을 주고자 저렇게 할려고 했는데
쉽지 않네요 감사 합니다 ^^'' -
?
Lv15 html만 봤을때는 클리앙의 경우 해당 요소에 별도의 클래스가 지정되어 있어요.
xe로 한다면 애드온으로 외부 링크의 경우에 클래스를 추가해주고, 추가한 클래스에 css를 먹일수 있겠죠.
"이 게시물을" 본문영역이 아닐테니 애드온으로 링크에 클래스를 추가해줄 수 있을테구요.
xe_content 안에 "이 게시물을"이 포함되어 있다면 포함되어있지 않은 부분을 찾는다면 해결될테구요.
레이아웃에서 컨텐츠 영역을 감싸는 무엇인가를 추가하거나 게시판이라면 스킨에서 클래스를 추가하는 것도 방법일테구요.
사이트를 본게 아니라서 상상만 합니다. -
Lv15 
Lv30 오토링크 애드온을 활용하면 될 것 같네요~~
저희는 본문에 웹주소가 있으면 자동으로 링크로 만들어주는 애드온을 사용하는데요.
해당 애드온 js 에서
content = content.replace(url_regex, '<a href="$1" target="_blank" style="color:#0054FF">$1</a>');
이렇게해서 효과를 주고 있어 링크에 색상이 들어갑니다. 이분을 고치시면 본문의 링크만 효과가 먹을 겁니다.
물론 제가 알기론 직접 태그로 링크를 작성한 것이 안니 그냥 텍스트로 적은 것만 자동으로 링크로 변환하는 것으로 아는데 기억이 나지 않네요.
이미지가 있으면 클릭하면 크게 보이는 기능때문에 이미지에도 자동으로 링크가 걸리니까요.
아무튼
.xe_content a { border: 1px solid #454545; }
이런식으로 본문영역에 기본으로 들어가는(아마도..) 클래스인 xe_content안의 모든 a태그에 border를 주면 되죠.
그런데 그냥 저렇게만 하면 외곽선이 좀 이상할수도 있습니다.
display: inline-block;과 적절한 padding을 줘서 여백을 만들어줘야 좀 괜찮아 보일 것 같습니다.
사이트를 보고 하는게 아니라서 개략적으로 말씀드립니다.