The Corner of My Soul

N đến nhà P chơi

N: Cái theme Firefox của ông đẹp quá ha
P: Uhm
N: Ông làm sao hay dzậy?
P: Là sao? (giả ngu)
N: Ý tui là làm sao ông đưa cái hình của ông vô đó
P: Èm, cái này là bí mật à. Mà bà hỏi chi vậy?
N: Thì tui cũng đưa hình tui lên rồi đem khoe nhỏ T, tối ngày nó chê tui "gà" i tờ
P: À, ra vậy (Bà mà đem hình lên chắc Firefox nó ngỏm luôn quá T__T)
N: Vậy là ông dạy tui há (hớn hở)
P: Cái này khó lắm đó
N: Thì khó mới nhờ ông dạy nè (nịn nọt)
P: "..."
N: Dạy đi, mai tui mời ông ăn kem
P: Èm, thôi được rồi. Mệt mấy bà quá chừng
N: (Hehe)
P: Mà cái này có nhiều cách lắm đó
N: Thì ông dạy tui cách nào dễ đó
P: Vậy tui dạy bà làm theme bằng add-on Personas hé
N: Uhm

P: Đầu tiên bà vô đây. Nhấn vô nút Add to Firefox > Bấm Install now trên hộp thoại Software installation để cài add-on Personas. Firefox sẽ yêu cầu bà khởi động lại. Bà bấm vô nút Restart Firefox rồi đợi một chút cho chương trình khởi động lại.  Xong rồi, bà thấy cái theme này ngon hông.
N: Ngon. Mà bộ chỉ có vậy thôi hả?
P: Chưa đâu. Còn nhiều cái hay lắm. Personas là một add-on giúp đổi một vài phần trên theme hiện hành của Firefox (dạng như together CSS vậy đó, mà tui tạm gọi nó là Preset (mẫu sẵn) luôn). Nè bà bấm lên icon chương trình hình con Cáo trên gốc trái bên dưới màn hình Firefox xem. Có thấy mấy cái mục menu hông. Đó là các category Preset do người dùng Firefox tạo và upload lên share trên mạng. Bà thử mouse over lên 1 mục xem. Đợi tí Firefox sẽ load cái Preset đó lên. Bà thấy cái nào "hợp rơ" thì click vô chọn luôn. Còn nếu không tìm được cái nào hợp thì bà bấm vô View gallery để ngâm cứu thêm mấy Preset mới được lưu trữ trên server của Personas. Cách thức cũng như trên menu add-on vậy, bà mouse over để xem hiệu ứng và click để sử dụng. Ngoài ra bà còn có thể tạo account rồi upload Preset của bà lên share cho thiên hạ xài chơi.
N: Nhưng mà nãy giờ ông chưa dạy tui cách làm mấy cái Preset này thì lấy đâu mà cứ share với sớt
P: Đừng nôn nóng. Bà có thấy cái mục Custom Persona trên menu add-on không. Bà click vô Edit để mở trang Custom Persona ra. Nếu không thấy mục này thì bà click vô Preferences rồi chọn Show Custom Persona in menu > OK.
P: Trong trang Custom Persona. Bà đặt tên cho cái Preset của bà chỗ Name đi. Ví dụ như N xí xọn vậy
N:  Thôi đừng nhiều chuyện nữa. Header này là sao đây?
P: Header là background phần đầu trên giao diện Firefox nè. Nè cái phần Menubar với Toolbars đó. Giờ bà bấm nút Browse tìm đại cái hình nào trên máy rồi mở ra thử coi.
N: Vậy tui chọn tấm này nghen.
P: Uhm. Được đó. Nhưng mà muốn đẹp thì hông phải cái ảnh nào cũng dùng được đâu. Nếu chuyên nghiệp tí bà có thể tự đì zai. Còn "gà" hơn thì bà cứ lên Google search mấy cái wallpaper bự bự, đẹp đẹp rồi crop lại cũng được. Theo khuyến cáo của Personas thì nên dùng ảnh định dạng PNG hay JPG có kích thước 3000 x 200 pixel và không nên vượt quá 300kb.
N: Vụ này lu bu quá chời , không chừng bữa nào tui đưa hình cho ông làm dùm quá
P: "..."
P: Tuy nhiên cái đó là khuyến cáo chung của Personas. Còn bà làm tự xài thì chỉ cần làm ở kích thước bề ngang bằng với cái độ phân giải ngang của màn hình nhà bà là được.
N: "..."
N: Vậy còn cái Footer chắc là background phần chân Firefox hả
P: Lâu lâu mới thấy bà thông minh . Footer đó là background cho thanh Status với cái Searchbar (Ctrl + F). Bà thử Browse rồi chọn một cái ảnh xem
N: Oki
P: Được rồi. Mà background của Header sẽ có vị trí là top left còn Footer có vị trí là bottom left nên lúc crop ảnh bà cũng canh me để background hiển thị chính xác hơn.
N: "..." (Ngu ngơ) Uhm, còn cái Text color là màu chữ ha
P: Uhm, Text color là màu chữ của mấy lable trên phần Header lẫn Footer của Firefox. Nếu bà chọn cái background cho 2 phần đó mà thấy mù mịt quá thì đổi màu chữ ở đây cho dễ nhìn.
N: Còn Accent color là gì?
P: Ai biết . "Màu nhấn" mà tui hông thấy nó "nhấn" chỗ nào nên cứ kệ. Rồi bà OK luôn đi.
N: Phùuuu. Cuối cùng cũng xong.
P: Uhm. Mai mốt muốn đổi cái khác bà vô mục N xí xọn > Edit sửa lại là được.
N: >_< Đủ rồi nghe. Mà cái này không save được mà cứ có 1 cái edit hoài hả ông. Với lại tui thấy cái ảnh làm background ngắn quá nếu nó repeat lại được thì đỡ quá
P: Chèm. Muốn làm được vậy thì bà phải xài add-on AnyColor mới được.
N: Vậy ông chỉ tui luôn đi.
P: Mệt bà quá. Ăn chầu kem này xong chắc tui bệnh quá T__T
N: ^__^

