1.PNG

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

 

 

이전 질문 https://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/[email protected]" alt="comment" width="14px" height="12px" class="comment-image" /><!--@else--><img src="/images/[email protected]" 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/[email protected]" 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" />

 

  • profile

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

     

    <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/[email protected]" alt="comment" width="14px" height="12px" class="comment-image" /><!--@else--><img src="/images/[email protected]" 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/[email protected]" 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" />

     

  • profile ?

    감사합니다.

     

    2.PNG

     

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

     

     

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

    ex :

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

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

    모바일은 최대한 구성요소가 적은게 좋아서...
  • ? ?
    너무 텅텅 빈거 같아서요 ㅠㅠ
  • ?
    제가 보기엔 충분해요 ㅎㅎ