에티테마

제목/글쓴이 글자수에 따라 게시판 틀이 바뀝니다.

페이지 정보

작성자 no_profile Reejang 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 5건 작성일 22-07-22 18:00

본문

안녕하세요?
불금인데 또 염치없게 질문을 드립니다.
M27을 사용하고 있습니다.
와이드 게시판인데 글쓴이 닉네임이 길어지면 게시판 높이가 60px에서 두배로 되어 버립니다.
제목은 환경설정에서 어찌 할수가 있는데 글쓴이의 칸 길이는 css파일에서 px 값을 크게하거나
작게해도 이상하게 틀어져 버립니다.
어떻게 해야 올바른 수정이 되겠습니까?

6445b75caac9cee322cef19a119a1d4e_1658480398_66.jpg

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

게시판의 주소 url 을 비밀코멘트로 남겨주시면 체크해보겠습니다.
어떤 스킨인지 확인 하기가 어럽습니다. ~~
다시 코멘트 부탁드리겠습니다.~

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

코멘트가 좀 늦었습니다.
위 내용을 이렇게 수정해주시면 됩니다.
현재 글쓴이 간격이 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;}

}

Total 1,243건 19 페이지
질문답변 목록
번호 제목 날짜
703
시간 : 07-29
07-29
702
시간 : 07-28
07-28
701
시간 : 07-26
07-26
700
시간 : 07-26
07-26
699
시간 : 07-25
07-25
698
시간 : 07-25
07-25
697
시간 : 07-25
07-25
696
경고 문제 댓글+ 3
시간 : 07-25
07-25
열람중
시간 : 07-22
07-22
694
시간 : 07-22
07-22
693
시간 : 07-20
07-20
692
시간 : 07-19
07-19
691
시간 : 07-17
07-17
690
시간 : 07-15
07-15
689
시간 : 07-15
07-15
688
시간 : 07-14
07-14
687
footer 부분 댓글+ 1
시간 : 07-13
07-13
686
t34 댓글+ 2
시간 : 07-13
07-13
685
시간 : 07-13
07-13
684
시간 : 07-12
07-12
683
시간 : 07-12
07-12
682
시간 : 07-12
07-12
681
시간 : 07-12
07-12
680
시간 : 07-12
07-12
679
시간 : 07-11
07-11
678
시간 : 07-11
07-11
677
시간 : 07-07
07-07
676
시간 : 07-07
07-07
675
시간 : 07-06
07-06
674
시간 : 07-02
07-02
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