[Wapka]Share style giao diện Web (Pc) MZingtv | All shared script

Pham_loi

Chức vụ:

21:47:01, 05-10-2016

Demo ảnh:

Messages in forum* sẽ thấy 3 ô
post code vào ô 1:

<div style="padding:0px 10px 0px 10px" align="left">

    <div id="edit401923" style="padding:0px 0px 6px 0px">


<table id="post401923" class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center">
<tbody><tr>

        <td class="thead" style="font-weight:normal; border: 1px solid #ffffff; border-right: 0px" id="currentPost">
            
            <a name="post401923"><img class="inlineimg" src="http://uhm.vn/forum/images/2011/statusicon/post_new.gif" alt="Chua d?c" border="0" title="Chua d?c"></a>
            ::date::
            <a name="newpost"></a>
            
        </td>
        <td class="thead" style="font-weight:normal; border: 1px solid #ffffff; border-left: 0px" align="right">
             
            #::msg_id::

        </td>

</tr>
<tr valign="top">
    <td class="alt2" width="175" style="border: 1px solid #ffffff; border-top: 0px; border-bottom: 0px">
<center>
            <div id="postmenu_401923">

                <a class="bigusername" href="::url_profile::">::user::</a>

            </div>



                <div class="smallfont">
                     <br><a href="::url_profile::"><img src="::url_profile_pic::" width="156" height="280" alt="Avatar c?a ::url_profile_pic::" border="0""></a>
                </div>

</center>
            Bài viết: ::msg_count::<br/>
- Giới tính: <font color="gray">::var-2::</font><br/>
- Sinh nhật: <font color="gray">::var-3::</font><br/>
- Số điện thoại: <font color="gray">::var-4::</font><br/>
- Ðịa chỉ: <font color="gray">::var-5::</font><br/>
- Giới thiệu: <font color="gray">::var-5::</font><br/>
- Email: <font color="gray">::var-6::</font><br/>
- Tâm trạng: <font color="gray">::var-7::</font>

            </div>
</td>

    <td class="alt1" id="td_post_401923" style="border-right: 1px solid #ffffff">



            
<div class="post_body">
            <div class="smallfont">
                <img class="inlineimg" src="http://uhm.vn/forum/images/icons/icon1.gif" alt="M?c d?nh" border="0" title="M?c d?nh">
                <strong> ::browser:: </strong>
            </div>
            <hr size="1" style="color:#ffffff; background-color:#ffffff">
            


        
        ::msg::
        


</div>



    </td>
</tr>
<tr>
    <td class="alt2" style="border: 1px solid #ffffff; border-top: 0px">
        ::status::
    </td>

    <td class="alt1" align="right" style="border: 1px solid #ffffff; border-left: 0px; border-top: 0px">

        

            <a href="::url_quote::" rel="nofollow"><img src="http://uhm.vn/forum/images/2011/buttons/quote.gif" alt="TrẢ lời với trích dẫn" border="0" title="TrẢ lời với trích dẫn"></a>

        
    </td>
</tr>
</tbody></table>
</div>
</div>

Copy code

ô 3 :

<div class="page"><script language="JavaScript"> document.title = document.title + " | ::THEME_NAME::" ; </script>

<head><title>::THEME_NAME::</title>
<meta name="title" content="::THEME_NAME::" /></head>
<meta name="title" content="::THEME_NAME::" /></head>::NOTIFICATIONS:: <br/>
<table>
<tbody><tr>
    <td class="tcat" width="100%">Chuyên mục : ::THEME_NAME::</td>
    <td  class="vbmenu_control" id="forumtools" nowrap="nowrap" style="cursor: pointer; ">Chức nang<script type="text/javascript"> vbmenu_register("forumtools"); </script> <img src="http://uhm.vn/forum/images/2011/misc/menu_open.gif" border="0" title="" alt=""></td >

    <td class="vbmenu_control" id="forumsearch" nowrap="nowrap">Tìm trong chuyên mục</td >

</tr>
</tbody></table>
<br/>
::MESSAGES::
<div class="fbs">::LISTER_BOTTOM::</div>
<center>::REPLY_AREA::</center>
</div>

Copy code

Trên là Mess in forum trích để lấy code nhé
themes in forum
Ô 1 :

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" id="threadslist">
<tbody>
<tr>


        <td class="thead" colspan="2"> </td>

    <td class="thead" width="100%">

    <div>

            <img class="inlineimg" src="http://uhm.vn/forum/images/2011/buttons/firstnew.gif" alt="Tải bài viết mới nhất" border="0" title="Tải bài viết mới nhất">




            ::theme:: <br/>
