코스모스팜 스레드

editor 화면에서 table UI

안녕하세요 Kboard를 적극 사용하며 커스터마이징을 하면서 감탄하고 있는 사람입니다.

 

다름이 아니라 글쓰는 화면에서 현재는 div 형태로 block 으로 엘레먼트가 출력되는데

테이블 형태로 바꾸어 각 필드들을 입력할 수 있는 화면을 만들고 싶습니다.

링크입니다: https://imgur.com/a/xb7BSM2

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    div태그도 CSS 속성을 잘 조절하시면 테이블처럼 표시하실 수 있습니다.

    HTML과 CSS 코드에 대해서 알면 레이아웃을 편집하는 데 도움이 됩니다.

    확인 가능한 페이지 주소 알려주시면 CSS 코드로 수정이 가능할지 살펴보겠습니다.

    고맙습니다.

  • http://ec2-13-125-227-101.ap-northeast-2.compute.amazonaws.com/%EA%B8%B0%EC%97%85%EB%B6%84%EC%84%9D/ 입니다!

     

  • 올려주신 페이지를 기준으로 게시글 본문 페이지에서

    테이블 형식으로 선을 표시하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-default-editor .content-wrapper .kboard-attr-row { border-top: 1px solid black; }
    #kboard-default-editor .content-wrapper .kboard-attr-row:first-child { border-top: none; }
    #kboard-default-editor .kboard-attr-row .attr-name	{ border-right: 1px solid black; }

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)