Cách chỉnh sửa trong CSS vbb

[congtust24]

Chèn ảnh nền vào phần nhập nội dung bài viết:
Vào Style & Templates/ Manager Style/ Main CSS

Tại phần Soạn thảo WYSIWYG ta thay phần màu nền background thành

#F5F5FF url(images/misc/anhnen_text_box.gif) no-repeat center

Trong đó tên "anhnen_text_box.gif" là tên ảnh mà bạn muốn chèn đặt tại thư mục images/misc/
Thế thui.

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

Làm viền cho nút

Ta tới phần Nút (Button)

Thay vào giá trị màu nền là: #E4E7F5

Thêm vào ô thuộc tính CSS đặc biệt (phía bên phải của ô màu nền ấy):

BORDER-RIGHT: #5182c2 1px dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2 1px dotted; BORDER-BOTTOM: #5182c2 1px dotted;

Sau đó bạn có thể thay các thuộc tính như:

màu sắc viền (#5182c2)
Độ dày viền : 1px dotted

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

Chèn ảnh nền vào thẻ Body của trang chủ. Cái này nếu biết cách sử dụng thì sẽ rất hữu ích

Tại phần Trang nền (Background page) ngay bên dưới phần Body đó ta nhập thuộc tính vào ô màu nền như sau:

#FFFFFF url(images/misc/dot.gif)

Trong đó tên ảnh là "dot.gif" đặt trong thư mục "images/misc/"

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

Category Strips
'Category Strips' được dùng với hai mục đích. Nó được dùng để chỉ ra một 'Chuyên mục' diễn đàn, và nó cũng được sử dụng như một kiểu giao diện cho nội dung thanh tiêu đề của hầu hết các bảng.

Nếu ta muốn chèn ảnh vào phần thanh tiêu đề của "Chuyên mục" thì ta nhập vào ô màu nền như sau:

#FFFFFF url(images/misc/table_header_bg.gif) repeat-x top left

Trong đó #FFFFFF (màu trắng) là màu nền còn ảnh nền thì các bạn cũng đã hiểu với phần trên.
Lưu ý rằng các bạn phải chú trọng cả đến màu ảnh nền và màu Font. Để cho 2 cái có độ tương phản cho dễ đọc.

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

Màu đầu tiên (First color) và màu thứ hai (Second color)

Mô tả:
Hầu hết các bảng trong diễn đàn dùng màu đầu tiên hoặc thứ hai cho màu nền. Đặt thuộc tính để sử dụng 'Màu đầu tiên' tại đây.

Màu đầu tiên là màu nền của phần nội dung bài viết khi bạn xem chủ đề
Màu thứ hai là màu nền của phần có chứa tên sử dụng, Avatar, danh hiệu... của người viết bài

Các bạn nên sửa cho phù hợp với tông màu của màu nền diễn đàn một cách hài hoà.



Sau đây là thiết lập giao diện của tôi đã thực hiện. Tôi cho rằng giao diện này sửa thêm một vài chi tiết nữa thì chẳng kém giao diện của anh Admin bên này. Chú ý rằng giao diện đẹp thì phải đi đôi với bộ nút đẹp. Các bạn nên sắm cho mình một bộ nút ăn ý với giao diện. Còn bây giờ đây là phần giao diện của tôi:
------------------------
Body
Giữ nguyên thiết lập gốc
----------
Trang nền (Background page)
Màu nền: #FFFFFF url(images/misc/dot.gif)
Màu Font: #000000

------------------------------
<td>, <th>, <p>, <li>
Giữ nguyên thiết lập gốc

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

Viền bảng
Giữ nguyên thiết lập gốc
-------------------------------

Category Strips
Màu nền: #FFFFFF url(images/misc/tm.gif) no-repeat center
Màu Font: #003366

Liên kết CSS bình thường
Màu nền: transparent
Màu Font: #003366
Text decoration: None

Liên kết CSS đã vào:
Màu nền: transparent
Màu Font: #666666
Text decoration: None

Liên kết CSS Hover
Màu nền: transparent
Màu Font: #006699
Text decoration: underline

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

Table Header

Màu nền: #FFFFFF url(images/misc/table_header_bg.gif) repeat-x top left
Màu Font: #003366

Liên kết CSS bình thường
Màu nền: transparent
Màu Font: #003366
Text decoration: None

Liên kết CSS đã vào:
Màu nền: transparent
Màu Font: #666666
Text decoration: None

Liên kết CSS Hover
Màu nền: transparent
Màu Font: #006699
Text decoration: underline
-----------------------------------------------

Table Footer

Màu nền: #FFFFFF
Màu Font: #003366

Liên kết CSS bình thường
Màu nền: transparent
Màu Font: #003366
Text decoration: None

Liên kết CSS đã vào:
Màu nền: transparent
Màu Font: #666666
Text decoration: None

Liên kết CSS Hover
Màu nền: transparent
Màu Font: #006699
Text decoration: underline

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

Màu đầu tiên Màu thứ hai

Màu nền: #FFFFFF
Màu Font: #003366

Thuộc tính CSS đặc biệt:

border: 1px solid #E5E5E5;

-------------------------------------------
Soạn thảo WYSIWYG

Màu nền: #F5F5FF url(images/misc/anhnen_text_box.gif) no-repeat center
Màu Font: #003366

Thuộc tính CSS đặc biệt:

BORDER-RIGHT: #5182c2 1px dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2 1px dotted; BORDER-BOTTOM: #5182c2 1px dotted;

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

Ô nhập liệu

Thuộc tính CSS đặc biệt:

BORDER-RIGHT: #5182c2 1px dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2 1px dotted; BORDER-BOTTOM: #5182c2 1px dotted;

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

Nút (Button)

Màu nền: #E4E7F5

Thuộc tính CSS đặc biệt:

BORDER-RIGHT: #5182c2 1px dotted; BORDER-TOP: #5182c2 1px dotted; BORDER-LEFT: #5182c2 1px dotted; BORDER-BOTTOM: #5182c2 1px dotted;

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

Menus
Small Font
Time Color

Được giữ nguyên thiết lập gốc
-------------------------------------

Navbar Text

Màu nền: #FFFFFF
Màu Font: #003366

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

Highlighted Font

Màu nền: #FFFFFF
Màu Font: #FF0000

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

Panel Surround

Màu nền: #D5D8E5 url(images/gradients/gradient_panelsurround.gif) repeat-x top left
Màu font: #000000
---------------------------------

Panel (Forms)

Màu nền: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left
Màu font: #000000

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

<legend>
Giữ nguyên

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

Điều khiển menu Popup

Màu nền: #FFFFFF
Màu Font: #003366

Thuộc tính CSS đặc biệt:

padding: 3px 6px 3px 6px;
white-space: nowrap;

Liên kết CSS bình thường
Màu nền: #FFFFFF
Màu Font: #003366
Text decoration: None

Liên kết CSS đã vào:
Màu nền: #FFFFFF
Màu Font: #666666
Text decoration: None

Liên kết CSS Hover
Màu nền: #FFFFFF
Màu Font: #006699
Text decoration: underline

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

Popup Menu Body

Giữ nguyên

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

Tùy chọn dòng cho Menu Popup

Màu nền: #FFFFFF
Màu Font: #000000

Thuộc tính CSS đặc biệt

white-space: nowrap;
cursor: pointer;

Liên kết CSS bình thường
Màu nền: #FFFFFF
Màu Font: #22229C
Text decoration: None

Liên kết CSS đã vào:
Màu nền: #FFFFFF
Màu Font: #22229C
Text decoration: None

Liên kết CSS Hover
Màu nền: #FFFFFF
Màu Font: #FFFFFF
Text decoration: None

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

Menu chuyển nhanh

Item selected

Màu nền:#FFFFFF
Màu Font: #003366
Thấy hay thanks nhiệt tình vào nhá.

----------> Bổ sung bài viết lúc 14:17 <----------> Bài viết trước lúc 14:16 <----------

Bổ sung luôn cái bảng mã màu nè:

mamauquocte

 

[[King-Game]]

Ặc hỉu chết liền!! Chỉ Cái Mobi Css di.

 

[congtust24]

Chi tiết như thế rồi mờ k hiểu, kêu admin ra đây chém vài phát mới được!