XETOWN

질문/답변

웹에 관련된 질문과 답변을 나눌 수 있습니다.
조회 수 64 댓글 8

1.PNG

저번에 질문을 했는데 정확히 어디를 어떻게 고쳐야 할지 몰라서 다시 질문 합니다.

 

 

이전 질문 https://www.xetown.com/qna/439131

 

 

*이전 답변에서 언급했던 파일  _list_news.html

 

<include target="_list_header.html" />

<div class="m-news m-element">
    <ul class="notice-list"|cond="$mi->show_notice != Y" class="notice-list on"|cond="$mi->show_notice == Y">
        <!--@foreach($notice_list as $no => $document)-->
        <li class="has-comment"|cond="$document->getCommentCount()">
            <a href="{getUrl('document_srl', $document->document_srl)}" class="list-link"></a>
            <span class="notice-text notice-el">{$lang->notice}</span> 
            <span class="notice-el">{$document->getTitle()} {$document->printExtraImages(60*60*$module_info->duration_new)}</span>
            <block cond="$document->getCommentCount()"><!--@if($layout_info->mCol == 'black')--><img src="./images/biComment2@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><!--@else--><img src="./images/biComment@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><!--@end--><a href="{$document->getPermanentUrl()}#comment" class="reply m-list-reply">{$document->getCommentCount()}</a></block>
        </li>
        <!--@end-->
        <li class="no-list" cond="!$notice_list"><span class="notice-text">{$lang->notice}</span>  {$lang->no_documents}</li>
    </ul>
    <ul class="list">
        <!--@foreach($document_list as $no => $document)-->
        <li class="has-comment"|cond="$document->getCommentCount()">
            <a href="{getUrl('document_srl', $document->document_srl)}" class="list-link"></a>
            <span class="category" cond="$module_info->use_category=='Y' && $mi->show_category != 'N'">{$category_list[$document->get('category_srl')]->title}</span>
            <span class="title">{$document->getTitle()}<block cond="$mi->show_icon != 'N'"> {$document->printExtraImages(60*60*$module_info->duration_new)}</block></span>
            <block cond="$document->getCommentCount()"><img src="./images/biComment@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><a href="{$document->getPermanentUrl()}#comment" class="reply m-list-reply">{$document->getCommentCount()}</a></block>
        </li>
        <!--@end-->
        <li class="no-list" cond="!$document_list">{$lang->no_documents}</li>
    </ul>
</div>

<include target="_list_footer.html" />

 

Atachment
첨부 1
  • profile
    프렌다 2016.12.13 10:55:45

    아래 소스로 복사 붙여넣기 하세요 (더블클릭 하면 전체선택 가능)

     

    <include target="_list_header.html" />
    
    <div class="m-news m-element">
         <ul class="notice-list"|cond="$mi->show_notice != Y" class="notice-list on"|cond="$mi->show_notice == Y">
             <!--@foreach($notice_list as $no => $document)-->
             <li class="has-comment"|cond="$document->getCommentCount()">
                 <a href="{getUrl('document_srl', $document->document_srl)}" class="list-link"></a>
                 <span class="notice-text notice-el">{$lang->notice}</span> 
                 <span class="notice-el">{$document->getTitle()} {$document->printExtraImages(60*60*$module_info->duration_new)}</span>
                 <block cond="$document->getCommentCount()"><!--@if($layout_info->mCol == 'black')--><img src="./images/biComment2@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><!--@else--><img src="./images/biComment@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><!--@end--><a href="{$document->getPermanentUrl()}#comment" class="reply m-list-reply">{$document->getCommentCount()}</a></block>
             </li>
             <!--@end-->
             <li class="no-list" cond="!$notice_list"><span class="notice-text">{$lang->notice}</span>  {$lang->no_documents}</li>
         </ul>
         <ul class="list">
             <!--@foreach($document_list as $no => $document)-->
             <li class="has-comment"|cond="$document->getCommentCount()">
                 <a href="{getUrl('document_srl', $document->document_srl)}" class="list-link"></a>
                 <span class="category" cond="$module_info->use_category=='Y' && $mi->show_category != 'N'">{$no}   {$category_list[$document->get('category_srl')]->title}</span>
                 <span class="title">{$no}   {$document->getTitle()}<block cond="$mi->show_icon != 'N'"> {$document->printExtraImages(60*60*$module_info->duration_new)}</block></span>
                 <block cond="$document->getCommentCount()"><img src="./images/biComment@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><a href="{$document->getPermanentUrl()}#comment" class="reply m-list-reply">{$document->getCommentCount()}</a></block>
             </li>
             <!--@end-->
             <li class="no-list" cond="!$document_list">{$lang->no_documents}</li>
         </ul>
     </div>
    
    <include target="_list_footer.html" />

     

  • ?
    낙타 2016.12.13 12:34:10 Files첨부 (1)

    감사합니다.

     

    2.PNG

     

    근데 저기 번호가 뭔가 제목이랑 이어지는 느낌인데 어떻게 구분을 줘야할까요? 색깔을 변경해야하나..

     

     

  • profile
    프렌다 2016.12.14 00:26:23
    19, 20번 줄의 {$no} 를 span 이나 font 로 감싼뒤에 style 이나 class 를 별도로 지정해주시면 됩니다.

    ex :

    <span style="color:#f3f3f3;">{$no}</span>
  • profile
    프렌다 2016.12.14 00:28:36
    그런데 우성군님 말씀처럼 모바일에서 번호를 표시하지 않는 이유는 가독성이 떨어지기도 하며..
    낙타님의 휴대폰에서는 공백이 많아 보여서 휑해 보일지언정...
    가로길이가 짧은 폰에서는 오히려 번호 때문에 글이 두줄로 나눠질수도 있습니다.
    물론 이부분은 타이틀의 글자수를 제한하면 되긴 하지만... 반드시 필요한게 아닌 번호 때문에
    제목의 일부가 잘려나가는건 바람직하지 못해보입니다.
  • ?
    낙타 2016.12.15 02:18:36
    그런것도 있겠네요~

    근데 혹시 번호 하고 띄어쓰기 가능한가요?
    너무 붙어있는거 같아서요!
  • profile
    우성군 2016.12.13 12:55:00
    근데 모바일에서 제목 앞에 번호가 붙으면 가독성이 별로더라구요.

    모바일은 최대한 구성요소가 적은게 좋아서...
  • ?
    낙타 2016.12.13 14:39:18
    너무 텅텅 빈거 같아서요 ㅠㅠ
  • profile
    우성군 2016.12.13 14:55:23
    제가 보기엔 충분해요 ㅎㅎ

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...