Đăng nhập

Ghi nhớ
Latest topics
» Trỏ tên miền p.a vietnam
by tommy_phan 20/8/2017, 2:55 pm

» Xin forum rao vặt vBulletin 4.1.11
by arber 1/8/2017, 4:17 am

» Tôi sẽ đỗ đại học!
by handsomevip007 16/7/2017, 4:27 pm

» Xin hỗ trợ về DNS Domain cho Forumvi
by hoangthong 9/5/2017, 9:37 pm

» skin xinh forum full punbb
by kenbi05 8/5/2017, 10:47 am

» HỖ TRỢ GIÚP MÌNH VỀ VIỆC MẤT CHỨC NĂNG KIỂM TRA THÀNH VIÊN XEM BÀI TRONG GROUP FB
by hoangthong 4/5/2017, 9:14 am

» Xin chỉ giúp cách fix hình nền header cho forumvi
by Phuongtran 25/4/2017, 4:43 pm

» [Mod] Shop Gunny (New Version)
by accit 14/4/2017, 10:30 am

» Giới thiệu 3 mẫu smartphone nổi bật cho bạn quan tâm
by huydv 21/3/2017, 11:14 pm

» [Thông báo] Đổi tên miền diễn đàn[✔]
by vietkanpy 9/3/2017, 8:28 am

» Skin]Teen Pro9x [ PunBB ]
by phamtuananh9x 15/2/2017, 12:57 pm

» [Help] Nhờ mọi người " RIP " giúp mình[✔]
by sayedn73 7/2/2017, 10:31 pm

» CHÚC MỪNG NĂM MỚI
by Exterminator 7/2/2017, 12:16 pm

» Cần giúp đỡ về Ads Banner trong forum
by sayedn73 7/2/2017, 12:42 am

» Xin index box forumvi [✔]
by sayedn73 5/2/2017, 6:50 am

» LỖI ADD TRANG CHỦ
by tommy_phan 17/1/2017, 11:04 am

» Bác nào rảnh tham gia cho vui nhé
by phamthohoa 27/12/2016, 10:06 am

» Cần xin skin ngamvn.com
by sayedn73 14/12/2016, 2:24 am

» Cách đổi nền Forum
by sayedn73 27/10/2016, 1:28 am

» Skin CNTT-K3 2015 (Full Mod)[✔]
by sayedn73 27/10/2016, 1:14 am

» Share skin Gameprivatevn.ace.st
by help me 23/10/2016, 4:32 pm

» Share Skin Xanh Dương Cùi Bắp
by Thànhkent 21/10/2016, 1:37 pm

» [Thắc mắc] RIP Giúp Em Topics_Blog_Box
by sayedn73 21/10/2016, 8:03 am

» Làm sao để làm Shop Pet
by aquariuss 20/10/2016, 2:21 pm

» các thím trên chinhphuc thử tìm từ khóa này xem
by bucnong1 17/10/2016, 1:35 pm

Top posting users this week


[Mod] Shop Gunny (New Version)

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

[Mod] Shop Gunny (New Version)

Bài gửi by markai30 on 6/12/2015, 10:24 pm

Shop Gunny



[You must be registered and logged in to see this image.]

Giới Thiệu


Shop Gunny là một ứng dụng cửa hàng trực tuyến ảo được thiết kế cho phù hợp với các diễn đàn thuộc hệ thống forumotion. Ứng dụng được thiết kế bằng html5, css3. javascript và jquery dựa trên các tài nguyên sẵn có của game Gunny.

Ứng dụng được sử dụng để tiến hành mua bán các vật phẩm có trong shop sau đó lưu dữ liệu vật phẩm vào các field được tạo ra sau đó cho hiển thị dưới dạng 1 canvas. Ứng dụng sẽ tự động kiểm tra phiên bản forum bạn đang sử dụng để điều chỉnh cho thích hợp. Sử dụng các dữ liệu bài viết và lượt thank của thành viên để tính toán cấp độ và chỉ số của Gunny.

Nâng cấp thêm một số vật phẩm mà shop gunny cũ không có như là: Pet, Nền, Vũ Khí.

Ứng dụng sẽ sử dụng một dạng tiền ảo dựa trên số point sẵn có của forumotion để mua bán. Về vấn đề này sẽ nói rõ hơn ở phần sau.