Cái này làm bằng wallpaper crop

P: Bà vô đây đi. Click vô Add to Firefox để cài như lúc nãy.
N: Tui biết rồi
P: Rồi bà Disable cái Personas luôn đi. Lỡ không nó đụng
........................................
N: Sao cái này nhìn xấu quá ông ơi
P: Uhm, AnyColor hiện không có dịch vụ share như Personas nên mẫu mã tương đối ít và hơi xấu. Bà bấm cái nút Add toolbar button để nó thêm cái nút lên toolbar cho dễ làm việc.
P: Oki. Bà đóng trang Start page luôn đi. Mấy cái khác bà tự ngâm cứu. Tui chỉ chỉ cho bà cách làm 1 Preset với AnyColor thôi.
P: Bà click vô cái icon AnyColor coi rồi chọn Options coi. Mở trang Appearance. Phần Overall là phần quy định màu nền, màu nổi và màu chữ chung cho Firefox.
P: Background color là màu nền cho Menu, hộp thoại trong Firefox. Bà click vô cái ô màu bên phải rồi kéo mấy dãy Hue, Saturation với Light để chọn một màu thích hợp rồi click ra ngoài cùng chọn màu để chọn.
P: Được rồi. Mấy phần khác bà cũng làm tương tự
N: Ê, vậy cái Highlight color là màu mấy cái tiêu đề vùng trong mấy hộp thoại hả ông?
P: Uhm. Còn cái phần tiếp theo thì cũng tương tự Personas. Cái Header Image URL là đường dẫn file ảnh cho phần đầu. Footer Image URL là đường dẫn file ảnh cho phần chân. Cái AnyColor này cẩn thận hơn Personas nên nó chia Text color ra cho 2 phần Header và Footer luôn.
N: Còn cái Image repeat là cho ảnh ngắn repeat cho đầy mấy chỗ trống hả ông?
P: Đúng rồi. AnyColor hỗ trợ cả Repeat theo 2 phương ngang và dọc (X & Y) nên bà có thể yên tâm không sợ bị hụt nữa rồi.
P: Xong rồi. Bà bấm Preview để xem thử xem. Mà mai mốt bà chọn xong thứ nào bấm Preview luôn để xem mà chỉnh liền chứ làm xong hết mới Preview mà nó xấu òm chỉnh lại mệt nghỉ.
N: Rồi giờ tui bấm OK nghen.
P: Khoan. Bà qua trang Presets đi. Bấm vô New rồi gõ vô cái tên cho Preset vừa làm.
P: OK. Giờ bà chọn cái Preset vừa tạo rồi bấm Save thì mấy cái thiết lập nãy giờ bên kia sẽ được lưu vô cái Preset này.
P: Bà bấm nút Load rồi OK nữa là xong.
N: Xong rồi hả
N: Mà sao cái tui làm nó hông có bóng bẩy như của ông lúc nãy đâu
P: Tham lam vừa thôi. Bà muốn bóng thì lại vô Option, trang Advanced, Theme tweaks. Rồi bà double click vô cái Misc: Gloss (tab mode) với Misc: Gloss (bookmarks mode) coi.
N: Được rồi nè ^__^

