에티테마

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

페이지 정보

작성자 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,147건 1 페이지
질문답변 목록
번호 제목 날짜
공지
시간 : 03-14
03-14
공지
시간 : 12-07
12-07
공지
시간 : 08-23
08-23
1144
시간 : 03-18
03-18
1143
시간 : 03-18
03-18
1142
시간 : 03-18
03-18
1141
시간 : 03-18
03-18
1140
시간 : 02-27
02-27
1139
시간 : 02-26
02-26
1138
시간 : 02-23
02-23
1137
시간 : 02-23
02-23
1136
시간 : 02-23
02-23
1135
시간 : 02-14
02-14
1134
시간 : 02-05
02-05
1133
시간 : 02-05
02-05
1132
시간 : 02-05
02-05
1131
시간 : 02-01
02-01
1130
시간 : 01-24
01-24
1129
시간 : 01-16
01-16
1128
시간 : 01-13
01-13
1127
시간 : 01-11
01-11
1126
시간 : 01-08
01-08
1125
시간 : 01-04
01-04
1124
시간 : 01-03
01-03
1123
시간 : 12-29
12-29
1122
시간 : 12-28
12-28
1121
시간 : 12-26
12-26
1120
시간 : 12-26
12-26
1119
시간 : 12-25
12-25
1118
시간 : 12-14
12-14
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