질문과 답변

최근본상품
TOP
DOWN

질문과 답변

No-Image이면 이미저없에고 글만 보이기 방법이..?

0
0
총 채택 포인트 10 포인트
채택된 회원에게 주는 후원 포인트 8 포인트
채택 후 작성자(ha) 회수 포인트 2 포인트

본문

 

<div>

<div>//이미지 설정및 링크

<!--{? .image}-->

이미지경로

<!--{:}-->

게시글

<!--{/}-->

</div>

 

</div>

<div>// 게시판글

글 내용

</div>

 

대략 이런식인데.. 이미지가 없으면 No_image나 대체 이미지가 아니라 이미지영역에 게시글을 출력하고

대신 뒤에 게시판영역에 글은 안나오게하고싶습니다

 

어떻게 해야할까요 ㅠㅠ

- ha - 회원등급 : 지하계 / Level 3
포인트 572
경험치 1,071
[레벨 3] - 진행률 79%
- 가입일 : 2018-03-30 12:49:41
- 서명 : 미입력
- 자기소개 : 미입력

댓글목록 6

이윰IN님의 댓글

베스트 1
이윰IN 2018.04.05 14:00

부트스트랩 그리드 시스템을 이해하시면 도움이 되실 것으로 보입니다.
이윰빌더 메뉴얼에 해당 내용이 있으니 참고해 주세요.

http://eyoom.net/page/?pid=code_grid_system

굳이 해석하자면 이미지가 없을 때는 그리드 전체를 이미지가 있을때는 8/12 부분의 영역을 할당하라는 의미입니다.

이윰IN님의 댓글

베스트 2
이윰IN 2018.04.05 13:50

다음과 같이 처리해 보시겠어요?

<div class="latest-webzine-e1">
	<!--{@ loop}-->
	<div class="row">
		<!--{? .image}-->
		<div class="col-xs-4">
			<div class="webzine-img">
				<a href="{.href}"><img class="img-responsive" src="{.image}" alt=""></a>
			</div>
		</div>
		<!--{/}-->
		<div class="col-xs-{? .image}8{:}12{/}">
			<h5><a href="{.href}">{.wr_subject}</a></h5>
			<ul class="list-unstyled">
			   <li><i class="fa fa-user"></i> {.mb_nick}</li>
			   <li><i class="fa fa-clock-o"></i> {eb->date_time('Y-m-d H:i',.datetime)}</li>
			   <li><span class="color-red"><!--{? .wr_comment}--><i class="fa fa-comments"> {.wr_comment}</i><!--{/}--></span></li>
			   <div class="clearfix"></div>
			</ul>
			<!--{? content == 'y'}-->
			<p>{.wr_content}</p>
			<!--{/}-->
		</div>
	</div>
	<!--{:}-->
	
	<!--{/}-->
</div>

이윰IN님의 댓글

베스트 3
채택
이윰IN 2018.04.05 13:40

ha님 안녕하세요.

<div>

<div>//이미지 설정및 링크

<!--{? .image}-->

이미지경로

<!--{/}-->

게시글

</div>

 

</div>

<div>// 게시판글

글 내용

</div>


위와 같은 방식으로 처리하면 될 것으로 보이는데요.

축하합니다. 첫댓글 포인트 56포인트를 획득하였습니다.

이윰IN님의 댓글

채택
이윰IN 2018.04.05 13:40

ha님 안녕하세요.

<div>

<div>//이미지 설정및 링크

<!--{? .image}-->

이미지경로

<!--{/}-->

게시글

</div>

 

</div>

<div>// 게시판글

글 내용

</div>


위와 같은 방식으로 처리하면 될 것으로 보이는데요.

축하합니다. 첫댓글 포인트 56포인트를 획득하였습니다.

ha님의 댓글

ha 2018.04.05 13:47

답변감사합니다 근데 이미지 영역이랑 글영역이랑 크기가 달라서 이미지영역에 글 넣으면 글이 짤려서 나옵니다