Làm theo skin iPearl của blog Pearl

P: Mấy cái còn lại cũng không quan trọng lắm. Bà về nhà rồi từ từ vọc.
N: Cảm ơn ông nghen. Thôi tui về luôn. Lần nào qua đây cũng làm phiền ông.
P: Không có gì. Dù sao ngày mai tui cũng được ăn kem ^__^
N: Xì. Mà lỡ tui quên nữa chừng. Hay có gì tui réo ông qua tiếp
P: Thôi đi bà. Có gì thì lên blog tui mà coi.
P: Lát tui cũng viết entry hướng dẫn. Có quên gì thì vô đó xem lại được rồi.
N: Thôi cũng được. Vậy thôi tui về.
P: Bibi. See you tomorrow ^__^

Lâu lâu viết 1 tuts phong cách xì tin hi vọng dễ nuốt hơn

Có nhiều người hỏi Pearl: "Bạn có thể chỉ mình cách tự làm skin được không?" - "Không thể. Đơn giản vì nó không thể nào nói 1 ngày 1 bữa mà xong. Hoặc bạn hãy học CSS hoặc đi đọc tips làm skin Opera hoặc đi tìm một skin shared trên OVN hay các blog PhamLam, DanQuynh,...". Quả thật việc làm skin cho Opera, WordPress hay Blogger không hề đơn giản. Chí ít bạn cần biết tí CSS (graphics có thể vay mượn nên không cần giỏi design cũng OK), sau khi làm xong còn phải test lại để đảm bảo skin tương thích với mọi trình duyệt. Chính vì vậy mà có nhiều blogger từ 360 vì nghe bạn bè dụ dỗ đã bay qua Opera và rồi quay về chỉ vì bên 360 dễ làm skin hơn. Thì vậy, mặc dù 360 ít tính năng và không hỗ trợ nhiều "tiện nghi" để người dùng có thể "bay bướm". Nhưng bù lại họ có trình wizard giúp cho mọi blogger đều có thể dễ dàng tùy biến giao diện. Vậy làm thế nào để cho việc làm skin bên Opera cũng đơn giản như 360? Đó là dạo gần đây bệnh lười của Pearl càng nặng hơn và nghía thấy cái kho skin đồ sộ của 360 cho nên Pearl đã vắt óc () để nghĩ ra 1 kế đó là chế biến skin Opera từ các skin 360. Sau khi ngâm cứu Pearl đã viết 1 đoạn CSS làm core biến blog Opera thành 1 layout tương tự 360. Và tiếp theo thì kết hợp các thành phần tương quan giữa 360 và Opera lại để tạo thành 1 trình tự giống như cái skin wizard của 360

Read more...