Themes: Modifield Xoops system comment template

Posted by: youngOn 2008/7/29 14:20:00 11148 reads
Modifield Xoops system comment template This is the modifield template of xoops system comment template. Demo: Click here Download: download

Installation ======== 1. Copy the code below to XOOPS_URL/themes/YOUR_THEME/style.css XOOPS_URL/themes/YOUR_THEME/style.css
/* xoops comment style by young */
.ncomment {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    background-image: url(images/com_bl.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.ncomment_l {
    background-image:url(images/com_l.png);
    background-position: left;
    background-repeat:repeat-y;
    background-color:#dae5e2;
    }
.ncomment_r {
    background-image:url(images/com_r.png);
    background-position: right;
    background-repeat:repeat-y;
    }
.ncomment_t {
    background-image:url(images/com_t.png);
    background-position: top;
    background-repeat:repeat-x;
    }
.ncomment_b {
    background-image:url(images/com_b.png);
    background-position: bottom;
    background-repeat:repeat-x;
    }
.ncomment_tl {
    background-image:url(images/com_tl.png);
    background-position: left top;
    background-repeat:no-repeat;
    }
.ncomment_tr {
    background-image:url(images/com_tr.png);
    background-position: right top;
    background-repeat:no-repeat;
    }
.ncomment_br {
    background-image:url(images/com_br.png);
    background-position: right bottom;
    background-repeat:no-repeat;
    }
.ncomment_user {
padding-left:15px;
padding-bottom:20px;
}
2. Copy the images to XOOPS_URL/themes/YOUR_THEME/images/ 3. Copy the code below to "Template Set Manager>>System" according to the file name given below. Download images: download system_comment.html
<div>
<div class="ncomment_l">
<div class="ncomment_t">
<div class="ncomment_r">
<div class="ncomment_b">
<div class="ncomment_tr">
<div class="ncomment_br">
<div class="ncomment_tl">
<div class="ncomment">

<a id="comment<{$comment.id}>">a>

<div class="comTitle"><{$comment.image}><{$comment.title}>div><div 

class="comText"><{$comment.text}>div>


          <{if $xoops_iscommentadmin == true}>
          <a href="<{$editcomment_link}>&com_id=<{$comment.id}>"><img 

src="<{$xoops_url}>/images/icons/edit.gif" alt="<{$lang_edit}>" />a><a href="<

{$deletecomment_link}>&com_id=<{$comment.id}>"><img src="<

{$xoops_url}>/images/icons/delete.gif" alt="<{$lang_delete}>" />a><a href="<

{$replycomment_link}>&com_id=<{$comment.id}>"><img src="<

{$xoops_url}>/images/icons/reply.gif" alt="<{$lang_reply}>" />a>

          <{elseif $xoops_isuser == true && $xoops_userid == $comment.poster.id}>

            <a href="<{$editcomment_link}>&com_id=<{$comment.id}>"><img 

src="<{$xoops_url}>/images/icons/edit.gif" alt="<{$lang_edit}>" />a><a href="<

{$replycomment_link}>&com_id=<{$comment.id}>"><img src="<

{$xoops_url}>/images/icons/reply.gif" alt="<{$lang_reply}>" />a>

          <{elseif $xoops_isuser == true || $anon_canpost == true}>

            <a href="<{$replycomment_link}>&com_id=<{$comment.id}>"><img 

src="<{$xoops_url}>/images/icons/reply.gif" alt="<{$lang_reply}>" />a>
        <{else}>
          <{/if}>
          div>
          div>
          div>
          div>
          div>
          div>
          div>
          div>
          
          
          <div class="ncomment_user"><img align="absmiddle" 

class="comUserImg" src="<{$xoops_upload_url}>/<{$comment.poster.avatar}>" 

alt="" width="35" height="35"/> <{$comment.poster.uname}>
&nbsp; &nbsp; <span class="comDateCaption"><{$lang_posted}>:span> <

{$comment.date_posted}>&nbsp;&nbsp;<span class="comDateCaption"><

{$lang_updated}>:span> <{$comment.date_modified}>div>
div>
system_comments_flat.html
<{foreach item=comment from=$comments}>
    <{include file="db:system_comment.html" comment=$comment}>
  <{/foreach}>
system_comment_thread.html
<{section name=i loop=$comments}>
<br />

  <{include file="db:system_comment.html" comment=$comments[i]}>


<{if $show_threadnav == true}>
<div style="text-align:left; margin:3px; padding: 5px;">
<a href="<{$comment_url}>"><{$lang_top}>a> | <a href="<{$comment_url}

>&com_id=<{$comments[i].pid}>&com_rootid=<{$comments[i].rootid}

>#newscomment<{$comments[i].pid}>"><{$lang_parent}>a>
div>
<{/if}>

<{if $comments[i].show_replies == true}>

<br />
<table cellspacing="1" class="outer">
  <tr>
    <th width="50%"><{$lang_subject}>th>
    <th width="20%" align="center"><{$lang_poster}>th>
    <th align="right"><{$lang_posted}>th>
  tr>
  <{foreach item=reply from=$comments[i].replies}>
  <tr>
    <td class="even"><{$reply.prefix}> <a href="<{$comment_url}>&com_id=<

{$reply.id}>&com_rootid=<{$reply.root_id}>"><{$reply.title}>a>td>
    <td class="odd" align="center"><{$reply.poster.uname}>td>
    <td class="even" align="right"><{$reply.date_posted}>td>
  tr>
  <{/foreach}>
table>

<{/if}>

<{/section}>
system_comments_nest.html
<{section name=i loop=$comments}>
<br />

  <{include file="db:system_comment.html" comment=$comments[i]}>



<{foreach item=reply from=$comments[i].replies}>
<br />
<table cellspacing="0" border="0">
  <tr>
    <td width="<{$reply.prefix}>">td>
    <td>

        <{include file="db:system_comment.html" comment=$reply}>
      
    td>
  tr>
table>
<{/foreach}>

<{/section}>