Theme editor

[Tutorial] Hướng dẫn sử dụng chức năng Customize Profile

  • Người khởi tạo Người khởi tạo Pisces
  • Ngày bắt đầu Ngày bắt đầu

Pisces

m3NoaGeneral Mentor
Thành viên BQT
Tham gia
24/5/06
Bài viết
2,525
Điểm tương tác
615
Điểm
0
Nơi ở
Mirkwood of Rhovanion
Thread owner
Nhằm giới thiệu chức năng mới cho những đồng chí nào chưa biết, đồng thời cũng để trợ giúp chút ít về phần kỹ thuật cho các thí sinh tham dự giải đấu "F.P.D Contest", tớ viết bài hướng dẫn sử dụng chức năng Customize Profile trong phần User control Panel mà các đồng chí có thể dễ dàng truy cập thông qua việc click vào chữ "Cá nhân" ở phía trên góc trái của thanh công cụ.


​

Sau khi vào được trang tùy chỉnh giao diện Profile, ta sẽ có 8 phần để thiết lập các thuộc tính. *Lưu ý nhỏ, nếu các đồng chí thay đổi các thông số của phần nào thì phần đó sẽ bị thay đổi, còn nếu để trống thì phần giao diện đó sẽ là thiết lập mặc định của Forum Style, có nghĩa là những phần đấy có thể sẽ khác nhau trên các kiểu style khác nhau :).. Chi tiết các thành phần như bảng bên dưới.
- Font Family: lựa chọn kiểu phông chữ cho toàn trang.

- Text Color: Chọn màu chữ cho nội dung của phần Main.
- Shaded Text Color: màu chữ cho phần text mờ,
- Hyperlink Color: Màu chữ cho phần nội dung chứa liên kết.
* Để chọn màu thì hoặc là gõ mã màu vào, hoặc là click vào ô vuông bên cạnh để chọn màu thích hợp.

- Border Color, Style, Width, Padding: Lựa chọn các thuộc tính cho đường viền như màu sắc, kiểu dáng, độ rộng và khoảng cách phần đệm.

- Background Color, Background Image: Màu nền và ảnh nền. Ở phần Repeat, chọn phương thức lặp cho ảnh nền:

+ Both: lặp theo cả chiều ngang và dọc;
+ Horizontal: lặp theo trục ngang;
+ Vertical: lặp theo trục dọc;
+ None: ảnh nền không lặp lại.

*Cách sử dụng ảnh nền như thế nào sẽ đề cập chi tiết bên dưới.
Phần này đơn giản chỉ điều chỉnh màu sắc của phần Block Border, thêm cái chức năng chèn ảnh nền cho các khối nội dung.


Note:
Nếu sử dụng ảnh nền cho phần này, tốt nhất không sử dụng ảnh nền của phần Primary Content Areas và Secondary Content Areas bên dưới.





Phần điều chỉnh các thiết lập về màu chữ, màu nền và ảnh nền cho các phần tiêu đề mục: Major Block Header, Minor Block Header, Block Footer. Để có thể nắm rõ hơn vị trí của từng phần trong trang Profile, có thể xem bản đồ bố cục bên dưới.

Note:
Riêng phần Block Footer, phần này không hiển thị bên ngoài trang profile mà chỉ có thể nhìn thấy trong phần quản lý Album ảnh, do vậy có thể bỏ qua không cần quan tâm phần này :).


*Tạo Album ảnh thiết kế Profile:
Để có thể sử dụng ảnh từ album để thiết kế nền cho các phần này, ta phải tạo một album dành để chứa ảnh "tùy chỉnh Profile". Để tạo album ảnh, ta có thể vào User control Panel, chọn mục Pictures & Albums thuộc phần Networking, -->click vào Add Album, ở phần Tiêu đề, gõ vào một cái tên tùy thích, phần Descriptions - miêu tả, có thể để trống hoặc viết vơ vẩn gì tùy tâm, nhưng cái quan trọng nhất, phần Album Type, phải chọn kiểu album là Profile - Pictures used to modify your profile style. Tạo Album xong thì tiến hành Upload ảnh từ máy tính của mình lên Album, vậy là xong. Cái này đơn giản nên chỉ nói sơ qua thế thôi, ko cần ảnh minh họa nữa nhá /:).
Thiết lập màu chữ, màu link liên kết cho các phần nội dung chính của trang Profile. Về bố cục chi tiết thì lại mời các đồng chí xem qua cái sơ đồ bên dưới.
Nói sơ qua thì phần Primary Content là phần chứa nội dung của các tin nhắn các thành viên, chứa phần lớn nội dung về thông tin thành viên, danh sách bạn bè, các số liệu thống kê,...
Secondary Content là các phần thông tin phụ như ngày tháng - giờ giấc, tên nick, nhưng phần lớn là chứa các link liên kết đến các "đối tác" khác, vì vậy nên lưu ý.
Phần Controls, là phần tùy chỉnh các button và cái khung gửi tin nhắn, phần này tốt nhất không nên chỉnh cái phần màu chữ - Text color, vì có thể sẽ ko đạt kết quả như mong đợi đâu :).

