Announcements
Top posters
Light Knight (379)
 
harryumefor (15)
 
WallPoints (5)
 
Zuni Thoang (4)
 

Most active topic starters
Top posting users this week


[Code] Posting_body + Topic_list_box phutu full rip

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

avatar
Light Knight
Admin
Giới Tính : Nam Số Bài Gửi Số Bài Gửi : 379
Tài Khoản Tài Khoản : 59693
Được Cảm Ơn Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :

Tài Sản
Tài Sản: thuthoi41
Xem lý lịch thành viên http://knight.cool.st

Bài gửiLight Knight

Trước hết là Demo:
Posting: [You must be registered and logged in to see this link.]
Topic_list_box: [You must be registered and logged in to see this link.]
Demo online: Không (vì mình không muốn dùng skin phutu nữa nên ko có demo )

Mình cũng muốn share luôn viewtopic_body nhưng ngại, cho nên cứ từ từ nhé xD (chà chà nói về viewtopic_body của phutu thì mình rip mất 1 ngày và edit lại cho đẹp cả 1 tuần )
Viewtopic_body:
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
Cho mình gửi lời xin lỗi vì không hỏi ý bạn trước khi rip nhé phutu
Tui chưa chắc đã viết:
Tác giả: Phutu
Rip: DrDuyWin
Version: Punbb
Code có edit lại cho phù hợp.
Nếu ai bị lỗi đưa tớ link forum+nick test nhá hehe

Topic_list_box:

Code:
<style>
.pun img.ava_topic{width:100px;}
.pun a.ava_topic{display:inline-block;max-width:100px;max-height:60px;float:right;margin-right:3px;margin-top:-4px;margin-bottom:-5px}
.pun h2.topic-title{padding-right:5px}
.pun strong.pagination a {
background-color:#fff;
border:1px solid #999;
color:#333;
font-weight:400;
line-height:1.5em;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
font-size:11px;
margin:0 1px;
padding:0 3px 0 4px;
}
.pun .page-title a {
font: bold 11px Tahoma!important;
border: 1px solid #999;
color: #333!important;
background: #FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left;
box-shadow: 0px 1px 0px #dedade;
padding: 3px 5px;
display: inline-block;
margin: -3px 13px -2px -6px;
text-transform: none!important;

.pun .main-content table.table th {
color: #1542AB;
font: bold 12px Tahoma;
}
.pun .main-content {
background-color: #fff;
border: 1px solid #ccc;
}
.pun table td.tcl {
height: auto;
min-height: 24px;
}
.pun table.table td {
background-color: #fff;
border-color: #ccc;
}
strong.pagination span a:hover {
text-decoration:none !important;
border-color:#407294;
}

strong.pagination span.page-sep {
display:none;
}

strong.pagination span {
color:#333;
font-size:11px;
padding:5px;
}

</style>
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
 <!-- BEGIN multi_selection -->
 <script type="text/javascript">
 function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
 }
 function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
 }
 </script>
 <!-- END multi_selection -->

 <div class="main-head">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
<h1 class="page-title"><a rel="nofollow" href="/search?search_id=newposts&search_where=f{FORUM_ID}">Bài mới từ truy cập trước</a><a rel="nofollow" href="/search?search_id=egosearch&search_where=f{FORUM_ID}">Xem bài của bạn</a><a rel="nofollow" href="/search?search_id=watchsearch&search_where=f{FORUM_ID}">Bài đang theo dõi</a></h1>
<form method="get" action="/search?search_where=11" id="search" style="float:right;margin-top:-19px;margin-right:-10px">
                                                <input name="search_keywords" id="keywords1" type="text" maxlength="150"
                                                onblur="if (this.value == '') this.value = 'Tìm bài trong chuyên mục này';" onfocus="if (this.value == 'Tìm bài trong chuyên mục này') this.value = '';"
                                                value="Tìm bài trong chuyên mục này" style="background-image: url(http://i72.servimg.com/u/f72/18/42/35/47/17510.png);
