[Chia sẻ] Hình nền [Theme] cho bài viết

[Cáo Già Đeo Nơ]

lấy ý tưởng từ toppic này
[You must be registered and logged in to see this link.]
Đây là code
Vào viewtopic_body tìm

Code:

{postrow.displayed.MESSAGE}

Thay bằng

Code:

<div class="themebaiviet">{postrow.displayed.MESSAGE}</div>

Vào css thêm

Code:

.themebaiviet {
background: #FFFFFF url(thay link ảnh muốn hiện) top right repeat-y;
}


Bạn có thể thêm các "hiệu ứng" khác để bài viết thêm đẹp, ví dụ đóng khung, màu chữ. hiệu ứng 3d ....

cái này là hình nên bài viết thôi , themees do người viết có thể chon

Bây giờ mình chưa rảnh
Bữa nào rảnh sẽ có tut người dùng có thể tự chọn theme;
Để dành làm Quà giáng sinh

[Mr.Win™]

Cho mình cái demo với ! Thấy hay hay

[Cáo Già Đeo Nơ]

Demo

Code:

http://nhatkyaotrang.ace.st/t9-topic

[sky123]

cái này là hình nên bài viết thôi , themees do người viết có thể chon

[Cáo Già Đeo Nơ]

cái này là hình nên bài viết thôi , themees do người viết có thể chon

Bây giờ chưa rảnh
Bữa nào rảnh sẽ có tut người dùng tự chọn
Quà giáng sinh

[hunghsmn]

Mình mượn topic này để nói thêm một chút về sử dụng CSS.
Bất cứ gì chèn vào CSS thì nó sẽ đọc ngay khi chúng ta khởi động, do đó nó sẽ làm cho việc khởi động nặng thêm một chút. Vì vậy chúng ta chỉ nên dùng CSS khi code CSS đó dùng chung cho toàn cục , tức là dùng cho nhiều nơi khác nhau. Nói cách khác chúng ta sẽ gọi nó ra ở nhiều nơi chứ không chỉ trong một trang.

Nếu code CSS đó chỉ dùng cho một trang nào đó thôi, ví dụ trong trường hợp này là chỉ dùng cho topic, thì ta nên viết thẳng vào viewtopic_body. Như vậy khi ta khởi động vào forum nó sẽ không đọc file hình nền này nên việc khởi động sẽ nhẹ thêm một chút, Chỉ khi nào chúng ta đọc bài viết thì file hình nền này mới được đọc.

Muốn code CSS dùng chung cho toàn bộ một trang nào đó thì ta dùng thẻ < style> để viết vào phần < head> < /head> của trang. Sau đó trong phần thân trang ở chỗ nào dùng thì ta gọi nó ra.

Nếu chỉ dùng tại một phần cụ thể của trang thì ta nên dùng thẻ < div> để viết thẳng vào phần đó.

Cụ thể bài chia sẻ của Cáo Già Đeo Nơ chúng ta nên :
Thay:

Code:


{postrow.displayed.MESSAGE}

Bằng:

Code:

<div style=" background: #FFFFFF url(http://hinh.trochoivui.com/data/media/48/hinhnen_9.jpg) top right repeat-y;>{postrow.displayed.MESSAGE}</div>



Không viết gì vào CSS nhưng có cùng kết quả.

Điều này mình nói chung cho việc dùng CSS chứ không chỉ bài này

[Cáo Già Đeo Nơ]

Cháu đang tính gọi css từ js

[Darren_ngoisaobay]

Các bậc cao nhân cố gắng thử làm giúp các mem và để FM sánh ngang w vbb nhéz!

[TieuWi]

không có bài nào work hết

[Darren_ngoisaobay]

Bên 4all cũng có 1 topic về vấn đề này nàz:

Code:

http://diendan.4allvn.biz/t5349-topic#29403

Nhưng chưa có nút chọn theme cho bài viết

[Sponsored content]