|
Tiêu đề: [Code] Viewtopic Style FM | |
| | Demo :Thay thế toàn bộ code trong Viewtopic_body bằng code sau : - Code:
-
<script type="text/javascript">//<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ _atc.cwait = 0; $('.addthis_button').mouseup(function(){ if ($('#at15s').css('display') == 'block') { addthis_close(); addthis_close(); } }); }); //]]> </script> <style> .pun .topic { background: transparent; border: none; } .pun .post .user { float: left; position: relative; padding: 2px 10px 5px; font-size: 11px; display: block; clear: both; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #97A4C2; width: 14em; margin: 5px; background: #FAFAFA none; margin-left: -18em; overflow: visible; } .postbody { padding: 0 10px; } .pun .post .user .arrow { width: 10px; height: 21px; float: right; background: url(http://www.thoitrangsi.com/styles/plus/post_arrow.png) no-repeat; margin-top: 30px; z-index: 10; position: absolute; right: -10px; } .pun .postmain { margin-left: 17em; color: #3e3e3e; border: 1px solid #97A4C2; background: rgb(255, 255, 255) none; border-radius: 3px; } .pun .posthead { background-color: #F1F3F8; border-bottom: 1px solid #97A4C2; padding: 10px 10px 10px 0; border-radius: 3px 3px 0 0; } .posthead h2 { font: normal 12px Tahoma,Calibri,Verdana,Geneva,sans-serif; color: rgb(99, 95, 95); } #pun-qpost .main-head, fieldset.frm-set dl dt { display: none; } #pun-qpost { border: 1px solid #c4cde0 !important; border-radius: 3px; background: #fff; } #quick_reply .frm-buttons { padding: 0; border: 1px solid #b4bbcd; background-color: #f2f2f2; border-top: 1px solid #e6e6e6; height: 30px; margin: 0; width: 773px; line-height: 30px; text-align: right; } fieldset.frm-set dl dd, #text_editor_textare { margin: 0 !important; padding: 0 !important; } #text_editor_textarea { padding: 10px; border-radius: 0; border-bottom: 0; border-color: #b4bbcd; width: 753px !important; margin-bottom: 0px !important; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; } .frm-buttons input[value="Send"] { font-size: 1em; line-height: 1.2; margin-right: 1em; overflow: visible; padding: 1px .5em 2px; vertical-align: middle; background-color: #5b74a8; border: 1px solid; border-color: #29447e #29447e #1a356e; box-shadow: 0 1px 0 rgba(0, 0, 0, .1); cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; line-height: 13px; color: #fff; padding: 2px 16px; } input[name="preview"] { padding: 4px 13px; border: none; display: inline-block; position: relative; } input[name="preview"]:hover { background-color: #eee; border: 1px solid #999; border-bottom-color: #888; box-shadow: 0 1px 0 rgba(0, 0, 0, .1); padding: 2px 12px; } .dd-textarea::before { background: none; content: " "; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 6px solid #b4bbcd; z-index: 8; position: relative; border-top: 0px !important; margin-top: -5px; float: left; margin-left: 20px; } .dd-textarea::after { background: none; content: " "; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 6px solid #fff; position: absolute; border-top: 0px !important; margin-top: -5px; z-index: 10; margin-left: -755px; } button.button2, input.button2 { background: none; border: none; padding: 4px 7px; margin: 0; } button.button2:hover, input.button2:hover { color: #133783; background: #f1f1f1; border: none; } .main .main-content.frm, .pun .frm-form { background-color: #fff; border: none; } fieldset.frm-set { border: none; margin: 8px; padding: 0; width: 776px !important; } .postfoot { margin-left: 0; } .pun .post { border: none; padding-bottom: 15px; } .pun .posthead h2 strong::before { content: "#"; margin-right: 2px; } .user-basic-info a img { -webkit-border-radius: 4px; border-radius: 4px; border: solid 1px #AEAEAE; padding: 2px; max-width: 120px; }.user-basic-info { text-align: center; } .pun .user-ident .username { display: block; position: relative; text-align: center; padding-top: 5px; }.pun .main .options { display: block; float: none; } </style><p class="posting" style="float: none;margin-bottom: 5px;"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> <!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a> <!-- END switch_user_authreply --> </p> <!-- BEGIN switch_user_logged_in --> <div id="pun-visit" class="clearfix"> <ul> <!-- BEGIN switch_plus_menu --> <li> <script type="text/javascript">//<![CDATA[ var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}'; var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}'; insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> </li> <!-- END switch_plus_menu --> <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li> <!-- BEGIN watchtopic --> <li>{S_WATCH_TOPIC}</li> <!-- END watchtopic --> <!-- BEGIN switch_twitter_btn --> <li><span id="twitter_btn" style="margin-left: 6px; "> <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </span></li> <!-- END switch_twitter_btn --> <!-- BEGIN switch_fb_likebtn --> <li><span id="fb_likebtn" style="margin-left: 6px; "> <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe> </span></li> <!-- END switch_fb_likebtn --> </ul> </div> <!-- END switch_user_logged_in -->
<div class="main paged"> <!-- BEGIN topicpagination --> <div class="paged-head clearfix">
<p class="paging">{PAGINATION}</p> <br/><br/> </div> <!-- END topicpagination --> {POLL_DISPLAY} <div class="main-content topic"> <!-- BEGIN postrow --> <!-- BEGIN displayed --> <div class="post"{postrow.displayed.THANK_BGCOLOR}> <a name="{postrow.displayed.U_POST_ID}"></a> <div class="postmain"{postrow.displayed.THANK_BGCOLOR}> <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}> <h2> <strong>{postrow.displayed.COUNT_POSTS}</strong> {postrow.displayed.POST_DATE_NEW} </h2> </div>
<div class="postbody"{postrow.displayed.THANK_BGCOLOR}> <div class="user"><div class="arrow"></div> <div class="user-ident"> <div class="username">{postrow.displayed.POSTER_NAME}<br/><span style="font-weight: normal;font-size: 11px;">{postrow.displayed.POSTER_RANK_NEW}</span>{postrow.displayed.ONLINE_IMG}</div> <div class="user-basic-info"> {postrow.displayed.POSTER_AVATAR}<br /> {postrow.displayed.RANK_IMAGE} </div> </div> <div class="user-info"> <!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> {postrow.displayed.POSTER_RPG} </div> <div class="user-contact"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> </div> </div> <p style="padding: 5px 0;"> <b>{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></b> </p><hr style="width: 97%;border: none; border-bottom: 1px solid #c8c8c8;"> <div class="post-entry"> <div class="entry-content"> <!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active --> <div> <div>{postrow.displayed.MESSAGE}</div> <!-- BEGIN switch_attachments --> <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd> <!-- BEGIN switch_post_attachments --> <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
<!-- BEGIN switch_dl_att --> <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL} <!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att --> {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL} <!-- END switch_no_dl_att --> </dt>
<!-- BEGIN switch_no_comment --> <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd> <!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att --> <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd> <!-- END switch_no_dl_att --> <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl> <!-- END switch_post_attachments --> </dd> </dl> <!-- END switch_attachments --> <div class="clear"></div> </div> <p> {postrow.displayed.EDITED_MESSAGE} </p> </div> </div> </div>
<!-- BEGIN switch_signature --> <div class="sig-content"> {postrow.displayed.SIGNATURE_NEW} </div> <!-- END switch_signature -->
<div class="postfoot"> <div class="post-options"> {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG} </div> <div style="clear:both;"></div> </div> </div> </div> <!-- BEGIN first_post_br --> </div> <hr id="first-post-br" /> <div class="main-content topic"> <!-- END first_post_br --> <!-- END displayed --> <!-- BEGIN hidden --> <p class="p-hidden">{postrow.hidden.MESSAGE}</p> <!-- END hidden --> <!-- END postrow --> </div>
<p style=" text-align: center;"> <a href="{U_VIEW_OLDER_TOPIC}">« Xem bài viết trước</a> | <a href="{U_VIEW_NEWER_TOPIC}">Xem bài viết kế tiếp »</a> </p> <div> <p class="options"> <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<!-- BEGIN viewtopic_bottom --> {S_TOPIC_ADMIN} <!-- END viewtopic_bottom --> </p> </div>
<a name="bottomtitle"></a>
<p class="posting" style="float: none;"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> <!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a> <!-- END switch_user_authreply --> </p> <!-- BEGIN topicpagination --> <div class="paged-foot clearfix">
<p class="paging">{PAGINATION}</p>
</div> <!-- END topicpagination --> </div>
<div class="pun-crumbs"> <p class="crumbs"> <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong> </p> </div>
<!-- BEGIN promot_trafic --> <div class="main" id="ptrafic_close" style="display:none"> <div class="main-head clearfix"> <p class="h2">{PROMOT_TRAFIC_TITLE}</p> <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p> </div> </div> <div class="main" id="ptrafic_open" style="display:''"> <div class="main-head clearfix"> <p class="h2">{PROMOT_TRAFIC_TITLE}</p> <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p> </div> <div class="main-content clearfix"> <!-- BEGIN link --> » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br /> <!-- END link --> </div> </div> <!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules --> <div class="main" 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_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM} <!-- END switch_user_logged_in -->
<div id="pun-info" class="main"> <div class="main-content"> <div id="stats"> <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p> </div> </div> </div>
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> Nguồn : Skin4fm
|
|