*Chọn ảnh từ Album ảnh để làm ảnh nền cho các thành phần:

Click vào hình bên cạnh các khung Background Image, danh sách hình ảnh mà các đồng chí đã up vào Album "tùy chỉnh Profile" phía trên sẽ hiện ra, và mọi người chỉ việc chọn ảnh phù hợp là xong B-).

Note: Thỉnh thoảng trong quá trình điều chỉnh các thiết lập, mọi người nên click vào nút Preview để xem qua giao diện của phần Profile, xem đã vừa ý chưa, nếu thấy hài lòng thì Click vào Lưu để save các thông số lại. Nên làm 2 thao tác này thường xuyên, tránh trường hợp lỡ may đang hăng say design thì máy bị đứt mạng, hay tệ hơn là mất điện thì công sức đi tong hết :-".


Sơ đồ bố cục các thành phần trên trang Profile (click vào hình để xem chi tiết):


​
 
hè hè, giờ thì em hiểu rõ hơn rồi... Cảm ơn bác. Nói qua nói lại thì làm đẹp được vẫn khó :(
 
Khó wa', xem xét rùi làm tiếp. Định làm thành hình bức tranh nhưng phải cắt ghép nhìu wá nên chưa tưởng tượng ra :((
------------------------------------------
Bó tay, để nhiều cái thanh kia wa làm chỉnh mãi hok dc như ý mun, mấy cái lại còn liên wan đển nhau nữa mí khó chứ :((
 
Sửa lần cuối:
Hì, thanks Pisces nhiều. Viết thế này là quá dễ hiểu rồi. Các bác cứ nhìn kỹ thì có gì đâu mà rối với rắm gì.
 
Ai dà, bác Pis này còn dấu nghề nhá... Em nói luôn : để làm trong suốt khung thì gõ transparent vào khung background color. Ehehe...
 
Sửa lần cuối:
à, nữa. Em thấy có nhiều 4r còn có thể tạo nhạc nền cho trang profiles nữa. Của mình có không các bác...
 
Thread owner
à, nữa. Em thấy có nhiều 4r còn có thể tạo nhạc nền cho trang profiles nữa. Của mình có không các bác...

Trang nào cậu cho tớ cái ví dụ? VÌ tớ lọ mọ mãi trong cái phần tùy chỉnh này, cả trong hệ thống cấu tạo nữa, cũng ko thấy đề cập :-?. Chắc cái này là một dạng Plugin rồi, mà chèn ảnh ko thôi cậu đã la nặng, còn lôi thêm nhạc nền vào nữa làm chi :-".

P/S: câu của cậu Red đã trả lời trong Profile =).
 
có mà, có mà. Sáng nay để tìm được cái "ngón bí truyền" của bác em đã phải tìm khắp các 4r, tự dưng em phát hiện ra. Load ko chậm hơn là mấy cả...
Nhưng mà giờ đi học đã, tối về em tìm lại...
 
tình hình là em thấy hơi nhiều người dùng cái transparent thì phải... :(
 
Thread owner
tình hình là em thấy hơi nhiều người dùng cái transparent thì phải... :(

Thường thì chỉ sử dụng 2 kiểu thiết lập nền cho các module (các khung nội dung):
- Ko sử dụng màu nền mà dùng ảnh nền, vì nếu đã dùng ảnh thì sẽ ko thấy màu nền.
- Ko sử dụng ảnh nền và dùng transparent để nhìn thấy ảnh nền dưới cùng (ảnh nền của phần Main).
 
Thường thì chỉ sử dụng 2 kiểu thiết lập nền cho các module (các khung nội dung):
- Ko sử dụng màu nền mà dùng ảnh nền, vì nếu đã dùng ảnh thì sẽ ko thấy màu nền.
- Ko sử dụng ảnh nền và dùng transparent để nhìn thấy ảnh nền dưới cùng (ảnh nền của phần Main).
em thì vẫn thấy sự khác biệt của cái profile của bác với các profile dùng transparent thông thường khác - mà đơn cử là của em. Nhìn nó không được thuận mắt cho lắm.
Bác có thể chỉ giáo chút ít ko ... :crave:
 
Thread owner
em thì vẫn thấy sự khác biệt của cái profile của bác với các profile dùng transparent thông thường khác - mà đơn cử là của em. Nhìn nó không được thuận mắt cho lắm.
Bác có thể chỉ giáo chút ít ko ... :crave:

Chỉ có như thế này thôi, đâu có "giáo" gì khác biệt ;))
Prf_Content_Areas-1.png
 
Back
Top