Chức Năng



  1. Tự động trừ xu, lấy và lưu dữ liệu mỗi thành viên khi mua vật phẩm. Không cần sử dụng cách cũ là post bài viết để trừ xu do sử dụng hệ thống xu ảo.
  2. Mỗi vật phẩm có giá khác nhau, và mỗi vật phẩm đều có chỉ số khác nhau. Chia làm 4 chỉ số gồm Atk: Tấn Công, Def: Phòng Ngự, Hp: Máu, Mp: Ma Lực.
  3. Tự động tính toán cấp độ và exp dựa theo dữ liệu số bài và lượt thank của mỗi thành viên. Max cấp tối đa đến 99.
  4. Thêm 2 loại vật phẩm gồm Pet (Thú) và Nền (Phông Nền). Đặc biệt mỗi loại pet đều chuyển động.
  5. Phân biệt 2 loại giới tính tùy mỗi thành viên lựa chọn.
  6. Hiển thị trong wall của thành viên khi có người truy cập.
  7. Hỗ trợ 3 phiên bản forum gồm: punbb, invision, phpbb3.
  8. Hiển thị Gunny của thành viên ở mỗi bài viết.


Demo:


Link shop thử nghiệm: http://gunnyshop.forumvi.com/h2-Shop hoặc viethoagame.forumvi.com/h75-shop.

Reg nick và thử nghiệm tại: http://gunnyshop.forumvi.com/

Link Gunny hiện trong view PHPBB3 : http://gunnyshop.forumvi.com/t1-topic

Link Gunny hiện trong view Punbb : http://gunnyshop.forumvi.com/t1-topic?change_version=punbb&keep_theme=2

Link Gunny hiện trong view Invision : http://gunnyshop.forumvi.com/t1-topic?change_version=invision&keep_theme=2

Gunny Trong View:

[You must be registered and logged in to see this image.]

Link Gunny hiện trong wall PHPBB3 tại: http://gunnyshop.forumvi.com/u1

Link Gunny hiện trong wall Punbb : http://gunnyshop.forumvi.com/u1?change_version=punbb&keep_theme=2

Link Gunny hiện trong wall Invision : http://gunnyshop.forumvi.com/u1?change_version=invision&keep_theme=2

Gunny hiện trong wall:

[You must be registered and logged in to see this image.]

Hướng Dẫn


Bước 1: Html Shop Gunny.


Vào Acp -> Module -> Html page management.
Title: Gì cũng được.
Do you wish to use your forum header and footer ? : Chọn yes

Html Shop Gunny:

Code:
<link href="https://cdn.rawgit.com/matran991/Shop-Gunny/master/shop_share.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<div id="body_shop">
  <div id="shop_center">
    <div id="tab_shop">
      <div class="tab_item" onclick="set_link_img('Vk',0,24,78)">Vũ Khí</div>
      <div class="tab_item tab_Nam tab_gt" onclick="set_link_img('Ao',0,24,207)">Áo</div>
      <div class="tab_item tab_Nu tab_gt" onclick="set_link_img('Ao',0,24,212)">Áo</div>
      <div class="tab_item" onclick="set_link_img('Non',0,24,182)">Nón</div>
      <div class="tab_item" onclick="set_link_img('Kinh',0,24,97)">Kính</div>
      <div class="tab_item" onclick="set_link_img('Ts',0,24,93)">Trang Sức</div>
      <div class="tab_item tab_Nam tab_gt" onclick="set_link_img('Toc',0,24,110)">Tóc</div>
      <div class="tab_item tab_Nu tab_gt" onclick="set_link_img('Toc',0,24,117)">Tóc</div>
      <div class="tab_item tab_Nam tab_gt" onclick="set_link_img('Mat',0,24,76)">Mặt</div>
      <div class="tab_item tab_Nu tab_gt" onclick="set_link_img('Mat',0,24,76)">Mặt</div>
      <div class="tab_item" onclick="set_link_img('Canh',0,24,26)">Cánh</div>
      <div class="tab_item" onclick="set_link_img('Nen',0,24,64)">Nền</div>
      <div class="tab_item" onclick="set_link_img('Vong',0,5,5)">Vòng</div>
      <div class="tab_item" onclick="set_link_img('Pet',0,24,70)">Pet</div>
    </div>
  </div>
  <div id="shop_left">
    <h1>Cửa Hàng</h1>
    <div id="shop_gt">
      <div class="wrap_gt">
        <div class="gt_text">Chọn Giới Tính</div>
        <span data="Nam" class="gt_nam gt_btt" onclick="avata_gt.call(this)">Nam</span>
        <span data="Nu" class="gt_nu gt_btt" onclick="avata_gt.call(this)">Nữ</span>
      </div>
    </div>
    <div id="shop_profile">
      <div id="profile_user" class="is_loading">
        <div class="username">Tên Thành Viên: <span></span></div>
        <div class="gold_user">Hiện Có: <span></span> Xu</div>
      </div>
      <div id="avata_preview">
        <div id="avata">
          <canvas id="Gunny"></canvas>
          <div id="Canh" class="item"></div>
        </div>
      </div>
    </div>
    <div id="total_shop">
      <div class="total_info">
        Tổng số tiền thanh toán:
        <div id="total_buy"></div>
        $
      </div>
      <div id="total_alert">
        <div class="wrap_alert"><i class="fa fa-spinner fa-pulse"></i><span> Đang xử lý, xin vui lòng chờ...</span></div>
        <div class="wrap_fixed" onclick="alert_close()"></div>
      </div>
      <div id="buy_all" class="btn btn-success">
        <i class="fa fa-shopping-cart" style="font-size: 26px;vertical-align: middle;"></i> Thanh Toán
      </div>
    </div>
    <div id="copy_shop">
      <div>Copyright © 2015 by <a href="http://viethoagame.forumvi.com/">VHG</a></div>
      <div>Powered by <a href="http://viethoagame.forumvi.com/">Markai30</a></div>
    </div>
  </div>
  <div id="shop_right" style="margin-top: 20px;">
    <div id="shop_avata">
      <div class="shop_help" style="    background-image: url(https://cdn.rawgit.com/matran991/Shop-Gunny/master/shop.jpg);"></div>
    </div>
    <div id="page_item"></div>
  </div>