background-color: rgb(255, 255, 255);
border: 1px solid rgb(141, 154, 199);
padding: 4px;
font-family: Tahoma;
width: 250px;
background-repeat: no-repeat no-repeat;
background-position: 100% 0%;">
                                            <input value="f{FORUM_ID}" name="search_where" type="hidden">                                       
                                        </form>

 </div>
 <div class="main-content">
 <table cellspacing="0" class="table">
 <thead>
 <tr>
 <th class="tcl">Thông báo và chú ý [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</th>
 <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
 <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
 <th class="tcr" style="width:20%">{topics_list_box.row.L_LASTPOST}</th>
 </tr>
 </thead>
 <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
 <!-- BEGIN table_sticky -->
 </tbody>
 </table>
 </div>

 <div class="main-head">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
 <!-- END multi_selection -->
 <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
 </div>
 <div class="main-content">
 <table cellspacing="0" class="table">
 <thead>
 <tr>
 <th class="tcl">{L_TOPICS}</th>
 <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
 <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
 <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
 </tr>
 </thead>
 <tbody class="statused">
 <!-- END table_sticky -->
 <tr>
 <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->" style="padding-top: 5px;padding-bottom: 5px;">
 <span class="status">
 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
 </span>
 <!-- BEGIN single_selection -->
 <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
 <!-- END single_selection --><span id="blog_tintuc">
<!-- BEGIN switch_description -->
<a href="{topics_list_box.row.U_VIEW_TOPIC}" class="ava_topic"><img src="{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}" class="ava_topic"></a>
 <!-- END switch_description -->
 {topics_list_box.row.ICON}
 {topics_list_box.row.NEWEST_POST_IMG}
 <span style="margin: 10px 10px 10px 10px;float:right">{topics_list_box.row.PARTICIPATE_POST_IMG} </span>
                                  <strong style="background-image: url(http://i.imgur.com/EHGpChd.png);background-color: rgb(123, 166, 13);display: inline-block;height: 16px;line-height: 16px;padding: 0 5px;font-size: 9px;font-weight: bold;text-transform: uppercase;text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-repeat: repeat-x;background-position: 0 -1px;color: rgb(255, 255, 255);">{topics_list_box.row.TOPIC_TYPE}</strong>
 <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></span><br>
 {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
 {topics_list_box.row.GOTO_PAGE_NEW} 
 </td>
 <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
 <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
 <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->" style="color:#545454;font-size:12px">{topics_list_box.row.LAST_POST_TIME} <br>{topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
 <!-- BEGIN multi_selection -->
 <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
 <!-- END multi_selection -->
 </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
 <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
 </tbody>
 </table>
 </div>
 <div class="main-foot clearfix">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
 <p class="options">
 <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
 </p>
 </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
Posting_body:
Code:

<script src="{JS_DIR}extendedview.js" type="text/javascript"></script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
 <ul>
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
 </ul>
 <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
 <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs">
 <p class="crumbs">
 <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong>{L_NEW_OR_EDIT_POST}</strong>
 </p>
</div>

{ERROR_BOX}

<div class="main">
<form action="{S_POST_ACTION}" class="frm-form" method="post" name="post" enctype="multipart/form-data">

{POST_PREVIEW_BOX}

<!-- BEGIN switch_forum_rules -->
<div id="forum_rules">
 <div class="main-head clearfix">
 <p class="h2">{L_FORUM_RULES}</p>
 </div>
 <table class="main-content frm">
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules entry-content">
 {RULE_MSG}
 </td>
 </tr>
 </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_quote_limit -->
<div class="main">
 <div class="main-head"></div>
 <div class="main-content warning">
 <p class="center">{switch_quote_limit.L_QUOTE_LIMIT_WARNING}</p>
 <br />
 </div>
</div>
<!-- END switch_quote_limit -->

<div class="main-head clearfix">
 <p class="h2"><!-- BEGIN switch_post_a -->{L_POST_A}<!-- END switch_post_a --></p>
 <p class="options">
 <a class="exthelp" title="{L_HELP}" href="http://{URL_FORUM}{U_FAQ}" target="_blank">{L_BBCODE_GUIDE}</a>
 </p>
</div>

<div class="main-content frm">
 <fieldset class="frm-set multi">
 <!-- BEGIN switch_username_select -->
 <dl>
 <dt><label>{L_USERNAME}</label></dt>
 <dd><input type="text" name="username"  maxlength="8" value="{USER[b][/b]NAME}" /></dd>
 </dl>
 <!-- END switch_username_select -->

 <!-- BEGIN switch_reasons -->
 <dl>
 <dt><label>{L_REASON}</label></dt>
 <dd>{REASON_NEW}</dd>
 </dl>
 <!-- END switch_reasons -->

 <!-- BEGIN switch_privmsg -->
 <dl>
 <dt><label>{L_USERNAME}</label></dt>
 <dd>
 <!-- BEGIN switch_username -->
 <input style="margin-top:2px" type="text" name="username[]" value="{switch_privmsg.switch_username.USERNAME}" /><br />
 <!-- END switch_username -->
 <input style="margin-top:2px" type="text" id="username" name="username[]" value="{USER[b][/b]NAME}" tabindex="1" />
 <img id="add_username" src="{ADD_USERNAME_IMG}" class="selectHover" alt="" />
 <input type="button" id="find_user" value="{L_FIND_USERNAME}" />
 </dd>
 </dl>
 <!-- BEGIN switch_privmsg_friend -->
 <dl>
 <dt><label>{switch_privmsg.switch_privmsg_friend.L_OR_FRIEND}</label></dt>
 <dd>{switch_privmsg.switch_privmsg_friend.FRIEND_PM}</dd>
 </dl>
 <!-- END switch_privmsg_friend -->
 <!-- BEGIN switch_privmsg_group -->
 <dl>
 <dt><label>{switch_privmsg.switch_privmsg_group.L_OR_GROUP}</label></dt>
 <dd>{switch_privmsg.switch_privmsg_group.MASS_PM}</dd>
 </dl>
 <!-- END switch_privmsg_group -->
 <!-- END switch_privmsg -->

 <!-- BEGIN switch_icon_checkbox -->
 <dl>
 <dt style="padding-top:14px"><label>{L_ICON_TITLE}</label></dt>
 <dd>
 <!-- BEGIN row -->
 <!-- BEGIN cell -->
 <label style="vertical-align:bottom">

 <input type="radio" name="post_icon" tabindex="2" value="{switch_icon_checkbox.row.cell.ICON_ID}" {switch_icon_checkbox.row.cell.ICON_CHECKED} id="post_icon_{switch_icon_checkbox.row.cell.ICON_ID}" />
 <span onclick="document.forms['post'].post_icon_{switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_icon_checkbox.row.cell.ICON_IMG}</span>
 </label> 
 <!-- END cell -->
 <!-- END row -->
 </dd>
 </dl>
 <!-- END switch_icon_checkbox -->
<dl style="border:1px solid #b0b0b0;background:#edf2f7 url(http://i80.servimg.com/u/f80/16/18/15/10/176.png)repeat-x top left;padding-left:10px;margin-bottom:5px;margin-right:-1px"><dd class="frm-input" style="width:100%"><input type="text" name="subject" value="" maxlength="150" title="The length of the title for this topic must be ranging between 5 and 150 characters" onkeypress="if (event.keyCode==13){return false}" placeholder="Tiêu đề bài viết : " style="float: left; width: 600px; padding: 10px; border: 1px solid rgb(176, 176, 176); background-image: none; background-position: 0% 0%; background-repeat: repeat repeat;"></dd></dl>
          <dd class="frm-input" id="fieldset_left" style="margin-top:-16px"><a href="javascript:void(0)" onclick="window.open('/h1-upload','welcome','width=400,height=300,left=400,top=200,screenX=10,screenY=100')"><img src="http://i72.servimg.com/u/f72/16/18/15/10/17210.png" style="display:inline-block;margin-left:8px;position:relative;margin-bottom:-23px;margin-top:13px"></a><input type="text" name="description" value="" maxlength="255" onkeypress="if (event.keyCode==13){return false}" placeholder="URL ảnh đại diện" style="border: 1px solid rgb(176, 176, 176); font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: Tahoma; padding: 8px 30px; width: 690px; margin-right: -7px; background-image: url(http://i80.servimg.com/u/f80/16/18/15/10/114.png); background-color: rgb(247, 243, 239); background-position: 0% 0%; background-repeat: repeat no-repeat;"></dd>
 

         
<div id="text_editor_select_controls">
 <div class="left"><span id="helpbox" class="helpline"></span></div> <!-- must enclose helpbox in a floating div for ie bug -->
 <div class="clear"></div>

 <div id="textarea_content" class="posting-block" style="">
 

<dd class="frm-textarea">
 <textarea id="text_editor_textarea" onclick="storeCaret(this)" rows="15" cols="9" onkeyup="storeCaret(this)" name="message" tabindex="3" onselect="storeCaret(this)" wrap="virtual" style="width:98%">{MESSAGE}</textarea><br />
 </dd>
<iframe id="chatbox_top" src="/h9-page" style="margin-top: -14px;height: 50px;border: 1px solid #b0b0b0;border-top: 0px;overflow: hidden;background: #f2f2f2;padding: 5px;"></iframe>
                 

 <!-- BEGIN edit_reason -->
 <br />
 <dl>
 <dt><label><span style="font-size:11px">{edit_reason.L_EDIT_REASON}</span></label></dt>
 <dd><input class="inputbox medium" style="width:63%" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255"></dd>
 </dl>
 <!-- END edit_reason -->
 </div>
 <div id="smiley-box">
 <div id="smileyContainer">
 {L_SMILIES_PREVIEW_NEW}
 </div>
 </div>
                 
 

<fieldset class="frm-set">
 <dl>
 <dt>{L_INFORMATION}</dt>
 <dd>{HTML_STATUS}<br />
 {BBCODE_STATUS}<br />
 {SMILIES_STATUS}
 </dd>
 </dl>

 <div class="frm-buttons">
 {S_HIDDEN_FORM_FIELDS}
 <input type="hidden" name="lt" value="{LAST_TOPIC_ID}" />
 <!-- BEGIN switch_preview -->
 <input type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" />
 <!-- END switch_preview -->
 <!-- BEGIN switch_draft -->
  <input type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" />
 <!-- END switch_draft -->
 <!-- BEGIN switch_publish -->
  <input type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />
 <!-- END switch_publish -->
  <input type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
 </div>
 </fieldset>
</div>

<div class="main">
 <!-- BEGIN switch_roll_dice -->
 <div class="main-head clearfix">{ROLL_DICE_TITLE}</div>
 <div class="main-content frm">
 <script type="text/javascript">
 function add_dice(dice_number,dice,number)
 {
 var content = document.getElementById('post_dice').innerHTML;
 document.getElementById('dice_to_del').innerHTML = '';
 document.getElementById('dice_to_del').id = '';

 var new_tr = document.createElement('tr');
 new_tr.appendChild(document.createElement('td'));
 new_tr.firstChild.innerHTML = '{ROLL_DICE_TITLE_LOW} #' + (dice_number + 1) + ' : <select name="post_dice_' + dice_number + '" id="post_dice_' + dice_number + '" value="' + dice + '">' + content + '</select> <label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_' + dice_number + '" id="nb_rolls" value="' + number + '" /> <span id="dice_to_del"><a href="javascript:add_dice(' + (dice_number + 1) + ',\'\',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>';
 document.getElementById('list_dice').lastChild.appendChild(new_tr);

 var select_dice = document.getElementById('post_dice_' + dice_number);
 if ( dice == '' )
 {
 select_dice.selectedIndex=0;
 }
 for ( var i = 1; select_dice.options[i]; i++ )
 {
 select_dice.options[i].selected = ( select_dice.options[i].value == dice );
 }
 }
 </script>
 <table style="width:100%" id="list_dice"><tr><td>
 {ROLL_DICE_TITLE_LOW} #1 :
 <select name="post_dice_0" id="post_dice">
 <option value="">-</option>
 <!-- BEGIN row_replace -->
 <option value="{switch_roll_dice.row_replace.DICE_ID}"{switch_roll_dice.row_replace.DICE_SELECTED}>{switch_roll_dice.row_replace.DICE_NAME}</option>
 <!-- END row_replace -->
 </select>
  <label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_0" id="nb_rolls" value="{switch_roll_dice.S_DICE_ROLLS_VALUE}" />
  <span id="dice_to_del"><a href="javascript:add_dice(1,'',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>
 </td></tr>
 </table>
 {switch_roll_dice.DICE_SCRIPT}
 </div>
 <!-- END switch_roll_dice -->

 <!-- BEGIN switch_attachment_list -->
 <div class="main-head clearfix">
 <p class="h2">{L_ATTACHMENTS}</p>
 </div>
 <div class="main-content frm">
 <fieldset class="frm-set multi">
 <!-- BEGIN attachments -->
 <dl>
                <dt><label>{L_ATTACHMENT_FILENAME}</label></dt>
                <dd>
                    <!-- BEGIN switch_is_orphan -->
        <span class="gen">{switch_attachment_list.attachments.switch_is_orphan.FILENAME}</span> 
                    <!-- END switch_is_orphan -->
                    <!-- BEGIN switch_is_not_orphan -->
        <a href="{switch_attachment_list.attachments.switch_is_not_orphan.U_ATTACH_URL}" class="gen">{switch_attachment_list.attachments.switch_is_not_orphan.FILENAME}</a> 
                    <!-- END switch_is_not_orphan -->
        <input class="liteoption" type="submit" value="{L_ATTACHMENT_DELETE}" name="delete_file[{switch_attachment_list.attachments.ATTACH_POS}]" />
                </dd>
    <dt><label for="filecomment{switch_attachment_list.attachments.ATTACH_POS}">{L_ATTACH_COMMENT}</label></dt>
    <dd class="frm-input">
        <!--textarea name="comment_list[{switch_attachment_list.attachments.ATTACH_POS}]" cols="35" rows="3" style="color:#000000;width:100%">{switch_attachment_list.attachments.ATTACH_COMMENT}</textarea><br /-->
        <input type="text" id="filecomment{switch_attachment_list.attachments.ATTACH_POS}" name="comment_list[{switch_attachment_list.attachments.ATTACH_POS}]" value="{switch_attachment_list.attachments.ATTACH_COMMENT}" maxlength="255" />
        <input type="hidden" value="{switch_attachment_list.attachments.ATTACH_ID}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][attach_id]" />
        <input type="hidden" value="{switch_attachment_list.attachments.IS_ORPHAN}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][is_orphan]" />
        <input type="hidden" value="{switch_attachment_list.attachments.REAL_FILENAME}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][real_filename]" />
        <input type="hidden" value="{switch_attachment_list.attachments.ATTACH_COMMENT}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][attach_comment]" /><br /><br />
    </dd>
 </dl>
 <!-- END attachments -->
 </fieldset>
 </div>
 <!-- END switch_attachment_list -->

 <!-- BEGIN switch_attachment -->
 <div class="main-head clearfix">
 <p class="h2">{L_ATTACHMENT_ADD}</p>
 </div>
 <div class="main-content frm">
 <fieldset class="frm-set multi">
 {L_ATTACHMENT_ADD_HELP}<br /><span class="info">{EXT_LIST}</span><br /><br />

 <dl>
 <dt><label for="fileupload">{L_ATTACHMENT_FILENAME}</label></dt>
 <dd><input type="file" id="fileupload" name="fileupload" /><input type="submit" name="add_file" /> ({L_MAX_ATT_SIZE})</dd>
 </dl>

 <dl>
 <dt><label for="filecomment">{L_ATTACH_COMMENT}</label></dt>
 <dd class="frm-input"><input type="text" id="filecomment" name="filecomment" value="" maxlength="255" /></dd>
 </dl>
 </fieldset>
 </div>
 <!-- END switch_attachment -->

 <div class="main-head clearfix">
 <p class="h2">{L_OPTIONS}</p>
 </div>

 <div class="main-content frm">
 <fieldset class="frm-set multi">
 <!-- BEGIN switch_html_checkbox -->
 <label><input type="checkbox" name="disable_html"{S_HTML_CHECKED} /> {L_DISABLE_HTML}</label><br />
 <!-- END switch_html_checkbox -->

 <!-- BEGIN switch_bbcode_checkbox -->
 <label><input type="checkbox" name="disable_bbcode"{S_BBCODE_CHECKED} /> {L_DISABLE_BBCODE}</label><br />
 <!-- END switch_bbcode_checkbox -->

 <!-- BEGIN switch_smilies_checkbox -->
 <label><input type="checkbox" name="disable_smilies"{S_SMILIES_CHECKED} /> {L_DISABLE_SMILIES}</label><br />
 <!-- END switch_smilies_checkbox -->

 <!-- BEGIN switch_signature_checkbox -->
 <label><input type="checkbox" name="attach_sig"{S_SIGNATURE_CHECKED} /> {L_ATTACH_SIGNATURE}</label><br />
 <!-- END switch_signature_checkbox -->

 <!-- BEGIN switch_notify_checkbox -->
 <label><input type="checkbox" name="notify"{S_NOTIFY_CHECKED} /> {L_NOTIFY_ON_REPLY}</label><br />
 <!-- END switch_notify_checkbox -->

 <!-- BEGIN switch_delete_checkbox -->
 <label><input type="checkbox" name="delete" /> {L_DELETE_POST}</label><br />
 <!-- END switch_delete_checkbox -->

 <!-- BEGIN switch_type_toggle -->
 <br />{S_TYPE_TOGGLE}
 <!-- END switch_type_toggle -->
 </fieldset>

 <!-- BEGIN switch_topic_modif -->
 <fieldset class="frm-set">
 <!-- BEGIN switch_icon_checkbox -->
 <dl>
 <dt><label>{POST_ICON_TITLE}</label></dt>
 <dd>
 <!-- BEGIN row -->
 <!-- BEGIN cell -->
 <label style="vertical-align:top">
 <input type="radio" name="post_icon" value="{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" id="post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" {switch_topic_modif.switch_icon_checkbox.row.cell.ICON_CHECKED} /> <span onclick="document.forms['post'].post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_IMG}</span>
 </label>
 <!-- END cell -->
 <!-- END row -->
 </dd>
 </dl>
 <!-- END switch_icon_checkbox -->
 <dl>
 <dt><label for="modif_topic_title">{L_TOPIC_TITLE_MODIFY}</label></dt>
 <dd>
 <input type="text" name="modif_topic_title" id="modif_topic_title" value="{MODIF_TOPIC_TITLE}" maxlength="{TOPIC_TITLE_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
 <!-- BEGIN switch_topic_button -->
  <input type="button" value="{L_SOLVED_WITHOUT_BRAKETS}" onclick="set_solved(this.form.elements['modif_topic_title'],'{L_SOLVED}')" style="display:none" id="button_solved" />
 <script type="text/javascript">
 //<![CDATA[
 document.getElementById('button_solved').style.display = 'inline';
 //]]>
 </script>
 <!-- END switch_topic_button -->
 </dd>
 </dl>
 </fieldset>
 <!-- END switch_topic_modif -->
 </div>

 <!-- BEGIN switch_type_cal -->
 <div class="main-head clearfix">
 <p class="h2">{L_CALENDAR}</p>
 </div>

 <div class="main-content frm">
 <fieldset class="frm-set">
 <dl>
 <dt><label>{L_CALENDAR_TITLE} :</label></dt>
 <dd>
 {S_CALENDAR_DAY} {S_CALENDAR_MONTH} {S_CALENDAR_YEAR}
 <a href="javascript:void(0)" style="font-style:normal;font-weight:normal" onclick="document.post.topic_calendar_day.value={TODAY_DAY};document.post.topic_calendar_month.value={TODAY_MONTH};document.post.topic_calendar_year.value={TODAY_YEAR}">{L_TODAY}</a>
 </dd>
 </dl>
 <dl>
 <dt><label>{L_TIME} :</label></dt>
 <dd>
 <input name="topic_calendar_hour" type="text" maxlength="2" value="{CALENDAR_HOUR}" /> {L_HOURS} 
 <input name="topic_calendar_min" type="text" maxlength="2" value="{CALENDAR_MIN}" /> {L_MINUTES}
 </dd>
 </dl>
 <dl>
 <dt><label>{L_CALENDAR_DURATION} :</label></dt>
 <dd>
 <input name="topic_calendar_duration_day" type="text" maxlength="5" value="{CALENDAR_DURATION_DAY}" /> {L_DAYS} 
 <input name="topic_calendar_duration_hour" type="text" maxlength="5" value="{CALENDAR_DURATION_HOUR}" /> {L_HOURS} 
 <input name="topic_calendar_duration_min" type="text" maxlength="5" value="{CALENDAR_DURATION_MIN}" /> {L_MINUTES}
 <input name="create_event" type="hidden" value="{CREATE_EVENT}" />
 <input name="calendar_d" type="hidden" value="{CALENDAR_D}" />
 </dd>
 </dl>
 </fieldset>
 </div>
 <!-- END switch_type_cal -->
{POLLBOX}
</form>
{TOPIC_REVIEW_BOX}
</div>

<!-- BEGIN switch_privmsg -->
<div id="find_username" class="jqmWindow"></div>

<script src="{JS_DIR}jquery/jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_privmsg -->
<script type="text/javascript">
//<![CDATA[
$(function(){
<!-- BEGIN switch_privmsg -->
 privmsg_add_username('{U_SEARCH_USER}', '<br /><input style="margin-top:2px" type="text" name="username[]" />');
<!-- END switch_privmsg -->
<!-- BEGIN switch_image_resize -->
    resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} });
<!-- END switch_image_resize -->
});
//]]>
</script>

