Diễn đàn
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Diễn đàn

Upro Club | Develop for future
 
Trang ChínhTrang Chính  Tìm kiếmTìm kiếm  Latest imagesLatest images  Đăng kýĐăng ký  Đăng Nhập  
R@Me$h (728)
TS Kenz (123)
bibipro (87)
bebelk (6)
Dark Thunder (6)
kilokyb (1)
MGame (1)
[XP Themes] Naruto Theme for XP Trả lời[XP Themes] Naruto Theme for XP - 2 Trả lời
Ra mắt hệ thống Rank cho diễn đàn Trả lờiRa mắt hệ thống Rank cho diễn đàn - 1 Trả lời

Trang 1 trong tổng số 1 trang


-

[Code] Viewtopic Style FM

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
30/4/2013, 2:00 am
TS Kenz
            TS Kenz
Danh hiệu cá nhânLàm biếng

Làm biếng
Admin
Tâm trạng : Gian xảo
Posts : 123
Points : 16166
Thanked : 45
Tham gia : 03/04/2013
Admin
Tâm trạng : Gian xảo
Posts : 123
Points : 16166
Thanked : 45
Tham gia : 03/04/2013
[Code] Viewtopic Style FM Vide10
Bài gửiTiêu đề: [Code] Viewtopic Style FM

Demo :

[Code] Viewtopic Style FM Demo_410

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}&amp;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&amp;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}&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;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




Trang 1 trong tổng số 1 trang


Thông tin chủ đề
Đang truy cập Diễn Đàn này: Không

Quyền viết bài
Bạn không có quyền trả lời bài viết