HƯỚNG DẨN THIẾT KẾ WAPFORUM YOURWAP.EU

Nhiều bạn đã trực tiếp hỏi trên Diễn Đàn Làm wap, một số ít cũng email hỏi. VG34 không thể trả lời cho mỗi người bằng thư riêng được. Hôm nay bài viết này để các bạn có thể hiểu và làm được Yourwap.eu. Chú ý là tài liệu này không do VG34 trực tiếp viết như những bài trước đây, đây là tài liệu gốc của Yourwap.eu được đăng tải tại đây cho các bạn tham khảo. Nếu các bạn có truy cập Yourwap.eu cũng sẽ nhìn thấy bài viết này.

Giới Thiệu Chung về YOURWAP.EU

→ Cũng như wapego hay waplux thì yourwap không khác gì mấy nhưng yourwap có bổ sung thêm một số tính năng hay như icon rank (hình bên cạnh nick tùy biến theo cấp độ của nick). Ngoài ra yourwap còn thêm chức năng tạo các topic viết ngoài trang chủ bạn có thể tùy chỉnh nó, phân điểm thưởng theo nhiều hoạt động khác trong wap như gửi câu đố vui, post bài trong diễn đàn, mỗi tin nhắn chat...
→ Điều quan trọng nữa là yourwap còn hổ trợ chèn code html, bạn có thể tùy chỉnh css, nói chung đụng đến html thì lại liên quan xtgem rồi. vì thế để làm được yourwap đẹp bạn cần biết sơ qua cách làm xtgem và hiểu 1 chút chút về html cũng như dùng css (chỉnh màu sắc nhanh chóng toàn wap).
→ Yourwap không dễ mà cũng không khó lắm đâu, bạn chỉ cần đọc hướng dẫn này thật kĩ và làm theo chắc chắn sẽ làm được, tôi viết bài hướng dẫn chủ yếu là cho người khác hiểu, điều đó quyết định sự thành công của bài viết. Đăng ký tài khoản yourwap
→Muốn tạo ra 1 wap thì cần có 1 tài khoản Email (có thể là yahoo, gmail....) vì khi đăng ký xong nó sẽ gửi mã kích hoạt về email của bạn, bạn phải vào email lấy mã số đó điền vào ô nó yêu cầu thì wap bạn mới tồn tại vĩnh viễn, nếu không kích hoạt wap sẽ bị xóa trong 1 tuần.

→Bước 1:
Bạn vào yourwap.eu để đăng ký tạo 1 trang wap. sau khi vào trang đó bạn sẽ thấy hình lá cờ Việt Nam yêu dấu của chúng ta, bấm vào đó để sử dụng ngôn ngữ tiếng việt nha!

→Bước 2:
Tới đây thì ai cũng biết rồi đúng không nào, bạn bấm vào dòng chữ "Đăng ký một trang web mới!" nó sẽ hiện ra trang đăng ký. gồm có 2 ô, ô đầu tiên bạn ghi tên trang mình muốn ví dụ tôi ghi là SUJU và ô thứ 2 nó bảo lựa chọn tên miền, tôi chọn là YOURWAP.EU bạn muốn chọn thứ khác cũng được » rồi bấm tiếp theo. kết quà là sau khi thành công tôi sẽ có trang vietchat.wapink.lt . Sau này bạn có thể thiêm tên miền .tk cho wap mình nữa, ví dụ tôi đổi tênsuju.yourwap.euthành tên SUJUVN.tk .

→Bước 3:
sau khi xong bước 2, nó hiện ra 1 trang bảo nhập biệt danh, mật khẩu, chọn ngôn ngữ tiếng việt, địa chỉ email, mã số kèm theo (nếu không thấy mã số thì bạn bật chế độ xem ảnh của máy lên) bạn nhớ là dùng email thật của bạn nhé!

→Bước 4:
xong bước 3 nó sẽ hiện trang đăng lý thành công. với nội dung như sau:
★Đăng ký đã thành công! Biệt danh:yourwapvn Mật khẩu:**** E.mail:yourwapvn@gmail.com Tên trang web (URL):http://suju.yourwap.eu Phía dưới có chữ "Đăng nhập" bạn bấm vào đó rồi đăng nhập để vào trong tạo lập wap.