::creator::

        </div>


    </td>
    <td class="thead" width="150" align="center" nowrap="nowrap"><span style="white-space:nowrap">::date::<br>
            Nguoi gui: ::user::</a> <img class="inlineimg" src="http://uhm.vn/forum/images/2011/buttons/lastpost.gif" alt="Tải bài cuối cùng" border="0" title="Tải bài cuối cùng"></a></span></td>
    <td class="thead" align="center" width="35px" nowrap="nowrap"><span style="white-space:nowrap">::count::</span></td>
    <td class="thead" align="center" width="45px" nowrap="nowrap"><span style="white-space:nowrap">::views::</span></td>



</tr>
</tbody>
</table>

Copy code

Ô 3 :

<div class="page">
::CREATE_LINK::
<table>
<tbody><tr>
    <td class="tcat" width="100%">Chuyên muc </td>
    <td  class="vbmenu_control" id="forumtools" nowrap="nowrap" style="cursor: pointer; ">Chuc nang<script type="text/javascript"> vbmenu_register("forumtools"); </script> <img src="http://uhm.vn/forum/images/2011/misc/menu_open.gif" border="0" title="" alt=""></td >

    <td class="vbmenu_control" id="forumsearch" nowrap="nowrap">Tìm trong chuyên muc</td >

</tr>
</tbody></table>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" id="threadslist">
<tbody>
<tr>


        <td class="thead" colspan="2"> </td>

    <td class="thead" width="100%">

        Chu de  /
        Nguơi dang
    </td>
    <td class="thead" width="150" align="center" nowrap="nowrap"><span style="white-space:nowrap">Bài cuối <img class="inlineimg" src="http://uhm.vn/forum/images/2011/buttons/sortasc.gif" alt="Xêp theo " border="0" title="Xêp theo"></span></td>
    <td class="thead" align="center" nowrap="nowrap"><span style="white-space:nowrap">Trả lới</span></td>
    <td class="thead" align="center" nowrap="nowrap"><span style="white-space:nowrap">Lần dọc</span></td>



</tr>
</tbody></table>
::THEMES::
::CREATE_LINK::
</div>

Copy code

: 0 ♥

Pham_loi

Chức vụ:

21:48:25, 05-10-2016

file Css:

.body { background: black; }
.page { }

body {
background: url("http://thegioigame4321.wap.sh/Boi/css/tuy.jpg") no-repeat fixed center top transparent;
color: #333;
font: 12px tahoma,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
margin: 0px;
padding: 0px;
}
a:visited, body_avisited {
color: #0159B3;
text-decoration: none;
}
.mzingtv_wrapper {
margin: 0 auto;
width: 980px;
height:250px;
float:right;
}
.mzingtv_tua {
padding-bottom: 50px;
}

.page {
background: white;
color: black;
width: 974px;

margin: 0 auto;
border: 1px solid #DDD;
}
.tborder {
background: white;
color: black;
border: 1px solid #DDD;
}

