제목/글쓴이 글자수에 따라 게시판 틀이 바뀝니다.
페이지 정보
작성자 Reejang 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 5건 작성일 22-07-22 18:00본문
댓글목록
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
게시판의 주소 url 을 비밀코멘트로 남겨주시면 체크해보겠습니다.
어떤 스킨인지 확인 하기가 어럽습니다. ~~
다시 코멘트 부탁드리겠습니다.~
Reejang님의 댓글
Reejang 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
코멘트가 좀 늦었습니다.
위 내용을 이렇게 수정해주시면 됩니다.
현재 글쓴이 간격이 100px 로 되어 있습니다.
해당 글쓴이 부분을 150px 로 늘려주면 50 만큼 늘어 났기 때문에
제목 부분을 50 만큼 더해주시면 됩니다.
width: calc(100% - 410px); /* Standard */
위 부분이 원래는 360px 이 였습니다. 50 픽셀 늘려줘요 410 으로 변경한겁니다.
반응형 게시판으로 계산하기 위해서 이렇게 계산해서 넣어줬습니다.
아래는 150px 로 다시 수정한 코드 입니다.
그대로 적용하셔도 됩니다.
테마폴더/skin/board/board_div_wide/style.css : 540 번째줄 부터 수정해주시면 됩니다.
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
.clearfix::after {
content: "";
clear: both;
display: block;
}
/* title */
.e_ck, .e_num_ti, .e_subject_ti, .e_writer_ti, .e_hit_ti, .e_date_ti, e_good, e_nogood {
float: left;
}
.e_num_ti{width:60px; font-size:16px; text-align: center;padding: 15px 0;font-weight: normal;text-align: center; background: #fafafa; height: 60px;border-bottom: 1px solid #ecf0f1;border-top: 2px solid #666666;}
.e_writer_ti{width: 150px; font-size:16px;text-align: center;padding: 15px 0;font-weight: normal;text-align: center;background: #fafafa;height: 60px;border-bottom: 1px solid #ecf0f1;border-top: 2px solid #666666;}
.e_hit_ti{width:100px; font-size:16px; text-align: center;padding: 15px 0;font-weight: normal;text-align: center; background: #fafafa; height: 60px;border-bottom: 1px solid #ecf0f1;border-top: 2px solid #666666;}
.e_date_ti{width:100px; font-size:16px; text-align: center;padding: 15px 0;font-weight: normal;text-align: center; background: #fafafa; height: 60px;border-bottom: 1px solid #ecf0f1;border-top: 2px solid #666666;}
.e_subject_ti{
font-size:16px;
padding: 15px 0;
font-weight: normal;
text-align: center;
background: #fafafa;
height: 60px;
border-bottom: 1px solid #ecf0f1;
border-top: 2px solid #666666;
width: -moz-calc(100% - 410px); /* Firefox */
width: -webkit-calc(100% - 410px); /* WebKit */
width: -o-calc(100% - 410px); /* Opera */
width: calc(100% - 410px); /* Standard */
}
/* contents */
.e_num, .e_subject, .e_writer, .e_hit, .e_date {
float: left;
}
.e_num{width:60px; text-align: center;color: #666;background: #fff;padding: 15px 5px;line-height: 2.4em;word-break: break-all;}
.e_writer{width:150px; font-size:16px; font-size: 16px; text-align: center;color: #666;background: #fff;padding: 15px 5px;line-height: 2.4em;word-break: break-all;}
.e_hit{width:100px; font-size:16px; text-align: center;color: #666;background: #fff;padding: 15px 5px;line-height: 2.4em;word-break: break-all;}
.e_date{width:100px; font-size:16px; text-align: center;color: #666;background: #fff;padding: 15px 5px;line-height: 2.4em;word-break: break-all;}
.e_subject{
font-size:16px;
padding: 15px 0;text-align: left;color: #666;background: #fff;padding: 15px 5px;line-height: 2.4em;word-break: break-all;
width: -moz-calc(100% - 410px); /* Firefox */
width: -webkit-calc(100% - 410px); /* WebKit */
width: -o-calc(100% - 410px); /* Opera */
width: calc(100% - 410px); /* Standard */
font-size: 16px;
}
.m_view .fa{ display:none }
.bl{border-bottom: 1px solid #ecf0f1;}
}
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
시간되실때
http://ety.kr/board/ety_theme_manual/71
위 코드도 적용 해주시면 좋을것 같습니다~
감사합니다.
Reejang님의 댓글
Reejang 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
감사합니다.
잘 적용했습니다.
늘 친절하신 답변에 정말 감사드립니다.