→Bước 5:
sau khi đăng nhập bạn thấy nó bảo dòng chữ "Đăng nhập thành công. Ở đây bạn có thể thêm vào mục yêu thích." bạn lưu trang đó vào chỉ mục của điện thoại hoặc bookmark của operamini... để lần sao vào từ địa chỉ đó mà không cần nhập mật khẩu nữa. bấp tiếp tục để vào trang tạo lập nhé!. Lúc này mới thú vị đây. có một dòng chữ cảnh báo hiện ra: nói rằng "Wapsite của bạn sẽ hết hạn trong 6 ngày. 23 h. xin vui lòng Xác minh e-mail" hihi bạn vào email của bạn thôi nào ! Đăng nhập yahoo nếu dùng gmail thì vào đây Đăng nhập gmail vào đọc email bạn sẽ thấy nó gửi 1 nội dung gì đó có chứa mã số lẫn chữ, ví dụ: 78hk2k bạn copy mã đó hoặc ghi ra giấy, thật chính xác nó có phân biệt chữ thường và chữ hoa nữa đó. Sau đó vào trang tạo lập hồi nãy bấm vào dòng link "xác minh email" phía dưới dòng chữ cảnh báo đó. nó sẽ hiện ratrang bạn nhập mã ở trong email vào ô trên "mã xác nhận" . rồi nhập vài ký tự bất kì vào ô dưới "mã an toàn" bấm ok là xong. nó sẽ ra trang thông báo là "Các thiết lập đã được thay đổi thành công". nó còn hỏi bạn là thay đổi email không thì ko nên đổi vì email đó là của mình đổi chi cho mất công. thế là nhấp vào link "trang chủ" dưới cùng để quay về trang tạo lập.
Khái niệm ban đầu:
→ Trước tiên chúng ta vào "tạo lập" thấy wap mình có sẫn một trang tên là "Main page" nó dùng làm trang chủ. bạn có tạo thêm 1 trang nữa tên là "Đăng ký đăng nhập" dùng làm trang đăng nhập cho người mới vào wap bạn (cũng không cần thiết lắm). Dưới đây tôi chỉ hướng dẫn bạn làm 1 trang chủ, trên đó có link đăng ký và đăng nhập luôn, sau khi đăng ký và đăng nhập nó sẽ ẩn link đó.như thế không cần trang đăng ký nữa chi cho mất công.
→Còn màu sắc thì sao? à cái này hả. có 2 cách chỉnh màu sắc và khung viền. cách 1 là chỉnh thủ công (dùng công cụ của yourwap để thêm thuộc tính), cách 2 là chỉnh tập tin css "main file" không phải cái trang chủ đâu nhé, cái trang css này nó nằm trong "thay đổi giao diện" ấy! và Dưới đây tôi xin hướng dẫn chỉnh màu sắc bằng cách thủ công luôn vì mới bắt đầu làm nên làm cái cơ bản.
Tạo màu sắc và khung viền yourwap:
Trong trang thiết kế wap nó có các dòng sau:
-Hổ trợ
-Tạo lập
-Tập tin lưu trữ
-Thay đổi giao diện
-Mô-đun
-Cài đặt
-Đăng xuất
→Để tạo màu sắc và khung viền bạn vào "thay đổi giao diện" bấm vào tập tin "main file"Nó sẽ xuất hiện một hàng các giá trị như sau: Trung tâm (body :là toàn bộ wap, có thể xem như khung lớn)
Hình ảnh (image: ảnh trong các modun)
Liên kết (link: các link liên kết trong wap)
*Liên kết (a:hover) (cái này là link khi có chuột rơ lên)
Phần chọn (Select: phần chọn ngày tháng
năm...) Đầu vào (Input: ô nhập văn bản)
Văn bản (Textarea: văn bản trong khung khi nhập vào)
Nút (Button: nút bấm)
Phong cách: giữa
Phong cách: phải
Phong cách: Trái
Phong cách: đậm (Style: Bold: chữ in đậm)
Phong cách: nghiêng (Style: Italic: chữ
nghiêng) Phong cách: gạch dưới (Style: Underlined: ghạch chân chữ)
Phong cách: lớn (Style: Big; kiểu chữ to)
Phong cách: nhỏ (Style: Small: kiểu chữ nhỏ)
Phong cách: tiêu đề (Style: Title : các đề mục lớn)
Phong cách: Nổi bật (Style: Highlighted)
Phong cách: tiêu đề cuối trang (Style: Footer )
Phong cách: đóng hộp (Style: Boxed Khung cho số trang trong diễn đàn...)
→Trước khi hướng dẫn tiếp thì bạn quay ra trang chủ chọn lá cờ tứ 3 là tiếng anh nhé! ( vì hướng dẫn css bằng tiếng anh sẽ dễ hơn) →bạn thấy chữ "Full edit" thì đừng bấm vì nó là chỉnh css nâng cao, nếu làm sai thì rất khó sửa nếu chưa có kinh nghiệm
→Ví dụ bạn bấm vào chĩnh phần "trung tâm" bên tiếng anh là "body" bạn sẽ thấy một số thuộc tính có sẵn, và bây giờ bấm vào dòng "thêm thuộc tính" (bên tiếng anh là: Add new attribute)bạn sẽ thấy các thuộc tính sau:
Background color: màu nền
Background image màu nền ảnh
Background repeat :lặp lại hình nền.
Background position (vị trí ảnh nền)
Font style (kiểu chữ)
Font weight (mức độ đậm nhạt)
Font family (dạng khai báo kiểu chữ)
Font color (màu chữ)
Text align (căn lề văn bản)
Text decoration (gạch chân link hay không?)
Border style (kiểu đường khung)
Border top width (độ rộng đường khung trên)
Border bottom width (độ rộng đường khung dưới)
Border left width (độ rộng đường khung trái)
Border right width (độ rộng đường khung phải)
Border color (màu khung)
Margin top (khoảng cách trên ở ngoài khung)
Margin bottom (khoảng cách dưới ở ngoài khung)
Margin left (khoảng cách trái ở ngoài khung)
Margin right (khoảng cách phải ở ngoài khung)
Padding top (khoảng cách trong từ chữ đến viền trên khung)
Padding bottom (khoảng cách trong từ chữ đến viền dưới khung)
Padding left (khoảng cách trong từ chữ đến viền trái khung)
Padding right (khoảng cách trong từ chữ đến viền phải khung)
**Chú ý:bạn chỉ cần nhớ:
margin là ngoài khung
border là đường viền khung
pading là trong khung
center= giữa
left=trái
right=phải
top=trên
bottom=dưới
ví dụ: title (tiêu đề trang weandyou.yourwap.eu tôi tạo như sau:
text-align:center;color:#ffffff;border-top-width:1px;border-style:solid;border-color: #CC6600; border-right-width:0px;border-left-width:0px;border-bottom-width:1px;background-color:##009900;font-weight:bold;margin-bottom:0px;margin-top:0px;padding-bottom:1px;padding-top:1px;background-repeat:repeat;background-image:url(http://i978.photobucket.com/albums/ae269/thanhtamboot/xtgem/NEN-WAP/bgTopmenu.gif);}
Hoặc bạn có thể dùng một số mẫu cung cấp sẵn bằng cách:
"Thay đổi giao diện" → "Các tập tin người sử dụng CSS" chọn 1 cái rồi nhập tên vào ô (ở đây tôi ghi tên là "css mới" để lưu file đó lại. sau đó trở lại sẽ thấy tập tin "css mới" , bên cạnh nó có chữ "E" bạn bấm vào chữ "E hiện ra 1 trang sửa, bạn đánh dấu vào ô "tập tin chính" sau đó bấm "sửa đổi" thế là xong, wap bạn sẽ có một màu sắc tương đối mà không mất công chỉnh sửa.
→Xem như xong phần hướng dẫn về màu sắc nha! sau này tôi sẽ viết bài hướng dẫn sửa css theo kiểu văn bản.
Tạo trang chủ:
→Tôi sẽ hướng dẫn tạo trang chủ chung với trang đăng ký và đăng nhập luôn. và sau khi đăng ký thì link đăng ký và đăng nhập ẩn vào.
→Sau khi đăng nhập vào yourwap.eu thì nó hiện ra bảng chỉnh sửa , cái này quen rồi mà. trong đó bạn chọn tạo lập bạn sẽ thấy một tập tin là "main page" bạn bấm vào nó. tiếp theo bạn sẽ thấy một hàng ngang có 3 hình là :
Muỗi tên (dùng để di chuyển thuộc tính đó)
Dấu cộng (thêm thuộc tính mới liền kề sau nó)
Dấu trừ (xóa).
→Trước tiên bấm vào "thêm phần tử mới" phần tử thêm vào sẽ nằm dưới cùng.» "chọn phong cách" và check vào ô tiêu đề, bỏ trống 2 ô cuối cùng (nó là hỏi bạn cho thành viên thấy hay khách thấy, nếu bỏ trống thì cả 2 đều thấy)
→sau đó trang bạn có 1 phần tử mới là tiêu đề, nó có 1 dòng mở đầu và 1 dòng kết thúc kết thúc. tiếp theo bạn bấm vào dấu cộng của phần tử mở đầu tiêu đề là cái dòng phía trên đó bạn. sau đó chọn "văn bản" rồi nhập văn bản vào. ví dụ như trang bạn đang đọc thì tôi thêm văn bản nội dung là "★Hướng Dẫn Làm Yourwap★" không tính dấu 2 chấm nha!
→tiếp theo bạn thêm phần tử căn giữa: bạn bấm "thêm phần tử mới" » "phong cách" » check vào ô căn giữa. lần này check thêm vào 1 ô bên dưới nữa cái ô có nội dung là "Hiển thị thành phần này khi chua đăng nhập" vì để một hồi nữa mình bỏ 2 link đăng ký và đăng nhập vào, nếu ai chưa đăng nhập nó sẽ hiện, còn đăng nhập rồi thì nó ẩn.

→xong bước trên nó cũng hiện ra thêm 2 phần tử cuối cùng một cái là mở đầu căn giữa, một cái là kết thúc căn giữa. bạn bấm vào hình dấu cộng của cái mở đầu căn giữa nhé vì mình chèn phần tử mới nó sẽ nằm trong căn giữa. sau đó bạn chon "modun" » "Đăng ký" nhập vào ô văn bản là "Đăng ký nhé!" và cụng như trên thì bạn check vào ô "Hiển thị thành phần này khi chua đăng nhập" . tương tự bạn làm cho modun đăng nhập.
→nói đến đây chắc bạn cũng biết gần hết rồi, chỉ cần chọn trong modun mà đưa ra thôi, sẵn tôi giải thích một số thuộc tính khi chọn phần tử luôn:
Xin vui lòng chọn các phần tử mà bạn muốn thêm vào wap bạn.

» Văn bản = thêm văn bản
» Tập tin liên kết đến tập tin bạn up vào mục lưu trử, nó sẽ hiện tự động các trang và link tải về cho khách)
» Liên kết = thêm liên kết url http://..
» Liên kết đến mô đun phụ = bạn bấm vào sẽ thấy một số như ảnh mới, thành viên mới,thư viện mới...
» Liên kết đến trang = liên kết dẫn đến 1 trang trong tạo lập của bạn
» Hình ảnh thêm ảnh bằng cách nhập url http://...
» Phong cách = phần trên nói rồi nó là căn lề đó
» Dòng mới = thêm một dòng trống
» Mô-đun = các chức năng chính
» Mã HTML = thêm mã code html ai làm xtgem sẽ biết.
» SMS quảng cáo = link quảng cáo để kiếm tính dụng, không nên xài.
Các biến:
→yourwap cung cấp cho chúng ta một số biến như sau:
Biệt danh-[ nick]. Trực tuyến-[ online]. Vui chơi trực tuyến-[ online-chat]. Diễn đàn trực tuyến-[ online-forum]. Tổng tin nhắn riêng(dành cho thành viên đã đăng nhập)-[ pm]. Tin nhắn riêng mới-[ pm-new]. Bạn bè số(dành cho thành viên đã đăng nhập)-[ fr]. Bạn bè trực tuyến(dành cho thành viên đã đăng nhập)-[ fr-on]. Ngày-[ date]. Thời gian-[ time]
ở đây tôi viết mã có dấu ra để nó không hiển thị số, khi bạn bỏ vào wap nhớ viết liền nhau.
vậy nó dùng để làm gì? nó dùng để nhập vào wap theo cách nhập văn bản nó sẽ hiện giá trị là số tương ứng với chức năng của cú pháp đó. ví dụ bạn thêm văn bản với nội dung là "online ([ online ])" thì khi hiển thị nó sẽ là "online: (5)" nếu trong wap đang có 5 người online. bạn có thể đặt đoạn văn bản ví dụ trên làm tên link cho modun "thành viên trực tuyến" khi đó thành viên vừa thấy số người online vừa có thể bấm vào xem ai. tương tự bạn tìm hiểu thêm nhé!

Biểu tượng vui:
Thêm biểu tượng vui cho yourwap thì có 2 cách, thứ 1 bạn cần có link ảnh, bạn phải up ảnh lên wap hoặc coppy link của người khác. Cách thứ 2 là bạn có thể sử dụng smile có sẵn do yourwap cung cấp.
★cách 1:bạn vào modun → mô đun biểu tượng vui (smiles) →thêm biểu tượng vui (dòng trên nhé, dòng dưới là cách 2 rồi) . ô trên bạn nhập cú pháp ví dụ #tinhyeu, ô dưới điền link ảnh (ví dụ http://...) bạn nên dùng dấu "thăng" vì có một số người dùng dấu chấm thì máy tính nhầm với một đoạn nào đó của link , làm biểu tượng ko xài được. lấy link biểu tượng ở đâu ? hehe vào đây nhé
★cách 2: tương tự cách 1 thay vì lúc bấm vào dòng link "thêm biểu tượng vui "ở trên lúc nãy thì bây giờ bấm dòng link "thêm biểu tượng vui " bên dưới link đó, nó sẽ hiện ra các thư mục chứa biểu tượng vui, bạn chỉ cần đặt cú pháp cho nó rồi bấm "thêm"

Chat trên trang chủ:
→Để có khu vực chát trên trang chủ bạn phải tạo topic "chủ đề" sau đó đưa chủ đề đó ra trang chủ.
→Bước 1 tạo topic:bạn vào Modun » modun chủ đề » Tạo chủ đề mới » bạn sẽ thấy như sau :
Chủ đề tên:

cấp độ:
Quản lý chủ đề từ cấp độ

Số lượng tin nhắn hiển thị[1-10]:

Hiển thị lịch sử tin nhắn khi thay đổi chủ đề?

Hiển thị lịch sử từ cấp:

Thay đổi chủ đề nút văn bản:

Đặt số điểm bị trừ khi viết, nếu ko trừ thì ghi số 0.
Pluses amount:

Thay đổi vị trí nút bấm:

→Bạn điền đầy đủ thế là có 1 topic rồi.
→Bước 2 :Đưa chủ đề ra trang chủ. bạn mở trang chủ ra, chọn vị trí cần gắn chủ đề "topic" bấm vào dấu cộng (thêm phần tử đó bạn) tiếp sau đó chọn modun » chủ đề » chọn cái chủ đề bạn vừa tạo đó» ok. vậy là trang chủ có thể chat được rồi

Để thêm quà tặng và bưu thiếp vào cửa hàng thì bạn phải upload các hình ảnh vào tập tin lưu trữ trước, sau đó vào cửa hàng và thêm quà tặng vào từ lưu trữ tập tin vừa upload:
→Bước 1: Vào lưu trữ tập tin » tạo thư mục mới » nhập tên thư mục cần tạo ví dụ "quà cho nữ" » thế là tạo xong 1 thư mục trống chưa có hình ảnh nào.
→Bước 2: cũng trong lưu trữ tập tin đó , bạn chọn thư mục mà bạn muốn chứa quà tặng, ví dụ lúc nãy tôi tạo thư mục "quà cho nữ". sau đó chọn "Tập tin mới upload" cái này là việt hóa chưa hay nên mình chấp nhận thôi. sáu đó chọn hình trong máy tính hoặc điện thoại rồi upload lên nhé! thế là đã có thư mục chứa các quà tặng
→Bước 3: vào modun » cửa hàng » quản lý bưu thiếp » Thêm thể loại mới » chọn thư mục bạn vừa upload lúc nãy. rồi nó kêu đặt tên thì bạn ghi tên gì cũng được để phân loại cho thành viên dễ chọn thôi, vd: tôi ghi là "quà cho nữ". thế là wap bạn có thể tặng bưu thiếp rồi đấy
→Bước 4: chú ý bạn có thể cài đặt điểm bị trừ khi gửi 1 bưu thiếp. bạn vào modun » cửa hàng » mua Món quà cho một người bạn » nhập số điểm vào. Với cách này bạn có thể làm một trò chơi mua vé số tạo ra 100 tương ứng 100 số. khi thành viên mua thì mất tiền, chiều xổ nếu trúng thì Admin cộng tiền.
204