</div>
<script src="https://rawgit.com/matran991/Shop-Gunny/master/shop_share.js?204" type="text/javascript"></script>


Bước 2: Tạo Field.


Để lưu dữ liệu bạn cần phải tạo 2 loại field như sau:

Vào ACP -> Quản Lý Người Dùng -> Profile.

Tạo 1 field mới như trong hình.

[You must be registered and logged in to see this image.]

Điền thông tin field như trong hình ở dưới.

[You must be registered and logged in to see this image.]

Tạo thêm một field mới như hình phía dưới nữa.

[You must be registered and logged in to see this image.]

Lưu Ý: Ở field thứ 2 (field Data_Gunny đấy). Nếu bạn muốn tất cả thành viên đều có gunny thì bạn chép code này vào khung default content như sau:

Code:
{Ao:0,Canh:0,Hu:0,Kinh:0,Mat:0,Non:0,Toc:0,Ts:0,Vk:0,Vong:0,Pet:0,Nen:0,Gt:"Nam",atk:0,def:0,hp:0,mp:0}

Sau khi tạo xong field để chắc chắc các bạn nên vào mỗi field và bấm vào button Replace the content để chắc chắn là tất cả thành viên đều có field này.

Bước 3: Chèn Code Vào Overall_Header.



Vào Acp -> Display -> QLTT -> Overall_Header. Tìm </head> và chèn code này vào trước nó:

Code:
<!-- Gunny Show -->
<link type="text/css" rel="stylesheet" href="https://cdn.rawgit.com/matran991/Shop-Gunny/master/forum_gunny.v2.css" />
<script type="text/javascript">
//<![CDATA[
var text_xu = 'Data_Cash';
var text_gunny = 'Data_Gunny';
var text_post = 'Tổng số bài gửi';
var text_thank = 'Reputation';
  $(function(){var test = $('#profile-advanced-details dl dt:contains("'+text_gunny+'")').parent().find('.field_uneditable').text();1==/Ao|Canh|Pet/.test(test)&&"string"==typeof test&&1==/\/u/.test(location.pathname)?$.getScript("https://rawgit.com/matran991/Shop-Gunny/master/wall_gunny.js"):1==/\/t/.test(location.pathname)?$.getScript("https://rawgit.com/matran991/Shop-Gunny/master/view_gunny.js"):1==/\/profile|\/u/.test(location.pathname)&&($('dt:contains("'+text_xu+'")').parent().remove(),$('dt:contains("'+text_gunny+'")').parent().remove())});
//]]>
</script>
<!-- Gunny Show -->

Ở code trên các bạn lưu ý chỗ này:

Code:
var text_post = 'Tổng số bài gửi';
var text_thank = 'Reputation';

Nếu forum của các bạn đã đổi tên các field này rồi. Thì bạn cần phải sửa lại cho phù hợp. Ví dụ như mình đổi Tổng số bài gửi thành Tổng số bài viếtReputation thành Lượt Thích thì mình phải sửa lại như sau:

Code:
var text_post = 'Tổng số bài viết';
var text_thank = 'Lượt Thích';

Lưu ý rằng phải đúng viết hoa cho đúng với tên field nhé.

Bước 4: Sửa View_Topic_Body.



Vào Acp -> Display -> QLTT -> View_topic_body tìm:

