묻고답하기
"묻고답하기" 게시판에서 글 작성시, 위에 파란색 메세지 처럼 뜨게 하는 방법?
2014.04.04 09:01
"묻고답하기" 게시판에서 글 작성시, 위에 파란색 메세지 처럼 뜨게 하는 방법?
글 작성시,
이 게시판은 댓글이 있으면~~~~
이 부분을 똑같이 이곳처럼 추가해주고 싶습니다.
저렇게 밑에 스크린샷처럼 파란색 박스안처럼 스타일도 똑같이 하고싶습니다.
www파일안에 어느 파일 어떻게 추가를 해야 하나요?
상세히 알려주시면 감사드리겠습니다.
소스보기하셔서 write-help-message 부분을 그대로 복사해서 write.html의 상단에 붙여넣기,
css파일에서 해당부분 그대로 복붙하면 된다는데..
더 상세하게 알려주실분 안계시나요?
예를들어
스케치북5 / css / board.css 파일에서
.fdb_itm .profile{margin-left:-72px}를
.fdb_itm .profile{margin-left:-72px; border-radius:28px}로 수정 이런식으로 말이죠..
댓글 17
-
qwms
2014.04.04 09:29
-
qwms
2014.04.04 09:31
css
.write-help-message { border: 1px solid #BCE8F1; border-radius: 3px; margin:0 0 10px; padding:10px; color:#3A87AD; background: #D9EDF7; }
-
루팡쿠팡
2014.04.04 09:43
감사합니다...
그런데 둘다...
어느 파일 몇번째 줄을.. 수정해줘야할지...
-
qwms
2014.04.04 09:46
아.. 지금 집이 아니라서요...
스케치북 쓰시면 write.html 인가 그쯤 될텐데
다음분이 아마 친절하게 설명을....
-
qwms
2014.04.04 10:29
modules - board - skins - sketchbook5 - write_form.html<!--// 상단 : 카테고리, 제목 --> 위약 20번째줄,<div class="write-help-message"><p><strong>이 게시판은 댓글이 있으면 질문을 수정 또는 삭제할 수 없습니다. 개인정보 및 암호를 포함하지 않도록 주의하세요.</strong></p><p>질문 내용은 가능한 상세하고 명확하게 작성해주세요.</p><ul><li>장황하게 설명하지 말고 문제를 명확하게 설명할 수 있어야 함</li><li>표시되는 오류 메시지</li><li>문제가 발생하는 링크</li><li>의심가는 부분</li><li>문제를 재현하는 방법</li><li>문제 화면 캡쳐</li></ul></div>삽입 -
루팡쿠팡
2014.04.07 03:32
게시판 마다 따로 적용해주려면 어떻게 해야 하나요?
(사용게시판, 미사용 게시판)
-
qwms
2014.04.04 10:31
modules - board - skins - sketchbook5 - css - board.css맨뒤에(맨아래, 사실 아무곳이나...).write-help-message {border: 1px solid #BCE8F1;border-radius: 3px;margin:0 0 10px;padding:10px;color:#3A87AD;background: #D9EDF7;}삽입====================css를 안넣어도 의외로 깔끔하게 나오더군요... -
루팡쿠팡
2014.04.05 06:49
울님 XE 공홈 여기는 어떤 방식으로 되있는건가요?
-
qwms
2014.04.05 10:32
부트스트랩 이랑요?
그냥 제가 알려드린대로 하면 되는데;;
<div> ~ </div> 사이에 할말을 html 코드로 적으시면 됩니다.
-
루팡쿠팡
2014.04.05 12:57
굴림으로 해주고 싶으면 어떻게해야 하나요?
modules - board - skins - sketchbook5 - write_form.html
modules - board - skins - sketchbook5 - css - board.css
둘다 수정해줘야 하나요?
ps. 그리구 여기 xe는 어떤 방식으로 되있는건가요?
-
qwms
2014.04.05 19:40
1. <div> </div> 사이에 내용을 입력하실때
font-family:굴림;
처리를 해주시면 됩니다.
ex) <p><font face="굴림, gulim, helvetica, sans-serif"><span style="line-height: 18px;">1. <div> </div> 사이에 내용을 입력하실때</span></font></p>
첫째줄을 html 방식으로 본 것입니다. 저런식으로 넣어주시면 되요.
2. 둘다 수정요함.
3. 제가 서술한 방식요.
-
루팡쿠팡
2014.04.05 21:28
qwms님 마지막으로 맞는지 한번만 봐주시겠어요?
modules - board - skins - sketchbook5 - write_form.html
<!--// 상단 : 카테고리, 제목 --> 위
약 20번째줄,
<div class="write-help-message">
<p><strong><p><font face="굴림, gulim, helvetica, sans-serif"><span style="line-height: 18px;">이 게시판은 댓글이 있으면 질문을 수정 또는 삭제할 수 없습니다. 개인정보 및 암호를 포함하지 않도록 주의하세요.</strong></p></span></font>
<p><strong><p><font face="굴림, gulim, helvetica, sans-serif"><span style="line-height: 18px;">질문 내용은 가능한 상세하고 명확하게 작성해주세요.</p></span></font>
<ul>
<li><strong><p><font face="굴림, gulim, helvetica, sans-serif"><span style="line-height: 18px;">장황하게 설명하지 말고 문제를 명확하게 설명할 수 있어야 함</li></span></font>
<li><strong><p><font face="굴림, gulim, helvetica, sans-serif"><span style="line-height: 18px;">표시되는 오류 메시지</li></span></font>
<li><strong><p><font face="굴림, gulim, helvetica, sans-serif"><span style="line-height: 18px;">문제가 발생하는 링크</li></span></font>
<li><strong><p><font face="굴림, gulim, helvetica, sans-serif"><span style="line-height: 18px;">의심가는 부분</li></span></font>
<li><strong><p><font face="굴림, gulim, helvetica, sans-serif"><span style="line-height: 18px;">문제를 재현하는 방법</li></span></font>
<li<strong><p><font face="굴림, gulim, helvetica, sans-serif"><span style="line-height: 18px;">>문제 화면 캡쳐</li></span></font>
</ul></div>
modules - board - skins - sketchbook5 - css - board.css
맨뒤에(맨아래, 사실 아무곳이나...)
<strong><p><font face="굴림, gulim, helvetica, sans-serif"><span style="line-height: 18px;">
.write-help-message {
border: 1px solid #BCE8F1;
border-radius: 3px;
margin:0 0 10px;
padding:10px;
color:#3A87AD;
background: #D9EDF7;
}
</span></font></p>
삽입
이렇게 하는거 맞나요?
-
qwms
2014.04.06 06:47
css가 틀렸습니다.
p {font-family:Arial, Helventica, sans-serif;}
p { line-height: 18px; }
이런식으로 적어줘야 할텐데
그냥
.write-help-message {border: 1px solid #BCE8F1;border-radius: 3px;margin:0 0 10px;padding:10px;color:#3A87AD;background: #D9EDF7;}만 쓰시고, 글을 쓰는쪽 (<div> </div> 사이) 에서 해결하심이 -
레몬바나나
2014.04.04 15:44
부트스트랩사용하면 매번 저런 코드 안넣어도 편할텐데요..
<
link
rel
=
"stylesheet"
href
=
"//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/css/bootstrap.min.css"
>
<
script
src
=
"//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js"
></
script
>
<
div
class
=
"alert alert-ifno"
>
할말..
</
div
>
-
qwms
2014.04.04 16:22
작성자님// 같은거에요,
아무거나 적용해주세요.. :D
-
레몬바나나
2014.04.04 16:29
네, 내용은 원하는대로 넣으면되죠.
나머진 여기서 원하는 거 찾아서 스시면되요..
http://bootstrapk.com/BS3/components#alerts
-
레몬바나나
2014.04.05 17:03
한 페이지에서 쓰려면 그 페이지 맨위에다가 저 두줄 추가해주면 저기서 제공하는 클래스 이름으로 지정해주면
그대로 CSS효과가 나타나는거에요.. 그외에 설명드릴건 없는데..;;
</ul></div>
여기까지만 하고 다음분에게 바통터치...
근데 css도 작성하셔야 해요