No-Image이면 이미저없에고 글만 보이기 방법이..? > 시즌3 질문과 답변

본문 바로가기

시즌3 질문과답변

[해결중] No-Image이면 이미저없에고 글만 보이기 방법이..?

  • - 별점 : 평점
  • - [ 0| 참여 0명 ]

본문

 

<div>

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

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

이미지경로

<!--{:}-->

게시글

<!--{/}-->

</div>

 

</div>

<div>// 게시판글

글 내용

</div>

 

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

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

 

어떻게 해야할까요 ㅠㅠ

0 0
로그인 후 추천 또는 비추천하실 수 있습니다.
포인트 10
경험치 1,139
[레벨 3] - 진행률 90%
가입일
2018-03-30 12:49:41
서명
미입력
자기소개
미입력

최신글이 없습니다.

최신글이 없습니다.

댓글목록6

이윰IN님의 댓글의 댓글

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

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

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

이윰IN님의 댓글의 댓글

베스트 2
profile_image
다음과 같이 처리해 보시겠어요?

<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
profile_image
ha님 안녕하세요.

<div>

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

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

이미지경로

<!--{/}-->

게시글

</div>

 

</div>

<div>// 게시판글

글 내용

</div>


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

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

이윰IN님의 댓글

profile_image
ha님 안녕하세요.

<div>

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

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

이미지경로

<!--{/}-->

게시글

</div>

 

</div>

<div>// 게시판글

글 내용

</div>


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

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

ha님의 댓글의 댓글

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


<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님의 댓글의 댓글

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

<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님의 댓글의 댓글

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

ha님의 댓글의 댓글

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

이윰IN님의 댓글의 댓글

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

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

굳이 해석하자면 이미지가 없을 때는 그리드 전체를 이미지가 있을때는 8/12 부분의 영역을 할당하라는 의미입니다.
이윰빌더 시즌4 질문과 답변 게시판입니다.

질문과 답변 게시판에는 가능한 이윰 관리자가 답변을 드리지 않습니다. 회원간 활성화 될수 있도록 도움 부탁드리며, 질문자는 원하는 답변이 달릴경우 꼭 채택하여 주시기 바랍니다.

상품구매 및 유료상품 문의는 1:1문의 게시판을 이용해 주시기 바랍니다.

1:1문의 바로가기 : https://eyoom.net/bbs/qalist.php

전체 15 건 - 1 페이지
번호
제목
글쓴이
채택포인트
별점
사이트 내 전체검색