Bạn ghé thăm diễn đàn lần đầu? hãy đăng ký ngay bây giờ để tham gia.
  • Đăng nhập:

Chào mừng bạn đến với ITVNN FORUM - Diễn đàn công nghệ thông tin.

Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần Hỏi/Ðáp để biết cách dùng diễn đàn. Để có thể tham gia thảo luận bạn phải đăng ký làm thành viên, click vào đây để đăng ký.


  • Partner Area
    • Chương trình khuyến mãi khi chuyển dịch vụ về 123HOST Việt Nam Anh Hùng - Thông tin truyền thông
Trang 22/35 đầuđầu ... 12202122232432 ... cuốicuối
kết quả từ 211 tới 220 trên 345
Tăng kích thước phông chữ Giảm kích thước phông chữ
  1. #1
    HTT.itvn's Avatar

    Trạng thái
    Offline
    Họ tên
    Hoàng Thiên Thanh
    Tham gia ngày
    Oct 2009
    Thành viên thứ
    2889
    Đến từ
    Hà Tĩnh
    Giới tính
    Bài gởi
    2,814
    Level: 52 [?]
    Experience: 16,142,253
    Next Level: 16,259,327
    Cảm ơn 123
    Cảm ơn 1,701 lần / 895 Bài viết

    Icon1 Hướng dẫn đóng khung thông tin chi tiết cho VBB 4.x  

    Mấy ngày qua nhiều thành viên thắc mắc về cách đóng khung từng thông tin ở mục thông tin , nay mình hướng dẫn chi tiết cho các bạn đóng khung từng thông tin cụ thể :

    Bước 1 : vào Admin CP >> Styles & Templates >> Search in Templates >> ở mục Search for Textposbit.css ( nhớ tick vào ô Đồng ý ở mục Tìm trong tựa đề >> Find >> Kick vào postbit.css >> Dán code sau vào cuối cùng :
    (Bài viết của HTT.itvn )

    /* eTiKeT Postbit_Legacy*/
    .eti_postbit_merkezli {
    padding-left: 4px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #efefef;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 4px;
    text-align:center;
    -moz-box-shadow: 0 2px 6px #b3b3b3;
    -webkit-box-shadow: -1px 2px 2px #b3b3b3;
    -moz-border-radius-bottom{vb:stylevar left}:6px;
    -moz-border-radius-top{vb:stylevar right}:6px;
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};}

    .eti_postbit {
    padding-left: 4px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #efefef;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 4px;
    -moz-box-shadow: 0 2px 6px #b3b3b3;
    -webkit-box-shadow: -1px 2px 2px #b3b3b3;
    -moz-border-radius-bottom{vb:stylevar left}:6px;
    -moz-border-radius-top{vb:stylevar right}:6px;
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    }


    .itvnn_postbit {
    text-align:center;
    }


    Save and Reload ( Bài viết của HTT.itvn)

    Bước 2 : Đóng khung từng chi tiết .

    - Đưa thông tin tên thành viên vào giữa
    Demo : như diễn đàn này .
    Admin CP >> Styles & Templates >> Style manager >> Chọn skin cần chỉnh , edit templates >> Postbit templates >> Postbit_legacy >> Tìm đoạn code sau :

    <div class="username_container">
    <vb:if condition="$post['userid']">

    {vb:raw memberaction_dropdown}
    {vb:raw post.onlinestatus}
    <vb:else />
    <span class="username guest">{vb:raw post.musername}</span>
    </vb:if>
    </div>
    Thêm thẻ <div class="itvnn_postbit">......</div> như sau ( chú ý chữ màu đỏ ) .

    <div class="username_container">
    <vb:if condition="$post['userid']">
    <div class="itvnn_postbit">
    {vb:raw memberaction_dropdown}
    {vb:raw post.onlinestatus}
    <vb:else />
    <span class="username guest">{vb:raw post.musername}</span>
    </vb:if>
    </div></div>

    Save and reload ( Bài Viết của HTT.itvn)
    Vào diễn đàn của bạn để xem kết quả .

    - Màu nick :
    Admin CP >> Usergroups >> Usergroup Manager >> Administrators . Kick vào Tiếp tục >> Mục Username HTML Markup , ở ô đầu tiên bạn gán thẻ <b><font color=red> ( chữ màu đỏ là bạn có thể thay đổi sang màu khác như : blue , green , gray ,...) , ở ô thứ 2 bạn gán thẻ kết thúc </font></b> . Các mục khác để nguyên . Kick vào Update .

    Tương tự với Smod , mod và Member . ( Bài Viết của HTT.itvn)

    - Gán biểu tượng hình ảnh cho admin , smod , mod và member .

    Demo : Như diễn đàn này .
    Đầu tiên tải file ảnh về tại đây và upload lên thư mục images/ranks/ trong host .
    Admin CP >> User Ranks >> Add New User Ranks >> Mục Usergroup chọn Administrators , ở mục Minimum Posts để giá trị 0 và mục User Rank File Path gõ đường dẫn file ảnh là images/ranks/admin.gif >> Save . ( Bài Viết của HTT.itvn)
    Tương tự với smod , mod và member .
    Sau khi làm xong bạn phải vào User rank manager để kích hoạt , kick vào update user titles and ranks >> Ở mục đầu tiên kick vào update user titles and ranks lần nữa .
    Nhấn F5 để xem thành quả .

    P/s : Những thắc mắc - góp ý thì viết tại đây và kiên trì chờ trả lời , mình sẽ trả lời nhanh nếu có thể . Nhiều bạn mới hỏi có vài 3 phút rồi spam liên tục để gây chú ý . Không phải ai cũng online 24/24 .
    thay đổi nội dung bởi: HTT.itvn; 10-06-2010 lúc 03:49 AM
    Chuyên thiết kế website / forum / Modules ... Hỗ trợ trực tuyến : d.web_vn@yahoo.com

    -------------------------------------------------------------------------------------------------
    Bởi vì : " Anh chỉ mất đi một người không yêu anh,
    Nhưng em mất đi một người yêu em thật lòng ... "

    -------------------------------------------------------------------------------------------------




  2. The Following 53 Thank You to HTT.itvn For This Useful Post:

    alien007 (05-07-2012),babylovevt (19-08-2011),caphekt (29-03-2012),checknvh (05-04-2011),ClickGroup (14-07-2011),Cold_Zero (03-09-2011),computerangel (26-07-2010),crazy (15-03-2012),daikamam (01-09-2010),download (19-07-2011),Dunglx (13-04-2011),Gác Kiếm (14-11-2010),gd2010 (27-05-2011),Hải Minh (21-12-2011),hcthai (20-02-2011),hctpro (19-03-2011),hieu2007 (05-10-2010),hoaitan.net (12-09-2011),hoangmic (09-06-2011),hoangtuut089 (29-05-2011),Hoàng Tiến Nhân (15-09-2011),Iruky (17-03-2012),itnamdinh (26-08-2011),KateMP (10-09-2011),keroppi (21-04-2011),ketnoiso (15-08-2011),khanhdt (08-06-2011),kieuqtoan (07-01-2011),lecanhduong (19-03-2012),leduytan (09-08-2011),Mèo tin học (05-10-2011),monkey (23-07-2011),mr.chemgio (06-04-2011),neko gorudo (07-06-2011),New-Mem (21-10-2010),nguyentuduong (08-09-2011),nh0ckti (22-05-2012),oaichua07 (06-08-2011),phamduytung (25-11-2011),phoenix159 (02-01-2013),profesionalbk (17-05-2011),quoccuong123 (27-07-2010),spider95 (20-08-2010),ThuyHien (14-03-2013),trandiem2210 (04-04-2011),trumhamdoa (01-12-2010),ttkcnd (23-07-2010),tuandeptrai (07-08-2010),tunganhken (29-02-2012),vanhientb91 (13-04-2011),vanminh (26-04-2011),vothien93 (27-07-2010),ypmv2 (05-11-2010)

  3. #211
    Tiểu Bá Vương 1404's Avatar

    Trạng thái
    Offline
    Họ tên
    BCP Hùng
    Tham gia ngày
    Oct 2010
    Thành viên thứ
    32314
    Đến từ
    Vietnam
    Tuổi
    31
    Giới tính
    Bài gởi
    3,311
    Level: 53 [?]
    Experience: 17,814,918
    Next Level: 19,059,430
    Cảm ơn 394
    Cảm ơn 1,859 lần / 992 Bài viết

    Default

    Đây là hàng nguyên chủng của ITVNN, các anh lưu vào additional.css nhé, sau đó sửa lại trong postbit_legacy là được :
    Code: 
    .post_field {
    	background: #fff;
    	color: #414141;
    	border: 1px solid #d3d3d3;
    	padding: 3px 3px 3px 10px;
    	margin-top: 2px;
    	text-align:left;
    }
    .post_field strong {
    	color: #5b9d16;
    }
    .post_field dt {
    	color: #5b9d16;
    	font-weight:700;
    }

  4. Thành viên sau đây nói lời Cảm ơn tới Tiểu Bá Vương 1404 cho bài viết hữu ích này:

    trh_itm (14-04-2011)

  5. #212
    trh_itm's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Feb 2011
    Thành viên thứ
    39965
    Tuổi
    37
    Giới tính
    Bài gởi
    14
    Level: 24 [?]
    Experience: 73,574
    Next Level: 79,247
    Cảm ơn 8
    Cảm ơn 1 lần / 1 Bài viết

    Default

    Trích Nguyên văn bởi Tiểu Bá Vương 1404 View Post
    Đây là hàng nguyên chủng của ITVNN, các anh lưu vào additional.css nhé, sau đó sửa lại trong postbit_legacy là được :
    Code: 
    .post_field {
    	background: #fff;
    	color: #414141;
    	border: 1px solid #d3d3d3;
    	padding: 3px 3px 3px 10px;
    	margin-top: 2px;
    	text-align:left;
    }
    .post_field strong {
    	color: #5b9d16;
    }
    .post_field dt {
    	color: #5b9d16;
    	font-weight:700;
    }
    Cụ thể hơn xíu đi Hùng, hjx

  6. #213
    Dunglx's Avatar

    Trạng thái
    Offline
    Họ tên
    VAV
    Tham gia ngày
    Aug 2010
    Thành viên thứ
    29041
    Đến từ
    Gia lâm
    Giới tính
    Bài gởi
    1,762
    Level: 49 [?]
    Experience: 9,595,136
    Next Level: 10,000,000
    Cảm ơn 597
    Cảm ơn 530 lần / 370 Bài viết

    Default

    Trích Nguyên văn bởi trh_itm View Post
    Cụ thể hơn xíu đi Hùng, hjx
    Admin >>> Styles & Templates >> chọn Skin cần sửa >>> CSS Template >> additional.css
    Chèn vào thôi bác à

  7. #214
    x2team's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Mar 2011
    Thành viên thứ
    41072
    Tuổi
    35
    Giới tính
    Bài gởi
    34
    Level: 28 [?]
    Experience: 178,194
    Next Level: 195,661
    Cảm ơn 12
    Cảm ơn 1 lần / 1 Bài viết

    Icon14

    Mình đã thao giống như trong ebook và đã đóng được gần giống như thông tin của itvnn rồi, vấn đề của mình bây giờ là mình muốn chỉnh sửa như thế nào trong phần tạo css tạo khung nữa để cho màu bên trong của khung thông tin cá nhân nó có nền màu trắng giống như của itvnn đó, chứ cứ làm như trong ebook thì nền của nó là màu xám trông không được thẫm mỹ cho lắm. Mong bác admin giúp với. Rât thanks bác

    Trích Nguyên văn bởi Tiểu Bá Vương 1404 View Post
    Đây là hàng nguyên chủng của ITVNN, các anh lưu vào additional.css nhé, sau đó sửa lại trong postbit_legacy là được :
    Code: 
    .post_field {
        background: #fff;
        color: #414141;
        border: 1px solid #d3d3d3;
        padding: 3px 3px 3px 10px;
        margin-top: 2px;
        text-align:left;
    }
    .post_field strong {
        color: #5b9d16;
    }
    .post_field dt {
        color: #5b9d16;
        font-weight:700;
    }
    Mình đã thêm đoạn này vào rồi nhưng mà nền của mình nó cũng vẫn là như cũ, không có gì thay đổi cả, có thể chỉ cho mình chỉnh sữa lại trong postbit_legacy như thế nào để được như vậy có được không ?
    thay đổi nội dung bởi: x2team; 14-04-2011 lúc 05:20 PM

  8. #215
    Tiểu Bá Vương 1404's Avatar

    Trạng thái
    Offline
    Họ tên
    BCP Hùng
    Tham gia ngày
    Oct 2010
    Thành viên thứ
    32314
    Đến từ
    Vietnam
    Tuổi
    31
    Giới tính
    Bài gởi
    3,311
    Level: 53 [?]
    Experience: 17,814,918
    Next Level: 19,059,430
    Cảm ơn 394
    Cảm ơn 1,859 lần / 992 Bài viết

    Default

    Trích Nguyên văn bởi x2team View Post
    ...Mình đã thêm đoạn này vào rồi nhưng mà nền của mình nó cũng vẫn là như cũ, không có gì thay đổi cả, có thể chỉ cho mình chỉnh sữa lại trong postbit_legacy như thế nào để được như vậy có được không ?
    Không phải thêm code vào là xong đâu, anh phải sửa lại class đã đóng khung, ví dụ, nếu anh dùng là : <div class="eti_postbit"> thì phải sửa lại là <div class="post_field">

  9. #216
    daikamam's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Apr 2010
    Thành viên thứ
    16362
    Tuổi
    37
    Giới tính
    Bài gởi
    94
    Level: 33 [?]
    Experience: 523,599
    Next Level: 555,345
    Cảm ơn 37
    Cảm ơn 7 lần / 6 Bài viết

    Default

    bữa nào HTT làm cái cho Posblit nha

  10. #217
    HTT.itvn's Avatar

    Trạng thái
    Offline
    Họ tên
    Hoàng Thiên Thanh
    Tham gia ngày
    Oct 2009
    Thành viên thứ
    2889
    Đến từ
    Hà Tĩnh
    Giới tính
    Bài gởi
    2,814
    Level: 52 [?]
    Experience: 16,142,253
    Next Level: 16,259,327
    Cảm ơn 123
    Cảm ơn 1,701 lần / 895 Bài viết

    Default

    Trích Nguyên văn bởi daikamam View Post
    bữa nào HTT làm cái cho Posblit nha
    Posbit chứ không phải Postblit . postbit hay postbit_legacy cũng giống nhau thôi bạn à . Như trong ebook , bạn thay làm việc ở postbit_legacy thành làm việc ở postbit là làm được mà .

  11. #218
    profesionalbk's Avatar

    Trạng thái
    Offline
    Họ tên
    CTG
    Tham gia ngày
    Dec 2010
    Thành viên thứ
    36270
    Đến từ
    Hà Tĩnh
    Tuổi
    35
    Giới tính
    Bài gởi
    10
    Level: 23 [?]
    Experience: 53,124
    Next Level: 62,494
    Cảm ơn 23
    Cảm ơn 1 lần / 1 Bài viết

    Default

    Em mới mò mẫm vbb, cái phần đóng khung cac thông tin thành viên đó em mò mẫm mãi mà không được, đóng khung được mấy cái mặc định của vbb như thành viên thứ;bài gửi;tham gia ngày, sau đó thêm các thông tin khác như tên, đến từ,nghề nghiệp.. rồi lấy code của các dòng trên xuống để sửa lại các thông tin vừa thêm đó nhưng không đóng khung dược giống như trên, mong bác admin có thể chỉ cho em cách đóng khung các thông tin như forum mình được không ạ, em thấy nó rất đẹp, cảm ơn anh trước nha
    Em chỉ đóng khung được các thông tin mặc định như thế này thôi, thêm các thông tin khác là nó chỉ ra chữ chứ khong nằm trong khung, mong các anh giúp
    Hình Kèm Theo Hình Kèm Theo

  12. #219
    Dunglx's Avatar

    Trạng thái
    Offline
    Họ tên
    VAV
    Tham gia ngày
    Aug 2010
    Thành viên thứ
    29041
    Đến từ
    Gia lâm
    Giới tính
    Bài gởi
    1,762
    Level: 49 [?]
    Experience: 9,595,136
    Next Level: 10,000,000
    Cảm ơn 597
    Cảm ơn 530 lần / 370 Bài viết

    Default

    Bạn chịu khó đọc hết 22 trang này đi vì những gì bạn hỏi đã có người hỏi và bạn có thể ghe quá một số topic cũng hoi tương tự đó

  13. Thành viên sau đây nói lời Cảm ơn tới Dunglx cho bài viết hữu ích này:

    profesionalbk (20-04-2011)

  14. #220
    keroppi's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Dec 2010
    Thành viên thứ
    35715
    Tuổi
    34
    Giới tính
    Bài gởi
    177
    Level: 36 [?]
    Experience: 941,701
    Next Level: 1,000,000
    Cảm ơn 71
    Cảm ơn 5 lần / 4 Bài viết

    Default

    + Nếu bạn dùng Mod level như diễn đàn này thì bạn đóng khung như sau :
    Admin CP >> Styles & Templates >> Style manager >> Chọn skin cần chỉnh , edit templates >> Postbit templates >> postbit_userlevel >> Chèn code sau lên đầu :
    < div class="eti_postbit">
    Chèn code sau nằm cuối :
    </div>
    Uả, cái này nếu em không đóng khung thì nó ko bị sao cả. Nhưng làm đóng khung theo anh HTT hướng dẫn í. Thì nó bị lỗi. Toàn bộ phần bài viết nó trắng hết ra, thò ra mấy chữ bên phải thôi. Anh hướng dẫn cho em đóng khung với


 
Trang 22/35 đầuđầu ... 12202122232432 ... cuốicuối

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Trả lời: 8
    Bài mới gởi: 11-01-2012, 10:26 PM
  2. Lỗi khung khi tạo khung avata như ITVNN áp dụng cho postbit
    By BlogSoftvn in forum Hỏi đáp & Thảo luận
    Trả lời: 2
    Bài mới gởi: 23-11-2011, 02:36 PM
  3. Trả lời: 6
    Bài mới gởi: 19-10-2011, 08:33 AM
  4. [Help] Đóng khung avatar dạng temp và đóng khung bài viết dạng shadow
    By hoangduykt7990 in forum Hỏi đáp & Thảo luận
    Trả lời: 6
    Bài mới gởi: 02-09-2011, 09:28 AM
  5. Trả lời: 10
    Bài mới gởi: 12-08-2011, 08:33 PM

Tags for this Thread

Bookmarks

Quuyền Hạn Của Bạn

  • Bạn không thể tạo chủ đề mới
  • Bạn không thể trả lời bài viết
  • Bạn không thể gửi file đính kèm
  • Bạn không thể chỉnh sửa bài viết
  •