CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by NgocPRO 6/11/2024, 8:37 am

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


Trang trí cho khung trích dẫn (quote) của diễn đàn cho phpBB3

Go down

Trang trí cho khung trích dẫn (quote) của diễn đàn cho phpBB3 Empty Trang trí cho khung trích dẫn (quote) của diễn đàn cho phpBB3

Bài gửi by CPFounder 10/2/2010, 6:08 am

Trang trí cho khung trích dẫn (quote) của diễn đàn cho phpBB3
CHUẨN BỊ :
1. Đọc bài viết đầu tiên trong BOX này.
2. Sao lưu nếu đã có chỉnh sửa trước đó.
3. Xem thêm kiến thức bổ trợ về background ( có thể search trên google hoặc xem ở topic Background)


TIẾN HÀNH:
1. Vào css style sheet Tìm đến đoạn :
(Sẽ khác chỗ màu sắc và hình nền tuỳ forum)
Cơ bản :
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #ebeadd url("https://2img.net/i/fa/prosilver/quote.gif") 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
margin-left: 20px;
}

2. Tìm 1 hình ưng ý làm nền cho quote , ví dụ ở giupdo EA dùng hình Trang trí cho khung trích dẫn (quote) của diễn đàn cho phpBB3 Lyric_bgvới nền trắng và lặp hình theo cột y để ra dạng giống như cuốn sổ.
Có rất nhiều hình tuỳ sự sáng tạo trong tìm kiến và ứng dụng của các bạn sao cho phù hợp forum các bạn. Mình sẽ post lên nếu tìm được các mậu quote khác (cái này dạo forum đảm bảo có :Vỗ tay: )

3. Xoá đi chữ
no-repeat.
Thêm dòng background-repeat: repeat-y; vào dưới dỏng background: #ebeadd... tốt nhất nên chọn hình lặp lại theo chiều dọc để có thể tuỳ biến với độ dài của quote.
4. Thay đổi màu nền : chỉ cần đổi mã màu từ #ebeadd thành mã màu mong muốn. Có thể xem mã màu bằng cáchchinhphuc.info search với từ khoá "color code"

5. Thay đổi hình nền :Chèn chinhphuc.infoliên kết hình đã chọn ở bước 2 vào chỗ
https://2img.net/i/fa/prosilver/quote.gif . trường hợp giupdo sau khi chèn vào sẽ ra như sau :
background: #ffffff url("http://www.vietnhim.com/webimages/lyric_bg.gif") 6px 8px;

6. Canh lề lại : Thay đổi số margin
blockquote div {
margin-left: 20px;
}
Tuỳ theo hình mà bạn canhchinhphuc.info sao cho chữ nằm trọn vẹn trong khung.
Trong trường hợp hình lớn thì chỉnh số càng lớn.
Do hình mình chọn nó to chinhphuc.infonên chỉnh 20px thành 50px cho nó đẹp.


Sau khi đã chỉnh sửa ( hiện ra quote y chang forum giupdo) :

blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #ffffff url("http://www.vietnhim.com/webimages/lyric_bg.gif") 6px 8px;
background-repeat: repeat-y;
border: 1px solid #DBDBCE;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
margin-left: 50px;
}

:bulgyeyes: vậy là trang trí xong cho quote, nhớ submit rồi mới xem nhé. chúc các bạn thành công! Mọi thắc mắc có thể hỏi tại đây.
chinhphuc.info
Tác giả
CPFounder
CPFounder
CPAdministrator
CPAdministrator

Firefox PunBB
Ngày đăng ký : 09/04/2008
Số bài : 6169
CPP : 3352
Châm ngôn sống : Vì tương lai Chinh phục chúng ta

http://www.chinhphuc.info

Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

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