<div class="latest-webzine-e1">
	<!--{@ loop}-->
	<div class="row">
		<div class="col-xs-4">
			<div class="webzine-img">
				<!--{? .image}-->
				<a href="{.href}"><img class="img-responsive" src="{.image}" alt=""></a>
				<!--{:}-->
				<!--<a href="{.href}" class="no-image"><img class="img-responsive" src="No이미지경로" alt=""></a>-->
				<!--{/}-->
			</div>
			
		</div>
		<div class="col-xs-8">
			<h5><a href="{.href}">{.wr_subject}</a></h5>
			<ul class="list-unstyled">
			   <li><i class="fa fa-user"></i> {.mb_nick}</li>
			   <li><i class="fa fa-clock-o"></i> {eb->date_time('Y-m-d H:i',.datetime)}</li>
			   <li><span class="color-red"><!--{? .wr_comment}--><i class="fa fa-comments"> {.wr_comment}</i><!--{/}--></span></li>
			   <div class="clearfix"></div>
			</ul>
			<!--{? content == 'y'}-->
			<p>{.wr_content}</p>


			<!--{/}-->
		</div>
	</div>
	<!--{:}-->
	
	<!--{/}-->
</div>


이게 제가 만지고 있는 코드인데 css건들여야할까요?

이윰IN님의 댓글

이윰IN 2018.04.05 13:50

다음과 같이 처리해 보시겠어요?

<div class="latest-webzine-e1">
	<!--{@ loop}-->
	<div class="row">
		<!--{? .image}-->
		<div class="col-xs-4">
			<div class="webzine-img">
				<a href="{.href}"><img class="img-responsive" src="{.image}" alt=""></a>
			</div>
		</div>
		<!--{/}-->
		<div class="col-xs-{? .image}8{:}12{/}">
			<h5><a href="{.href}">{.wr_subject}</a></h5>
			<ul class="list-unstyled">
			   <li><i class="fa fa-user"></i> {.mb_nick}</li>
			   <li><i class="fa fa-clock-o"></i> {eb->date_time('Y-m-d H:i',.datetime)}</li>
			   <li><span class="color-red"><!--{? .wr_comment}--><i class="fa fa-comments"> {.wr_comment}</i><!--{/}--></span></li>
			   <div class="clearfix"></div>
			</ul>
			<!--{? content == 'y'}-->
			<p>{.wr_content}</p>
			<!--{/}-->
		</div>
	</div>
	<!--{:}-->
	
	<!--{/}-->
</div>

ha님의 댓글

ha 2018.04.05 13:53

감사합니다 덕분에 해결했습니다!

ha님의 댓글

ha 2018.04.05 13:56

혹시 코드중에 <div class="col-xs-{? .image}8{:}12{/}"> 이걸 어떻게 해석해야하는지 알 수 있을까요 ㅠㅠ 전꺼랑 보교해보는데
이건 감이 잘안잡히네요

이윰IN님의 댓글

이윰IN 2018.04.05 14:00

부트스트랩 그리드 시스템을 이해하시면 도움이 되실 것으로 보입니다.
이윰빌더 메뉴얼에 해당 내용이 있으니 참고해 주세요.

http://eyoom.net/page/?pid=code_grid_system

굳이 해석하자면 이미지가 없을 때는 그리드 전체를 이미지가 있을때는 8/12 부분의 영역을 할당하라는 의미입니다.

질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)
채택포인트 : 최소 10 포인트 ~ 최대 1,000 포인트 설정하실 수 있습니다.
빠른 답변을 원하신다면 채택포인트를 높게 설정해 보세요. ^^

전체 651 건 - 14 페이지
제목
미해결
1
10p
홈피만들자하하 2018.04.06
미해결
5
10p
홍인 2018.04.06
미해결
3
10p
gang 2018.04.06
해결
5
10p
의숑이 2018.04.05
해결
2
10p
부끄럼소년 2018.04.05
해결
2
10p
ha 2018.04.05
해결
6
10p
ha 2018.04.05
미해결
1
10p
퍼디퍼디 2018.04.04
해결
4
10p
Eric7 2018.04.04
해결
18
10p
gang 2018.04.04
미해결
2
10p
홈피만들자하하 2018.04.04
해결
3
10p
대박 2018.04.03
미해결
2
10p
gang 2018.04.03
미해결
1
10p
곰이아부지 2018.04.02
미해결
1
10p
gang 2018.04.02