.alt1, .alt1Active {
background: white;
color: black;
font-size: 10pt;
border: 1px solid #EDEDED;
}
.alt2, .alt2Active {
background: white url(http://thegioigame4321.wap.sh/Boi/css/alt2.gif) repeat;
color: black;
font-size: 10pt;
border: 1px solid #EDEDED;
}
.vbmenu_control
{
    background: #664632 url(http://thegioigame4321.wap.sh/Boi/css/tcatv.gif) repeat;
    color: #1c1c1c;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
    color: #B93535;
    text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
    color: #B93535;
    text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
    color: #3A4276;
    text-decoration: none;
}
.button {
background: white;
color: #333;
font: bold 11px "lucida grande",tahoma,verdana,arial,sans-serif;
padding: 3px;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
vertical-align: middle;
margin-left: 10px;
}
.tcat {
background: #664632 url(http://thegioigame4321.wap.sh/Boi/css/tcatv.gif) repeat;
color: #BB3914;
font: bold 13px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 10px;
text-align: center;
border-solid: 2px solid #F97D1A;
text-shadow: 0 1px 1px white;
text-transform: uppercase;
}
.panel {
background: white;
color: #333;
border: 1px dashed #DEDEDE;
color: #666;
padding: 10px;
}
.thead {
background: #664632 url(http://thegioigame4321.wap.sh/Boi/css/tcatm.gif) repeat;
color: #666;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom: solid 1px #E0E0E0;
}
.smallfont {
font: 12px "lucida grande",tahoma,verdana,arial,sans-serif;
line-height: 16px;
}
.bginput {
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #ABE57B;
}

Copy code

tiếp đến là phần Header site: (-1)

Copy code

=>:: EDIT SITE :: => Users=>Items visibility
xong rồi bấm vào [A N L X(g c t l p u)
Cài cho khách thấy

<div class="page"> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tbody> <tr> <td class="alt1" width="100%"> <div class="navbar" style="font-size:10pt"> <a href="index.php" accesskey="1"> <img class="inlineimg" src="http://uhm.vn/forum/images/2011/misc/navbits_start.gif" alt="" border="0"> </img> </a> <strong>Di?n dàn Tu?i Tr? Vi?t Nam</strong> </div> </td> <td class="alt2" nowrap="nowrap" width="237px" style="padding:0px"> <table cellpadding="0" cellspacing="3" border="0">  <form class="list" method="get" action="login_site.xhtml"> <input type="hidden" name="do_id" value="5" /> Tài kho?n <input class="bginput" type="text" name="wu_login" size="10" /> <input type="checkbox" name="wu_autologin" checked="checked" value="1" /> <br/> M?t kh?u <input class="bginput" type="password" name="wu_heslo" size="10" /> <input type="submit" class="button" name="log_submit" value="Login" /></form>  </table> </td> </tr> </tbody> </table> <div class="tborder" style="padding:1px; border-top-width:0px"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"> <tbody><tr align="center"> <td class="vbmenu_control"> <a href="register.php" rel="nofollow">Ðăng ký</a> </td> <td class="vbmenu_control"> <a href=":url-site-1:">Cá nhân</a> </td> <td class="vbmenu_control"> <a href=":url-pm-in:">Tin nhắn</a> (<font color="red">:info-pmnew:(%n% )::0:/info:</font>) </td> <td class="vbmenu_control"> <a href="forum_0.xhtml.xhtml#today_post" title="today_post">Today Post</a> </td> <td class="vbmenu_control"> <a href=":url-site-10:">Thoát</a> </td> </tr> </tbody></table> </div></div>

Copy code

=>:: EDIT SITE :: => Users=>Items visibility
xong rồi bấm vào [A N L X(g c t l p u
Cài cho thành viên thấy

<div class="page"> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tbody> <tr> <td class="alt1" width="100%"> <div class="navbar" style="font-size:10pt"> <a href="index.php" accesskey="1"> <img class="inlineimg" src="http://uhm.vn/forum/images/2011/misc/navbits_start.gif" alt="" border="0"> </img> </a> <strong>Di?n dàn Tu?i Tr? Vi?t Nam</strong> </div> </td> <td class="alt2" nowrap="nowrap" width="237px" style="padding:0px">  <b>Chào B?n, :user:</b> <br></br> <a href=":url-pm-in:">Tin nh?n</a> (<font color="red">:info-pmnew:(%n% )::0:/info:</font>) <br><a href=":url-site-10:">Thoát</a></br>  </td> </tr> </tbody> </table> <div class="tborder" style="padding:1px; border-top-width:0px"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"> <tbody><tr align="center"> <td class="vbmenu_control"> <a href="register.php" rel="nofollow">Ðang ký</a> </td> <td class="vbmenu_control"> <a href=":url-site-1:">Cá nhân</a> </td> <td class="vbmenu_control"> <a href=":url-pm-in:">Tin nh?n</a> (<font color="red">:info-pmnew:(%n% )::0:/info:</font>) </td> <td class="vbmenu_control"> <a href="forum_0.xhtml.xhtml#today_post" title="today_post">Today Post</a> </td> <td class="vbmenu_control"> <a href=":url-site-10:">Thoát</a> </td> </tr> </tbody></table> </div></div>

Copy code

: 0 ♥

Pham_loi

Chức vụ:

21:49:11, 05-10-2016

Index (trang chủ )

<div class="page"><table width="100%"> <tr align="center"> <td class="thead"> </td> <td class="thead" width="100%" align="left">Di?n dàn</td> <td class="thead">Bài cu?i</td> <td class="thead">Ch? d?</td> <td class="thead">Bài g?i</td> </tr> <tr> <td class="tcat" colspan="5"> <a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_1')"> <img id="collapseimg_forumbit_1" src="http://uhm.vn/forum/images/2011/buttons/collapse_tcat.gif" alt="" border="0"></img> </a> <center> <font size="4"><strong>T?ng hành dinh MZingtv</strong></font> </center> </td> </tr> <tr align="center"> <td class="alt2"><img src="http://www.thegioigame4321.wap.sh/18/forum_old-48.png" alt="" border="0" id="forum_statusicon_2" title="Click &#273;úp chu&#7897;t &#273;&#7875; &#273;ánh d&#7845;u di&#7877;n &#273;àn là &#273;ã &#273;&#7885;c" style="cursor: pointer; "></img> </td> <td class="alt1Active" align="left" id="f2"> <div> <a href=":url-forum-1055050:"><strong><font color="red" size="4">Thông Báo</font></strong></a> </div> <div class="smallfont"> <b>Hay Nh?t! Nóng Nh?t! Ð?c Bi?t Nh?t!</b> trên <font color="magenta"><b>Uhm.vN . </b></font><br/>Nhanh tay c?p nh?t l? nh?ng tin t?c, thông báo, s? ki?n d?c bi?t <font color="magenta"><b>Uhm!</b></font>nào! </div> </td> <td class="alt2"> <div class="smallfont" align="left"> <div> <span style="white-space:nowrap"> <img class="inlineimg" src="http://uhm.vn/forum/images/icons/icon1.gif" alt="" border="0"></img> <a style="white-space:nowrap"><strong>:forum-1055050/theme-link:</strong></a></span> </div> <div style="white-space:nowrap"> Ngu?i g?i: <a>:forum-1055050/name-link:</a> </div> <div align="right" style="white-space:nowrap"> <span class="time">:forum-1055050/date:</span> <a><img class="inlineimg" src="http://uhm.vn/forum/images/2011/buttons/lastpost.gif" alt="T?i bài cu?i cùng" border="0" title="T?i bài cu?i cùng"></img></a> </div> </div> </td> <td class="alt1" style="padding-left: 1px; padding-right: 1px;">:forum-1055050/th_count:</td> <td class="alt2" style="padding-left: 1px; padding-right: 1px;">:forum-1055050/count:</td> </tr> </table></div>

Copy code

bấm :: EDIT SITE (#) ::=>- Users=>User profiles=>ben trong tích vào (Activate user profiles:,Allow removing comments
in own profile:,Display profile form in
registration page
đến ô Allow photo in profile:
chọn enabled
Ô Allow login name color ( set colors):
edittable only by admin...
Ô Allow redefined avatars
(set pictures):
enabled
Ô Allow icon in front of
name (set icons):
chọn edittable only by admin...
Ô Comments in profile:
chọn cái thứ 3
Đến Profile form (default) *:
Ô 1 :

<div class=""><b>•Thông tin cá nhân:</b></div>
<div class="list">
- Tên thật: <font color="gray">::var-1::</font><br/>
- Giới tính: <font color="gray">::var-2::</font><br/>
- Sinh nhật: <font color="gray">::var-3::</font><br/>
- Số điện thoại: <font color="gray">::var-4::</font><br/>
- Đến từ: <font color="gray">::var-5::</font><br/>
- Giới thiệu: <font color="gray">::var-5::</font><br/>
- Email: <font color="gray">::var-6::</font><br/>
- Tâm trạng: <font color="gray">::var-7::</font>
</div>

Copy code

Ô 5 :

<div class="list">- Ngày đăng kí: <font color="gray">::date_reg::</font><br/>
- Đã đăng nhập: <font color="gray">::log_count:: lần</font><br/>
- Hiện đang: <font color="green"><b>::status::</b></font><br/>
- Chức vụ: <font color="gray">::groups::</font><br/>

- Bài viết: ::msg_count::<br/>
- Chủ đề: ::theme_count::<br/>
- Lần đăng nhập trước: <font color="gray">::date_log::</font><br/>
- Tài sản: <font color="red">::credit::</font> (VND)<br/>
</div>
<div class=""><b>•Thông tin thêm:</b></div>
<div class="list">- IP: <font color="gray">::ip::</font><br/>
- Trình duyệt: <font color="gray">::browser::</font><br/>
- Hồ sơ đã được xem <b>::pr_count::</b> lần ( Cuối ::pr_lastuser::)</br>

Copy code

Ô 6

<p align="center"><center><font size="20"><b>::USER_NAME::</b></font></center>
<table width="100%" class="pro"><tr><td width="40%" class="list"><center>::PHOTO::</center></td><td><left>
<div class="">• ::LINK_COMMENTS:: (::COUNT_COMMENTS::)</div>
<div class="">• ::LINK_PCHAT::<br/>::LINK_FRIEND_ADD::</div>
<div class="">• ::LINK_SEND_CREDIT::</div>
<div class="">• ::LINK_FRIEND_ADD::</div></left></td></tr></table>
<div class="gray">Gửi tin nhắn cho ::USER_NAME::<br/>::AREA_PM::</div>
</p><p>
::PROFILE_FORM::
<br/>
::PROFILE_CONS::
<br/>
::PROFILE_HTML::
<br/>
::LINK_COMMENTS:: (::COUNT_COMMENTS::)</p>

Copy code

Ô 7 :

::PHOTO::<br/>
::PHOTO_EDIT::
::AVATAR_EDIT::
::GROUP_EDIT::
::ICON_EDIT::
::COLOR_EDIT::
::PROFILE_FORM::
::HTML_EDIT::
::LOGINPIC_EDIT::
::PROFILE_FORM_MOD::

Copy code

Hướng dẫn auto:

Copy code

Những item muốn hiện trên mobile thì bao bọc bằng class .wap
Còn PC thì class .web nhé!

: 0 ♥