게시물에 버튼 넣기 오류 채택완료
게시물에 색깔 버튼를 넣으려고
http://sir.kr/data/editor/2502/3717123710_1739574963.9493.png" width="347" />
이 파일에 아래 코드를 넣고
.myButton {
box-shadow: 3px 7px 6px 1px #f29c93;
background-color:#fe1a00;
border-radius:34px;
border:1px solid #d83526;
display:inline-block;
cursor:pointer;
color:#ffffff !important ;
font-family:Times New Roman;
font-size:28px;
font-weight:bold;
padding:12px 41px;
text-decoration:none !important;
text-shadow:2px -1px 50px #b23e35;
}
.myButton:hover {
background-color:#ce0100;
}
.myButton:active {
position:relative;
top:1px;
}
게시글 html 에서 아래코드를 넣었더니
<p style="text-align: center;" data-ke-size="size16"><a class="myButton" style="width: 80%;" href=" " target="_self"> 버튼 바로가기</a></p>
이렇게 나옵니다
http://sir.kr/data/editor/2502/3717123710_1739575161.7069.png" width="340" />
무엇이 문제일까요?
도와주세요~~!!! ㅠㅜ
답변 1개
<style>
.myButton {
background-color: #007bff;
border: 1px solid #0056b3;
box-shadow: 3px 7px 6px 1px #4a90e2;
text-shadow: 2px -1px 50px #004085;
display: block;
width: 80%;
margin: 0 auto;
text-align: center;
color: #ffffff !important;
font-family: Times New Roman;
font-size: 28px;
font-weight: bold;
padding: 12px 41px;
text-decoration: none !important;
border-radius: 34px;
cursor: pointer;
}
.myButton:hover {background-color: #0056b3;}
.myButton:active {position: relative;top: 1px;}
</style>
<p style="text-align: center;"><a class="myButton" href="#" target="_self">버튼 바로가기</a></p>
답변에 대한 댓글 11개
<p style="text-align: center;"><a class="myButton" href="#" target="_self">버튼 바로가기</a></p>
이 코드를 html 상태에서 넣었을 때, 버튼이 생성되는 것을 목표로 하고 있습니다.
하여, 위에서정의 해드리는것은 뷰페이지에서 나 해당문구에대해서 버튼을 처리하는방식이 성립이 되므로, 에디터로 인한 문서는 에디터 안에서 해당부분을 소스코드를 열어서 스타일 <style></style> 정해주셔야합니다. 만약 스타일이 반영되지않는다면 직접 해당요소에다 정의 해주셔야합니다.
참고로 관리자 페이지의 게시판설정에서 html활성화 해주셔야 편집이 가능하다라는점 체크하시기 바랍니다.
예를들어서 다음과 같이 소스코드를 직접 수정해보시기 바랍니다.
<p style="text-align: center;" data-ke-size="size16">
<a href="#" target="_self"
style="display:inline-block; background-color:#fe1a00; border-radius:34px;
border:1px solid #d83526; color:#ffffff !important; font-family:Times New Roman;
font-size:28px; font-weight:bold; padding:12px 41px; text-decoration:none !important;
box-shadow: 3px 7px 6px 1px #f29c93; text-shadow:2px -1px 50px #b23e35;">
버튼 바로가기
</a>
</p>
그런데
" 해당부분을 소스코드를 열어서 스타일 <style></style> 정해주셔야합니다"
이것은 어떻게 하나요?
초보자라서 어렵네요..ㅠㅜ
마지막에 주신 코드를 html 상태에서 바로넣기 했더니 나왔습니다! ㅎㅎ
고구마 100개 먹는 느낌이셨을텐데.. ㅠㅋ
너무 감사드립니다
참고로 저는 고구마100개먹을정도로 답답해한느 인간이 아닙니다. 언제든지 궁금한건 물어보시면됩니다. ^^ 느림의 미학으로 찬찬히 응원할께요 화이팅~
감사드립니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
그런데 안되네요..ㅠㅠ
gnuboard5/theme/basic/css/default.css 이 파일을 수정하는 것은 맞는 건가요?