{SCEDITOR}
   
<style type="text/css">html body .v80c4ec,html body .v80c4ec iframe,html body iframe[name="google_ads_frame"],html body .v80c4ec iframe[name="google_ads_frame"],html body #wrap #page-body div.v80c4ec,html body #page-body .v80c4ec{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .v80c4ec,html body .v80c4ec iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .v80c4ec iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style>
<style>
 
  #smiley-box {
display:none;
}
  ul.profile_field_list li{float:left;}.content:hover .delete{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;-khtml-opacity:1.0;}.delete:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;-khtml-opacity:1.0;background: url(http://i80.servimg.com/u/f80/16/18/15/10/221.png)no-repeat!important;}.delete {filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;-khtml-opacity:0.1;background: url(http://i80.servimg.com/u/f80/16/18/15/10/173.png)no-repeat!important;}#fa_hide,#fa_icon,#fa_service,#fa_search, #fa_share {display: none !important;}#notif_unread {display:inline-block;color:#000;font:bold 11px Arial;margin-left:2px !important;}#notif_list li:nth-of-type(1) .content {margin-top:-38px!important;display:inline-block!important;padding-top:45px!important;background:url(http://i73.servimg.com/u/f73/17/98/19/05/141.png)no-repeat 142px top!important;}#fa_toolbar #live_notif {position:fixed!important;bottom:20px!important;top:inherit!important;right:inherit!important;margin-left:205px;}.fa_notification {background-color:#e4e8f0!important;border:1px solid #93aac9;border-radius:0!important;}.content {color:#333!important;}#fa_menulist {background:#FFF url(http://i73.servimg.com/u/f73/17/98/19/05/134.png)no-repeat top right;width:50px!important;left:inherit!important;min-height:230px!important;}#notif_list {width:330px!important;background:#FFF url(http://i73.servimg.com/u/f73/17/98/19/05/151.png)no-repeat top left!important;left:inherit!important;border:1px solid #bfbfbd!important;padding:4px 0 0!important;padding-top:27px!important;box-shadow: 0px 0px 4px #b0b0b0;}#notif_list li {padding:0!important;}.contentText {padding:2px 5px!important;}.content hr {border-top:1px solid #e8e8e8!important;}li.see_all {text-align:center!important;background-color:#f5f5f5!important;background-image:url(http://i74.servimg.com/u/f74/16/18/15/10/196.png);background-repeat:repeat-x;background-position:bottom top!important;}#fa_menulist img {border:1px solid #b0b0b0;padding:2px;}li.see_all a {font-size:0;padding-bottom:-4px!important;}.unread .content,.content:hover {background-color:#f5f5fa!important;}#fa_right.notification > #fa_notifications {background:url(http://i73.servimg.com/u/f73/17/98/19/05/148.png)no-repeat!important;}li.see_all a:before {content:"Xem tất cả";font:bold 11px Arial;color:#333;}#fa_notifications {padding-left:15px!important;font-size:0;width:16px!important;height:16px!important;  margin-top:8px;margin-left:4px!important;;background:url(http://i35.servimg.com/u/f35/16/18/15/10/189.png)no-repeat!important;}#fa_right #fa_welcome:hover,a#fa_welcome {font-size:0!important;width:130px;height:30px;overflow:hidden;border:1px solid transparent;border-bottom:0px;}#fa_right {margin-right:975px;float:inherit!important;text-align:left;width:200px!important;margin-top:5px;}#fa_right.welcome #fa_menu a#fa_welcome {font-size:12px!important;border:1px solid #333;border-bottom:0;font-weight:bold;padding-left:11px!important;width:124px!important;}#fa_toolbar {height:0px!important;text-align:center;background:none!important;margin:0px!important;margin-left:-6px!important;z-index:99!important;min-width:1200px;}#fa_toolbar #live_notif .fa_notification a {color:#000!important;font-weight:700;text-decoration:none!important;}</style>
            <style type="text/css">
 .sceditor-button-emoticon div { background: url('http://illiweb.com/fa/i/smiles/icon_smile.gif'); background-repeat: no-repeat;}
 .sceditor-button-dailymotion div{ background: url('http://illiweb.com/rsc/75/frm/SCEditor/src/themes/icons/src/famfamfam/dailymotion.png');}
 .sceditor-button-flash div { background: url('http://illiweb.com/fa/wysiwyg/page_white_flash.png'); }
 .sceditor-button-servimg div { background: url('http://illiweb.com/fa/wysiwyg/picture_save.png'); }
 .sceditor-button-faspoiler div { background: url('http://illiweb.com/rsc/75/frm/SCEditor/src/themes/icons/src/famfamfam/faspoiler.png'); }
 .sceditor-button-fahide div { background: url('http://illiweb.com/rsc/75/frm/SCEditor/src/themes/icons/src/famfamfam/fahide.png'); }
 .sceditor-button-fascroll div { background: url('http://illiweb.com/rsc/75/frm/SCEditor/src/themes/icons/src/famfamfam/scroll.png'); }
 .sceditor-button-faupdown div { background: url('http://illiweb.com/rsc/75/frm/SCEditor/src/themes/icons/src/famfamfam/updown.png'); }
 .sceditor-button-fawow div { background: url('http://illiweb.com/rsc/75/frm/SCEditor/src/themes/icons/src/famfamfam/wow.png'); }
 .sceditor-button-farand div { background: url('http://illiweb.com/rsc/75/frm/SCEditor/src/themes/icons/src/famfamfam/rand.png'); }
 .sceditor-button-faroll div { background: url('http://illiweb.com/rsc/75/frm/SCEditor/src/themes/icons/src/famfamfam/roll.png'); }
 .sceditor-button-more div { background: url('http://illiweb.com/rsc/75/frm/SCEditor/src/themes/icons/src/famfamfam/dotdotdot.png'); }
</style>
            <style>.avatar_top img {width:45px;height:45px;}.pun .name1 {display:inline-block;margin-left:63px;margin-top:7px;width:65px;padding-right:6px;height:15px;overflow:hidden;font:bold 12px Tahoma;}.pun .tin_nhan dt a {font:11px Tahoma;display:inline-block;width:140px;color:#000;margin-bottom:1px;margin-left:3px;padding:3px 8px 1px 30px;}.tin_nhan dt a:hover {background-color:#d4d4d4;}.tin_nhan {margin-top:-2px;}.tin_nhan dt span {display:inline-block;margin-right:4px;border:1px solid #bf311f;border-radius:2px;background-color:#f03c24;color:#FFF;font:bold 11px Tahoma;float:right;padding:0 2px;}#fa_menulist li a {font-size:13px}#fa_menulist li a[href*="sta"],#fa_menulist li a[href*="spa"],#fa_menulist li:nth-of-type(1) a[href*="u"],#fa_menulist a[href*="privmsg?folder=inbox"]{font-size:0px}#fa_menulist li:nth-of-type(1) a[href*="u"]:before {content:"Xem lý lịch";font-size: 13px;float:left;}#fa_menulist li a[href*="spa"]:before {content:"Xem lại bài đã viết";font-size: 13px;float:left;}#fa_menulist li a[href*="sta"]:before {content:"Xem lại chủ đề đã đăng";font-size: 13px;float:left;}#fa_menulist a[href*="privmsg?folder=inbox"]:before {content:"Tin nhắn riêng của tôi";font-size: 13px;}#fa_menulist li:nth-of-type(6) {display:none}.pun a.xem_them {color:#333;float:right;font:bold 10px Arial;margin-right:10px;margin-top:1px;}.muc_luc {height:113px;overflow:hidden;width:183px;padding-left:15px;margin-left:-8px;margin-top:4px;}.tin_nhan b {text-transform:uppercase;font:bold 11px Tahoma;display:inline-block;color:#1a4a8c;float:left;}.tin_nhan img {float:left;margin-left:-22px;margin-top:-1px;margin-bottom:1px;}.tin_nhan dd {background:rgb(231,231,231) url(http://i80.servimg.com/u/f80/16/18/15/10/1115.png)repeat-x top left;height:13px;border-left:3px solid #437df0;border-top:1px solid #bdbfbd;border-bottom:1px solid #bdbfbd;margin:4px 2px 4px -12px;padding:3px 3px 3px 25px;}</style>
            <style>.pun .icon_down {filter:alpha(opacity=80);-moz-opacity:1.0;opacity:1.0;-khtml-opacity:1.0;border:1px solid #b0b0b0;margin:10px -12px 0px 16px;-moz-border-radius: 2px;border-radius: 2px;background-color:#FFF;padding:2px;}#bam1 span.ten1{display:none;color:#FFF;font:bold 11px Arial;}#bam1:hover span.ten1{display:inline-block;padding:4px 10px;position: absolute;margin-left:28px;background:#000;margin-top:-2px;width:105px}#bam1 span.ten1 img{float:left;margin-left:-14px;margin-top:2px}.ads_pt {background: url(http://i35.servimg.com/u/f35/16/18/15/10/148.png)no-repeat;width:20px;height:20px}</style>
            <script type="text/javascript">//<![CDATA[
$(function () {$('#fieldset_left input[name=description]').bind('VerifInput', function () {$(this).find('~ img').remove();var url = $(this).val();$(this).after(new RegExp('^(https?|ftps?)://.+/.+\.(jpe?g|gif|png)$').test(url) ? '<img src="' + url + '" alt="" class=load123 title="" />' : '');}).change(function () {$(this).trigger('VerifInput');}).keyup(function () {$(this).trigger('VerifInput');}).focus(function () {$(this).trigger('VerifInput');}).trigger('VerifInput');})//]]>  </script><script type="text/javascript">$(function () {$("#text_editor_textarea").length && ($(window).on("beforeunload", function () {  if ($(".sceditor-container textarea").val().replace(/\s/g,'').length || $(".sceditor-container iframe").contents().find("body").text().replace(/\s/g,'').length) return "Bài viết của bạn chưa được lưu."}), $("form[name='post']").submit(function () {  $(window).off("beforeunload")}));});$(function() {$.sceditor.locale["vi"] = {"Bold" : "In đậm","Italic" : "In nghiêng","Underline" : "Gạch chân","Strikethrough" : "Gạch ngang","Align left" : "Căn trái","Center" : "Căn giữa","Align right" : "Căn phải","Justify" : "Căn đều","Bullet list" : "Tạo danh sách","Numbered list" : "Thứ tự","Insert a horizontal rule" : "Tạo đường thẳng","Insert a Quote" : "'Trích dẫn'","Code" : "Mã ","Spoiler" : "Ẩn nội dung","Hidden" : "Hide , trả lời mới thấy","Insert a table" : "Tạo bảng","Host an image" : "Tải ảnh lên","Insert an image" : "Chèn ảnh","Insert a link" : "Chèn đường dẫn","Insert a YouTube video" : "Chèn Youtube video","Insert a Dailymotion Video" : "Chèn Dailymotion Video","flash" : "flash","Font Size" : "Cỡ chữ","Font Color" : "Màu chữ","Font Name" : "Kiểu chữ","Remove Formatting" : "Xóa tất cả định dạng chữ","Subscript" : "Mô tả dưới","Superscript" : "Mô tả trên","Horizontal scrolling" : "Cuộn ngang","Vertical scrolling" : "Cuộn dọc","Random" : "Số ngẫu nhiên","Dices roll" : "Súc sắc","Insert an emoticon" : "Hình vui","Insert current date" : "Ngày hiện tại","Insert current time" : "Thời gian hiện tại","Paste Text" : "Dán văn bản","Switch Editor Mode" : "Chức năng  WYSIWYG","More" : "Mở/Tắt các nút phụ khác","Insert" : "Tạo","URL:" : "Đường dẫn ","Invalid YouTube video" : "Youtube video vô hiệu","Author (optional)" : "Tác giả (Không bắt buộc)","Title (optional)" : "Tiêu đề (Không bắt buộc)","Border:" : "Viền (px)","Cols:" : "Cột","Rows:" : "Hàng","Width (optional):" : "Rộng (Không bắt buộc)","Height (optional):" : "Cao (Không bắt buộc)","Description (optional):" : "Mô tả (Không bắt buộc)","Paste your text inside the following box:" : "Dán văn bản vào dưới đây",dateFormat: "day - month - year"};});</script><script>$(window).load(function(){$(".sceditor-button.sceditor-button-servimg").click(function(){$(".sceditor-imgshack p").html("<p><iframe class='imageshackiframe' src='/h37-' scrolling='no' allowtransparency='true' frameborder='0' width=500 height=220>Update your browser for ImageShack.us!</iframe></p>")})});</script><script src="http://illiweb.com/rsc/75/frm/extendedview.js" type="text/javascript"></script><style>.pun .frm-input select{border:1px solid #b0b0b0;padding:11px 5px;border-left:0px}.multi input[value="3"]{display:none}#a123 input[value="3"]{display:inline-block}.sceditor-container,#textarea_content{width:100%!important}.frm-form textarea,.frm-form iframe{width:calc(100% - 10px)!important}.frm-form [class|="sceditor"]{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;border-radius:0!important;text-align:left}.sceditor-color-option:hover:after{width:20px;height:20px;display:block;background:inherit;content:" ";position:absolute;top:-24px;left:2px;border:1px solid #FFF}.sceditor-group,#pun-qpost .main-content.frm{border:1px solid #D1D1D1!important}.pun img.load123{float:right;width:90px;height:34px;border:1px solid #ccc;margin-top:-82px;background:#FFF;padding:2px;margin-right:-125px}.pun .frm-set.multi dl dd#a123,.pun .frm-set.multi dl dd.frm-input{float:left;margin-left:-6px}.pun .frm-set.multi dl dd.frm-input input{padding:3px 10px;color:#333;font:bold 15px Tahoma}.pun #format-buttons{border:1px solid #b0b0b0;padding:2px;width:746px;display:inline-block;margin-left:10px;margin-bottom:-5px;border-bottom:1px solid #d4d4d4;background:#f2f2f2;}.pun #text_editor_controls{margin-left:-10px;margin-bottom:4px}.pun #text_editor_iframe{width:750px !important;height:300px;}</style>
Thay /h9-page thành trang emoticons của bạn
Còn của mình là thế này:
[You must be registered and logged in to see this link.]

Cho 1 cú vote thay cho lời cảm ơn suông đấy

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

Share this post on: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết