최신글 테두리 관련 질문입니다~~

첨부파일

latest.skin.php (3.2K) 3회 다운로드 2012-06-29 18:57:48

본문

제가 사이트를 만들고 있는데 메인화면에 최신글로 화면처럼 만들었습니다.
보시면 좌우 아래로 선이 그어져서 테두리가 있는데 이 부분을 이미지로 넣고 싶습니다.
또는 금속색깔이나 포토샵에 그라이언트로 한것 처럼 만들고 싶습니다.
그렇게 하려면 저 테두리를 이미지로 대체하거나 그래야 할거 같은데 어떻게 해야 하는지
2틀을 고생해봤는데..되지가 않습니다.
가능하면 저 자유게시판 글자 써있는 부분도 테두리선과 똑같게 만들고 싶습니다.
저 부분은 그누보드 사이트에서 고마운분에게 배워서 했는데 바꿔 보고 싶습니다.
제발 알려주세요~

복사
공유하기

댓글 전체

웹프리존 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.06.29 20:48:08

첫번째 수정 ##################
.latest_wrap { position:relative; width:320px; height:142px; background:url(bg.gif) no-repeat;}
#########################################################

두번째 수정 ##################

<div class="latest_wrap">
<div class="title_wrap">


<div class="latest_title_etc">
<a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'><?=$board[bo_subject]?></a>
</div>
<div class="latest_more"><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'>more</a></div>

</div>
<div style="border-top:1px solid #923501;"></div>
<div class="latest_list">

#########################################################

세번째 ##################
http://www.webfreezone.kr/skin/latest/test/bg.gif
이미지 다운받으셔서 해당 스킨폴더로 업로드

#########################################################

ps)
css 에 맨 위에 전체를 감싸는

.latest_wrap { position:relative; width:320px; height:142px; background:url(bg.gif) no-repeat;}

여기에서 전체가로 / 세로 / 배경이미지 참고하시면 됩니다.

샘플 http://www.webfreezone.kr/latest.php

대신 저 최신글이 들어가는 영역의 사이즈 및 레이아웃 크기대로 배경이미지를 제작하여

설정하시기 바랍니다.

해결하시고 채택되면 테스트파일은 지웁니다..

첫번째 수정 ##################
.latest_wrap { position:relative; width:320px; height:142px; background:url(bg.gif) no-repeat;}
#########################################################

두번째 수정 ##################

<div class="latest_wrap">
  <div class="title_wrap">
    
    
    <div class="latest_title_etc">
      <a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'><?=$board[bo_subject]?></a>
    </div>
    <div class="latest_more"><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'>more</a></div>
	
  </div>
  <div style="border-top:1px solid #923501;"></div>
<div class="latest_list">

#########################################################

세번째 ##################
http://www.webfreezone.kr/skin/latest/test/bg.gif 
이미지 다운받으셔서 해당 스킨폴더로 업로드

#########################################################

ps)
css 에 맨 위에 전체를 감싸는

.latest_wrap { position:relative; width:320px; height:142px; background:url(bg.gif) no-repeat;}

여기에서 전체가로 / 세로 / 배경이미지 참고하시면 됩니다.

샘플 http://www.webfreezone.kr/latest.php

대신 저 최신글이 들어가는 영역의 사이즈 및 레이아웃 크기대로 배경이미지를 제작하여

설정하시기 바랍니다.

해결하시고 채택되면 테스트파일은 지웁니다..

상태기 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

12.06.30 10:44:12

프리존님 말씀하신대로 하고 이미지 다운받으려고 했는데 위의 주소를 드러가면 찾을수없는 페이지로 나와서 이미지다운을 하지 못했습니다.
그래서 되는건지 안되는건지 확인은 하지 못했구요 그래도 일단 너무 설명을 잘해주셔서 채택은 했습니다.
이미지 파일을 받을 수 없는지 문의좀 드리구요^^
그리고 2번째 수정을 할때 해당 부분을 모두 삭제하고 위의 적어주신내용을 적어야 되죠?
쌤플도 클릭해보면 찾을수없는페이지로 나와서요^^
그럼 부탁 드립니다.
만약에 혹시 가능하시면 첨부파일에 php파일을 직접 고쳐서 메일로 보내주실수는 없느지 문의드려요
요건 좀 무리한 부탁 일까요;;;
아무튼 부탁 드립니다~~ (*** 개인정보보호를 위한 이메일주소 노출방지 ***)

웹프리존 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.06.30 11:21:41

샘플 페이지 http://www.webfreezone.kr/latest.php
배경이미지 http://www.webfreezone.kr/skin/latest/test/img/bg.gif

다시 올립니다. 소스는 위에 적은데로 수정하시면 됩니다.

상태기 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

12.06.30 13:29:28

말씀하신대로 해봐ㅆ는데 샘플페이지처럼 깔끔하게 되지 않고 공지사항부분이 BG이미지가 되지 않고 검정색으로 나옵니다.
즉 커뮤니티>공지사항 요 부분까지 배경이미지가 적용되지 않고 그 아래로만 적용이 됩니다.
또 다르게 해보면 배경화면은 위로 최신글이 나와야 하는데 배경화면 아래로 최신글이 나와서 최신글이 보이지를 않습니다.
여러가지로 해보았는데 뭐가 잘못된것인지..
위에 첫번째 두번째를 알려주셨는데 latest.skin.php 파일에 모든 내용을 지우고 위에 올려주신 것만 적는건가요?
아니면 위의 부분과 곂치는 부분만 지우고 적는건가요?
이 두가지를 다해봤는데 위와 같은 증상이 나타납니다....
초보라 너무 번거롭게 해서 죄송합니다.
다시한번만 봐주세요^^;

최신글 테두리 관련 질문입니다~~ > 그누4 질문답변

그누4 질문답변