Code:
<!-- BEGIN profile_field -->
      {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->

Sửa lại thành:

Code:
<!-- BEGIN profile_field -->
      <span class="field_user" data='{postrow.displayed.profile_field.LABEL}'>{postrow.displayed.profile_field.LABEL} <span class="field_content">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}</span><!-- END profile_field -->

Bước 5:



  Bật hệ thống point nếu bạn chưa bật. Vào ACP -> Module -> Points System. Và làm như hình phía dưới. Ở mục field name đặt thế nào tùy bạn.

[You must be registered and logged in to see this image.]

Tính Xu:



Cách tính xu trong shop được thực hiện như sau:


  1. Khi bạn mua bán vật phẩm thành công. Thì số xu cần thanh toán sẽ lưu vào field.
  2. Số xu để mua bán của thành viên. Sẽ bằng số point trừ cho số xu cần thanh toán sẽ thành ra số xu để mua bán.
  3. Khi số xu mua bán của thành viên nhỏ hơn số xu của vật phẩm sẽ không được phép mua vật phẩm.
  4. Số xu sẽ tăng giảm tùy theo số point của thành viên.


Lưu Ý:




  1. Phải làm bước 2 và bước 3 cho cẩn thận đấy. Nó rất là quan trọng.
  2. Ứng dụng được thiết kế dựa trên skin mẫu chưa chỉnh sửa gì cả. Do đó nếu forum bạn không chạy được, vui lòng để lại demo link và nick để test để được hỗ trợ.
  3. Ai làm thành công thì để lại link ở nick này để mình xem xét sẽ phát triển thêm.
  4. Ứng dụng đã được thiết kế đơn giản và dễ nhất rồi. Hơn hẳn bản cũ rườm rà. Nếu mà làm còn không được nữa thì mình cũng bó tay rồi.

avatar
markai30
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 18/02/2014
Số bài : 100
CPP : 150
Châm ngôn sống : Tự học tự làm

Xem lý lịch thành viên http://Viethoagame.forumvi.com

Về Đầu Trang Go down

Re: [Mod] Shop Gunny (New Version)

Bài gửi by doremon10 on 7/12/2015, 1:12 pm

Vãi ngon, quá nhanh quá nguy hiểm :v
avatar
doremon10
CPMember
CPMember

Chrome Invision
Ngày đăng ký : 23/11/2015
Số bài : 12
CPP : -6
Châm ngôn sống : ...

Xem lý lịch thành viên http://ecchifamily.forumvi.com/

Về Đầu Trang Go down

Re: [Mod] Shop Gunny (New Version)

Bài gửi by pro_qng on 8/12/2015, 4:26 pm

chịu thôi link hình không thấy được , mong sữa ảnh up lên host khác dùm với ạ
[You must be registered and logged in to see this image.]
avatar
pro_qng
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 17/08/2012
Số bài : 527
CPP : 205
Châm ngôn sống : Các cụ có câu : Thương nhau mà sống :)

Xem lý lịch thành viên http://gameland.forumvi.com

Về Đầu Trang Go down

Re: [Mod] Shop Gunny (New Version)

Bài gửi by markai30 on 8/12/2015, 6:09 pm

[You must be registered and logged in to see this link.] đã viết:chịu thôi link hình không thấy được , mong sữa ảnh up lên host khác dùm với ạ
[You must be registered and logged in to see this image.]

Do máy bạn thôi. Thử xóa cache đi xem sao. Chứ mình thấy cũng bình thường.

[You must be registered and logged in to see this image.]
avatar
markai30
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 18/02/2014
Số bài : 100
CPP : 150
Châm ngôn sống : Tự học tự làm

Xem lý lịch thành viên http://Viethoagame.forumvi.com

Về Đầu Trang Go down

Re: [Mod] Shop Gunny (New Version)

Bài gửi by doremon10 on 13/12/2015, 1:09 pm

ảnh độ nét cao thế
avatar
doremon10
CPMember
CPMember

Chrome Invision
Ngày đăng ký : 23/11/2015
Số bài : 12
CPP : -6
Châm ngôn sống : ...

Xem lý lịch thành viên http://ecchifamily.forumvi.com/

Về Đầu Trang Go down

Re: [Mod] Shop Gunny (New Version)

Bài gửi by accit on 14/4/2017, 10:30 am

Có bạn nào còn lưu lại hình level với cánh gunny không? cho mình xin với ạ , mấy link trên die hết mất rồi Buồn
avatar
accit
CPMember
CPMember

Firefox PunBB
Ngày đăng ký : 02/04/2013
Số bài : 67
CPP : 136
Châm ngôn sống : =)))))

Xem lý lịch thành viên http://chanducsp.formvi.com

Về Đầu Trang Go down

Re: [Mod] Shop Gunny (New Version)

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

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


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