게시물에 버튼 넣기 오류

게시물에 버튼 넣기 오류

QA

게시물에 버튼 넣기 오류

본문

게시물에 색깔 버튼를 넣으려고

 

3717123710_1739574963.9493.png

 

이 파일에  아래 코드를 넣고

 

.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>


이렇게 나옵니다

3717123710_1739575161.7069.png

 

무엇이 문제일까요?

도와주세요~~!!!  ㅠㅜ

 

이 질문에 댓글 쓰기 :

답변 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>

css/default.css 는 전체 모두 같이공용으로쓰기위함의 정리하는곳입니다. 하여 해당요소를 모두 공용으로쓰고싶다면 디폴트에 정의하셔도됩니다. 하지만 해당페이지만의 버튼이 되어야한다면 해당 페이지에서만의 스타일을 가져주기는 옳을것으로 판단합니다. 하여  현재 버튼 바로가기 위치가어디 요? 메인인가요?

모든 게시판에서 게시물을 작성하다가
<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>

스타일을 통째로 상단에 소스코드 위에 넣어보라는뜻입니다. 이게반영이 않된다면 앞서말씀한데로 직접 요소안에 스타일을정의하셔야합니다. 보다편리하게 이용하는방법은 에디터기능을 이용을 해보시기 바랍니다. 소스코드를 정의 를안해도 에디터 자체의 기능에서 버튼기능과 버튼의반영링크값을 만들어줄수도잇어요 물론 원하는데로는 않될것입니다. 선택재이닌깐요

네 츄카드려요 다음에는 에디터 자체의기능을 잘둘러보시고 에디터기능으로 표현해보시기 바랍니다. 스마트보다는 다양한 기능이 많은 cheditor5로 선택설정하여 이용해보시기 바랍니다.
참고로 저는 고구마100개먹을정도로 답답해한느 인간이 아닙니다. 언제든지 궁금한건 물어보시면됩니다. ^^ 느림의 미학으로 찬찬히 응원할께요 화이팅~

답변을 작성하시기 전에 로그인 해주세요.
전체 121
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT