Nguyen Dung

Thật là chán cả ngày làm việc mệt mỏi, tối về định làm nhiều việc quá không tập trung được vào chuyện gì cả. Đợt này bận rộn quá sáng dậy đi làm chiều lại về đi học. Thời gian còn lại không còn nhiều mà mình thì quan tâm nhiều vấn đề quá. Không tập trung cũng không có một thời khóa biểu cho công việc hằng ngày nên nhiều lúc thấy mình như căng ra. quá căng.. chắc tại mình ko làm việc có khoa học đây mà. Cũng không biết phải thế ko nữa. Thôi cứ cố gắng hết sức đi hi vọng ngày mai tươi sáng. Ở nhà mùa này lại lụt lội nhớ đến cảnh nước lên trắng đồng mà chán. Cha mẹ giờ già rồi mưa lụt thế này vất vả quá, may cũng còn các anh các chị ở nhà lo cho chứ không thì ko biết làm răng. mình ở ngoài này xa quá. nghĩ cảnh cha mẹ già mà mình không ở gần được cũng buồn. thôi cố gắng học cho xong đi chỉ hơn năm rưỡi nữa là ổn rồi khi ấy tính tiếp vậy...giờ thì đi ngủ lấy sức mai chiến đấu tiếp với công việc.
À post ảnh thằng cháu lên mạng cái đã

1 comment

Tiền bạc!!!!!!!!!!!

Thursday, January 24, 2008 10:24:13 AM

Mua được ngôi nhà nhưng kô mua đc gia đình,Mua đc đồng hồ nhưng ko mua đc thời gian,Mua đc thuốc men nhưng ko mua đc sức khỏe,Mua đc sách nhưng ko mua đc trí thức,Mua đc chức tước nhưng ko mua đc sự kính trọng.Bạn thấy đấy, tiền bạc ko là gì cả nhưng nó đem lại khó khăn và đau khổ... Vì vậy, tôi khuyên bạn hãy gởi hết tiền của bạn cho tôi.... tôi sẽ chịu đựng sự đau khổ cho.

No comments

Bắt đầu một ngày mới

Thursday, January 17, 2008 3:07:17 PM

Hôm nay tôi sẽ bắt đầu một cuộc sống mới. Hôm nay tôi sẽ bước ra ngoài những thất bại và đau thương. Thất bại và tôi sẽ không thể dung hòa. Khi còn nhỏ ta hành động theo những rung động nhất thời. Hành động chúng ta bị ảnh hưởng bởi thiên hướng, dục vọng, tình cảm xung động nhất thời. Lớn lên rồi ta phải để chúng ta hành động theo thói quen. Một thói quen tốt sẽ mở ra một cánh cửa thành công. Còn một thói quen xấu là cánh cửa không khóa đến với thất bại. Từ bây giờ ta phải hành động theo thói quen Hãy tập luyện những thói quen tốt. Hãy bắt đầu ngay từ bây giờ .....Từ hôm nay ta sẽ bắt đầu một cuộc sống mới. Ta phải mơ ước một cuộc đời mới.

No comments

Thế nào gọi là phong cách riêng cho Blog nhỉ

Wednesday, April 25, 2007 5:20:27 AM

Blogs

Thứ nhất: Bạn vào phần Preferences (phía trên cùng của trang weblog ấy)
Thứ hai: Bạn vào tiếp Web page layout nhé.
Thứ ba: Bạn vào custom style sheet. Sau khi vào đây sẽ hiện ra một khung để chúng ta có thể gõ code của mình vào. Còn gõ như thế nào thì bạn sẽ biết ngay sau đây thôi.

Nói qua một chút về phần này. Blog ở opera cho chúng ta 3 lựa chọn để sửa chữa giao diện của mình đó là: sử dụng giao diện sẵn có của Opera, sử dụng kết hợp giữa giao diện của Opera và của cá nhân, chỉ sử dụng giao diện do mình thiết kế toàn bộ. Như các bạn biết đấy, để thiết kế lại toàn bộ giao diện của mình thì quả không phải là dễ, các bạn phải thật am hiểu về CSS. Vì vậy, mình sẽ kết hợp giữa giao diện sẵn có của Opera và sửa chữa đi 1 chút.

Bài 1: Thay đổi tiêu đề của blog

Đầu đề hay có thể gọi là tiêu đề (title). Như của mình đó là chữ thật thà cho 1 tình yêu đó.
Các bạn chú ý:khi bạn save trang web của bạn về thì sẽ thấy 1 file có tên main.css khi bạn mở nó ra và tìm bạn sẽ thấy 1 đoạn sau (với mỗi skin # nhau của opera thì đoạn này có thể hơi khác nhau 1 chút, don't worry):

#top h1 {
margin:0;
width:100%;
overflow:hidden;
font-size:30px;
font-family:'trebuchet ms',arial,helvetica,sans-serif;
line-height:normal;
padding-top:22px;
}

Giải thích với các bạn chưa biết gì về CSS ở đây thật khó nhưng mình chỉ quan tâm tới 3 vấn đề trong đoạn code này đó là font chữ, cỡ chữ và màu chữ. Một số bạn dùng trình duyệt IE khi viết tiếng việt ở phần tiêu đề sẽ không hiển thị đúng với font 'trebuchet ms' ở đây. Theo mình biết thì có một số font unicode hiển tốt trên nhiều trình duyệt như Arial, Verdana, Tahoma. Vì vậy, với mình mình sẽ khuyên các bạn dùng 1 trong 3 loại font unicode trên. Nào bây giờ chúng ta hãy thử nhé. Đây là đoạn code sau khi thay đổi:

#top h1{
margin:0;
width:100%;
overflow:hidden;
font-size:25px;
font-family:Tahoma,Verdana, Arial,'trebuchet ms',arial,helvetica,sans-serif;
color:#808080;
line-height:normal;
padding-top:22px;
}

Chú ý: Những chỗ màu đỏ là những chỗ đã thay đổi.

color:#808080; :Đây sẽ là màu chữ. Với những bạn biết về 1 chút về thiết kế web thì mã màu #808080 không có gì khó khăn nhưng với những bạn không biết thì hơi khó. Mình sẽ đưa bảng mã màu sau nhé. Hoặc bạn nào có thì hãy gửi cho mình để mình đưa lên.
font-size:25px; đây là thay đổi cỡ chữ.
Sau khi paste đoạn code trên vào ô Enter CSS: (tất nhiên là bạn có thể thay đổi cho phù hợp với bạn). Hãy đánh dấu vào ô Use my custom style sheet together with the current theme và save lại để xem kết quả của mình.

- Tương tự như vậy với chữ nhỏ hơn tức là Subtitle text. Như của mình là chữ PhamLam's Weblog - http://vivu.net.ms đấy. Bạn hãy sửa đoạn sau và save nhé

#subtitle {
margin:0;
font-size:12px;
width:100%;
overflow:hidden;
}

Bạn có thể sửa thành:

#subtitle {
margin:top;
width:100%;
overflow:hidden;
font-size:10px;
font-family:'Verdana',arial,helvetica,sans-serif;
font-style:bold;
color:#C0C0C0;
}
Cách thay đổi font chữ mặc định của Opera

Hiện nay blog của Opera có hỗ trợ Unicode vì thế chúng ta có thể gõ tiếng Việt có dấu bình thường trong blog Opera tuy nhiên hiển thị trên các trình duyệt khác nhau thì lại là một vấn đề. Khi vào blog của luKa tại thời điểm này bằng trình duyệt IE các bạn sẽ thấy hiển thị tiếng Việt có dấu không tốt nhưng dùng trình duyệt FireFox hoặc Opera thì lại hiển thị được tiếng Việt. Mình không biết nguyên do tại đâu nhưng mình đoán do trình duyệt IE không nhận một số font Unicode. Chúng ta khắc phục điểm này như thế nào? Xin thưa là rất đơn giản, các bạn hãy làm trình tự theo cách sau:
Chúng ta hãy vào phần custom style sheet, nếu bạn không biết nó ở đâu xin mời các bạn hãy quay trở lại bài 1 để biết thêm chi tiết. Mở file main.css (sau khi vào file và chọn save page as thì bạn sẽ thấy file này). File main.css của tớ thì ở đây các bạn có thể tải về để xem nhưng có thể file của các bạn sẽ khác của mình 1 chút tuỳ theo các giao diện khác nhau. Sau khi mở file main.css bằng notepad các bạn sẽ thấy đoạn sau:

body {
background:#8c315b;
margin:0;
padding:2px 0;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:12px;
line-height:145%;
text-align:center;
color:#000;
}
Có thể đoạn này của các bạn hơi khác nhưng không sao chúng ta chỉ quan tâm tới đoạn font-family:'trebuchet ms',helvetica,sans-serif; font-size:12px; để hiển thị tiếng Việt tốt hơn thôi mà. Mặc dù các thuộc tính khác như thế nào các bạn không cần quan tâm. Các bạn hãy thay đổi như sau:

body {
background:#8c315b;
margin:0;
padding:2px 0;
font-family:Arial, 'trebuchet ms',helvetica,sans-serif;
font-size:12px;
line-height:145%;
text-align:center;
color:#000;
}

Đó các bạn có thấy chữ Arial màu đỏ không? Chỉ chỗ đấy được thay đổi thôi nhưng nó giúp hiển thị tiếng Việt tốt trên nhiều trình duyệt đó. Ngoài font Arial các bạn có thể thay bằng font Verdana, Tahoma. Các bạn cũng có thể thay đổi font-size:12px; thành 13 hoặc 11. Sau đó đánh dấu vào ô Use my custom style sheet together with the current theme và save lại để xem kết quả. Ví dụ của mình là:

body {
background:#8c315b;
margin:0;
padding:2px 0;
font-family:Arial, 'trebuchet ms',helvetica,sans-serif;
font-size:13px;
line-height:145%;
text-align:center;
color:#000;
}

Cũng có người lại hỏi mình là làm thế nào để gõ tiếng Việt có dấu trong blog của Opera. Nhân đây mình cũng trả lời luôn. Opera không cho add bộ gõ trực tiếp giống như diễn đàn vì vậy phải dùng các bộ gõ khác như Vietkey hay Unikey và chọn bảng mã Unicode dựng sẵn và gõ thôi.

Chèn nhạc hình, nhạc tiếng, flash vào blog

Có nhiều bạn hỏi mình các đưa nhạc vào blog cái này cũng đơn giản thôi nếu như ta biết. Thực ra là nhạc hình và nhạc tiếng thì không khác gì nhau cách đưa cả. Chỉ cần thay đổi đường dẫn của file nhạc thôi. Các bạn hãy copy và paste đoạn code sau vào khung viết bài của blog và chỉ cần thay đổi đoạn _http://linknhac.mp3 thành link tới bài hát là có thể được.

Nhạc tiếng

Nhạc hình

Nhưng làm thế nào để có được link nhạc? Có nhiều thủ thuật để lấy link nhạc nhưng nói ra thì rất dài dòng. Opera cho mỗi blog 300 MB để lưu trữ nhạc cũng như hình ảnh. Chúng ta có thể dùng chúng để lưu trữ nhạc hoặc flash. Chúng ta làm như sau: Vào Preferences (phía trên cùng của blog). Vào tiếp My Files chọn Upload new file. Sau khi up load file bạn có thể xem properties của file đó để lấy link của file nhạc vừa up và thay vào chỗ _http://linknhac.mp3. Ví dụ như của mình là:

Với nhạc Flash thì các bạn hãy chèn đoạn code sau và nhớ thay _http://linkfileflash.swf bằng đường dẫn tới link file flash thật nhé.

Download code nhạc (nhấn chuột phải chọn save target as) Chúc các bạn thành công. Nếu không làm được thì hãy comment trên blog này để mọi người cùng giúp đỡ Nếu bạn muốn tạo hẳn 1 skin bên ngoài khác hoàn toàn với các skin sẵn có của Opera và mọi người khác thì các bạn ít nhất cần phải có kiến thức về CSS (1 chuẩn ngôn ngữ dùng để dàn trang của tổ chức internet quốc tế), kiến thức về các trình chỉnh sửa ảnh (tôi hay dùng Photoshop), không cần kiến thức về lập trình. Các bạn cần và nên tìm các tài liệu về các vấn đề trên để tham khảo trước. ----> Về CSS hiện tại trên Internet có rất nhiều trang web dạy và lưu trữ tài liệu online nhưng không có trang web tiếng Việt, các bạn cần phải biết tiếng Anh để hỗ trợ học tập. Một số trang tham khảo như sau. http://www.w3.org/Style/CSS/ http://css.maxdesign.com.au/ Cssweb standards http://www.dezwozhere.com/links.html http://www.cssbeauty.com/ http://www.csszengarden.com/ ----> Về Photohop thì cũng không thiếu các tài liệu cho các bạn học nhưng chủ yếu vấn là tiếng anh. Tuy nhiên cũng có 1 số trang tiếng Việt giúp các bạn tham khảo dễ hơn. http://vietphotoshop.com www.dohoavn.net http://www.good-tutorials.com/ http://www.pixeldigest.com/ [+] Nếu bạn chỉ muốn chỉnh sửa chút xíu về banner hay font chữ màu chữ cỡ chữ...Thì bạn chỉ cần đọc các bài học của tui là đủ...Trước khi vào bài 3 các bạn cũng nên đọc bài 1 và bài 2 Sau mấy ngày bắt các bạn, những người quan tâm tới việc tạo phong cách riêng cho blog của mình đợi dài cổ thì hôm nay cũng cố gắng vừa xem bóng đã vừa hoàn thành bài 3 trong sê ri các bài tạo phong cách cho blog. Trong bài 3 này tôi sẽ hướng dẫn tổng quan về cấu trúc của blog cách thay đổi banner, màu nền hoặc background của blog, background của bài viết Nói lại một chút để các bạn tiện theo dõi nếu không đọc bài 1 và bài 2. Cùng bắt đầu nào 1. Bạn vào phần Preferences (http://my.opera.com/tênđăngnhập/account/) 2. Nhấn tiếp vào Web page layout (http://my.opera.com/tênđăngnhập/account/layout.dml) 3. Chọn tiếp custom style sheet (http://my.opera.com/tênđăngnhập/account/usercss.dml) * tênđăngnhập: Tên đăng nhập của bạn vào blog ở Opera. Như của tôi là phamlam 4. Tại ô Enter CSS các bạn có thể gõ code hoặc copy paste code CSS vào sau đó đánh dấu chọn vào ô Use my custom style sheet together with the current theme và nhấn Save để kết thúc. (xem hình minh họa, xem hình rồi bạn đừng nói là ko biết nó ở đâu nhé) Có rất nhiều bạn hỏi tôi file main.css ở đâu. Thường là nó ở _http://my.opera.com/community/css/users/1/main.css. Không nhất thiết là số 1 mà có thể là số 2, 3 hay 13. Bạn hãy vào Web page layout và đếm các skin từ trái qua phải, từ trên xuống dưới như hình vẽ này. Xem skin mà bạn đang dùng là cái thứ mấy thì thay số đó vào link trên để xem file main.css. Tổng quát về cấu trúc của blog opera. Cái này viết sau vì nói ra dài dòng lắm. Thay đổi banner của blog. Để thay đổi banner mặc định của opera thì trước hết bạn phải biết kích thước của banner sau đó tạo một bức ảnh có kích thước như vậy để sẵn sàng thay thế. Opera cũng có trang tạo sẵn một số các bức ảnh có kích cỡ đã định để các bạn thay thế. Các bạn có thể vào các địa chỉ sau để lấy ảnh. - 12/02/2005 - 10 Headers - Farm - dark colors - Link - 12/02/2005 - 10 Headers - Natural - dark colors - Link - 12/02/2005 - 10 Headers - Sport - dark colors - Link - 12/01/2005 - 10 Headers - Children - dark colors - Link - 12/01/2005 - 10 Headers - Exotic nature - dark colors - Link - 12/01/2005 - 10 Headers - Oceans and seas - dark colors - Link - 12/01/2005 - 10 Headers - Mixed elements - Dark colors [2] - Link - 11/30/2005 - 10 Headers - Mixed elements - Dark colors - Link - 11/30/2005 - 6 Headers - Rabbit related - Light colors - Link - 11/30/2005 - 10 Headers - Winter related - Light colors - Link - 11/30/2005 - 10 Headers - Sunset related - Dark colors - Link - 11/30/2005 - 10 Headers - Food related - Mixed colors - Link - 11/30/2005 - 10 Headers - Cat related - Mixed colors - Link - 11/30/2005 - 10 Headers - Dog related - Mixed colors - Link - 11/29/2005 - 10 Headers - 10 Dark Colors - Plain but nice - Link - 11/29/2005 - 10 Headers - 10 Colors - Plain but nice - Link - 11/29/2005 - 10 Headers - mixed collection - check it out - Link - 11/29/2005 - 5 Headers for those who love wildlife - dark headers - Link - 11/29/2005 - 5 Headers for those who love babies - light headers - Link - 11/29/2005 - 5 Headers for those who like birds - dark headers - Link - 11/28/2005 - 6 Headers for those who like dark styles - Link - 11/28/2005 - 6 Headers for those who like light - natural styles - Link Riêng tôi thì tôi tự tạo ra một banner và upload vào trong phần my file của Opera. Để thay đổi banner các bạn hãy mở file main.css của mình ra tìm tới đoạn code có chữ #top2 (cách đơn giản để tìm là mở file css ra bằng Notepad nhấn Ctrl+F để mở ô tìm kiếm sau đó gõ vào từ #top2 để tìm) Ví dụ: #top2 { height:116px; padding-left:15px; background:#2f569b url(/community/graphics/users/1/top.gif) top left repeat-x; border-bottom:1px solid #fff; } * height:116px: Chiều cao của banner, các bạn có thể chỉnh thông số này bằng với chiều cao của bức ảnh * #2f569b : Màu của banner nếu ảnh nền banner không hiện trong đó #2f569b là mã của màu. * /community/graphics/users/1/top.gif: Đường dẫn đến file ảnh banner * top left repeat-x: Lặp lại bức ảnh từ phía trên cùng bên trái theo trục x tức là xếp liên tục bức ảnh đó từ trái qua phải Để thay đổi các bạn có thể làm như sau. Ví dụ #top2 { height:116px; padding-left:15px; background:#000000 url(http://my.opera.com/phamlam/homes/files/banner.jpg) top left repeat-x; border-bottom:1px solid #fff; } * http://my.opera.com/phamlam/homes/files/banner.jpg: Đoạn này chính là phần quan trọng để thay đổi banner. Bạn chỉ cần trỏ tới file ảnh của bạn là banner của bạn sẽ được thay đổi. Nếu bạn chỉ muốn banner là màu thôi thì đoạn background sẽ được thay thay thế thành background:#000000; (hãy thay thế #000000 thành mã màu mà bạn muốn.) Hiện nay blog không còn xa lạ với chúng ta. Nó được biết đến như một cuốn nhật ký online thu hút rất nhiều giới trẻ các nước tham gia viết. Cùng với đó kéo theo các dịch vụ tạo blog miễn phí, một trong số đó là blog Opera. Một blog khá chuyên nghiệp với nhiều tính năng lý thú không kém gì các blog free khác. Hãy gửi bài viết này cho bạn bè để cộng đồng blog Opera đông vui hơn. - Các tính năng nổi bật nhất trong blog Opera Dung lượng lưu trữ cho phép lớn lên tới 300 MB, cho phép upload nhiều định dạng file như GIF, JPG, ZIP, RAR, MP3, WAV, WMA, EXE...Cho phép upload file với dung lượng lớn. Tôi đã up thử các file nhạc với dung lượng lớn hơn 11 MB nhưng vẫn Ok. Chia sẻ photo, tạo album ảnh, tính năng tạo ecard từ ngay chính bức ảnh đó và gửi cho bạn bè. Lưu trữ bài viết theo ngày, tháng, năm, theo các chủ đề do người viết tạo ra giúp tìm kiếm dễ dàng Cho phép tạo danh sách các trang web yêu thích hoặc link bạn bè theo chủ đề, cho phép add Feeds và đọc RSS ngay trên blog Nhiều giao diện sẵn có, cho phép tùy biến giao diện theo ý thích. Khung cửa sổ viết bài đẹp, rất thuận tiện theo chuẩn WYSIWYG, có bộ đếm số người truy cập blog Quản lý comment trong blog của mình và các blog của bạn bè dễ dàng, cho phép gửi thư cho bạn bè trong cùng cộng đồng Blog Opera Cho phép add code nhạc hình, nhạc tiếng, flash rất link hoạt. Cho phép tự tạo và quản lý diễn đàn cá nhân, nhóm làm việc - Đăng ký tài khoản. Việc đăng ký một blog ở Opera là rất dễ dàng. Các bạn hãy vào trang http://my.opera.com/community/ để đăng ký cho mình tài khoản. Việc đăng ký là vô cùng đơn giản, các bạn chỉ việc nhập nick cần tạo, điền các thông tin về họ tên và địa chỉ Email, điền dãy số và chữ đã hiển thị sẵn để xác nhận là các bạn đã có một trang blog của riêng mình. Sau khi tạo được một tài khoản bạn phải nhấn vào chữ Start Blog để tạo tiêu đề của Blog cùng một số các lời giới thiệu ngắn về blog của mình nếu có. Sau khi nhấn Save blog của bạn đã sẵn sàng cho bài viết đầu tiên. Còn chờ gì nữa, thử viết một bài xem sao nhỉ? - Các tính năng chính. 1. Get started guide: N/I (No Information) 2. Web page layout: Cho phép chọn các giao diện tùy biến khác nhau của blog Chi tiết: Chọn layout mà bạn thích rồi tích vào ô tròn dưới layout đó để lưu lại. Để tùy biến layout theo ý muốn bạn nhấn vào custom style sheet. Trong ô Enter CSS bạn có thể chèn các code CSS để thay đổi giao diện. Nếu bạn chưa biết cách thì hãy đọc bài viết này và nếu tiếng Anh của bạn giỏi thì thật tuyệt vời khi vào trang web này. 3. Blog settings: Nơi cho phép thay đổi các tùy chọn trong blog, ví dụ như có cho phép khách comment hoặc không, tùy chọn ngày tháng theo vùng.. Chi tiết: + Blog title: Tiêu đề của blog + Blog Subtitle: Phụ đề của blog + Description: Bạn có thể viết một vài dòng đề miêu tả về blog của bạn. + Number of posts per page: Số bài viết hiển thị trên trang chủ trong blog của bạn. + Access Settings: Show blog to everyone? Hiển thị blog với tất cả mọi người hay không. Có 3 lựa chọn Yes, tất cả mọi người có thể xem, chọn No, chỉ có mình xem thôi, chọn Friend Only, chỉ có bạn bè trong cộng đồng opera xem. Allow comments? Chấp nhận cho những ai gửi ý kiến phản hồi trong blog của bạn, cũng có 3 lựa chọn như trên. + Allow anonymous comments? Bật tính năng comment của blog hay không bật? Có hai sự lựa chọn, có hoặc không. + Trackback? Hiển thị các bài viết có liên quan trên nhau hay không. + Send me e-mail when comments are added? Chấp nhận email khi khách gửi comment vào địa chỉ thư đã đăng ký trước hay không? + Enable MMS blogging and Attempt to remove operator signature: N/I + Blog language: Chọn ngôn ngữ trong blog. 4. Forum settings: Tạo, sửa chữa các tùy biến trong diễn đàn nếu bạn là thành viên của một diễn đàn trong Opera Chi tiết: N/I 5. Ignored users: Danh sách các thành viên xấu đã bị bạn cấm. Những thành viên này sẽ không thể comment trong blog của bạn. Chi tiết: N/I 6. My groups: Cho phép xem, sửa chữa nhóm làm việc hoặc diễn đàn trong Opera mà bạn đang tham gia. Chi tiết: N/I 7. Edit profile: Nơi sửa chữa các thông tin cá nhân như ngày sinh, tên, tuổi, email, các thông tin khác có liên quan tới cá nhân. Upload ảnh đại diện, đổi mật khẩu. Chi tiết: + Photo: Upload ảnh cá nhân hoặc bất kỳ ảnh gì bạn thích. Hình ảnh này sẽ hiện trong friend list của những người đã add bạn. Show photo in blog sidebar: Hiển thị ảnh ở trang chủ của blog hay không. Đánh dấu chọn là có hiển thị, ngược lại là không. + Avatar: Hình đại diện, sẽ hiện thị khi bạn comment trong blog của bạn bè. Có thể sự dụng ảnh jpg hoặc gif kích thước 50x50 pixel. Bạn có thể chọn ảnh lớn hơn một chút nhưng Opera sẽ tự resize kích thước của bạn. + Personal: Hiển thị các thông tin cá nhân về tên tuổi, ngày tháng năm sinh, giới tính, đất nước hoặc thành phố sinh sống, nghề nghiệp, trang web, địa chỉ email, nick chát ở các dịch vụ chát khác nhau. + Privacy. E-mail: có 2 nút chọn lần lượt từ trên xuống là: Ẩn, hiện với bạn bè trong cộng đồng Opera, hiện với tất cả mọi người. Logged in: hiện hoặc ẩn khi đăng nhập, cũng có 3 lựa chọn như bên cạnh. + RDF: N/I + Time zone: Chọn múi giờ, múi giờ của Việt Nam là + 7. Sẽ hiển thị giờ khi bạn gửi bài viết theo múi giờ mà bạn chọn. Start of the week: chọn ngày đầu tuần + Languages: N/I + About me: Giới thiệu về cá nhân + My work: Giới thiệu về công việc của bạn + Fast facts: Các sở thích khác nữa + Quote: Nếu bạn viết vào đây thì nội dung sẽ hiển thị bên cạnh photo trong friend list của bạn bè đã add bạn. Sau khi điền đầy đủ các bạn chỉ việc Save vào là Oke. 8. Spotlights: Hiển thị, sửa, xóa các blog hoặc bài viết hay đã được bạn xem qua và đánh dấu lại. Chi tiết: N/I 9. Countdowns: Ghi chú các sự kiện sắp tới, có thể ghi nhiều sự kiện một lúc và luôn hiển thị ở trang chủ của blog. Chi tiết: Add các sự kiện cần nhớ và sẽ được đếm ngược từng ngày. Date: Ghi ngày của sự kiện sắp tới theo quy kiểu năm/tháng/ngày. Event: Tên của sự kiện sau đó save. Bảng countdowns sẽ hiện thị bên sidebar trong trang chủ của blog. Các bạn có thể add nhiều sự kiện một lúc. 10. My files: Cho phép bạn upload files, tạo thư mục cho từng loại tài liệu hoặc nhóm tài liệu có liên quan. Nơi lưu trữ files của bạn. Chi tiết: Nhấn vào Upload new file. Có thể tạo thư mục bằng cách nhấn vào chữ Create a new directory, đặt tên thư mục và nhấn vào nút Create a new directory. Chọn thư mục cần upload, nhấn vào nút Choose... để chọn tới file cần upload. Nhấn vào nút Upload File để upload, đợi đến khi upload file đó hoàn thành mới được đóng trang đó vào. Tip: Có thể mờ nhiều cửa sổ một lúc để upload nhiều file. 11. Access rights: Thiết lập việc truy cập blog Chi tiết: N/I 12. Tags: Quản lý chủ đề giúp việc tìm kiếm trong blog dễ dàng hơn, tạo hình đại diện cho chủ đề. Chi tiết: Vào Tag, nếu không có tag nào tức là bạn chưa add tag. Dưới ô viết bài có một ô Tags, bạn có thể phân loại nội dung bài viết theo Tags đó, nếu bài viết là Thơ, hãy viết Thơ vào ô đó, nếu là âm nhạc hãy gõ chữ Music tùy theo ý bạn... Nếu đã có tag, nhấn vào edit tag, chọn upload và trỏ tới 1 file ảnh để làm hình đại diện cho tag đó. Nếu đánh dấu vào Delete this icon và save hình đại diện hiện tại sẽ bị xóa. 13. Show the following items in the top navigation menu: Hiện hoặc không hiện các mục Archive, Photo, Links, Friends, About trên blog Chi tiết: Đánh dấu vào ô mà bạn muốn mục đó hiển thị rồi chọn save để lưu lại. Với sự phát triển không ngừng của blog cùng các công nghệ và các đại gia cung cấp các dịch vụ blog miến phí. Để lập một blog không hề khó nếu không muốn nói là rất dễ. Danh sách friends trong blog của tôi ngày càng nhiều minh chứng càng nhiều người lập blog Opera. Cùng với sự phát triển ấy, mỗi người lại tự tìm cho mình một phong cách blog riêng, tạo skin khác người cũng là một trong số đó. Không bàn đến tính thay đổi skin dễ hay khó giữa các nhà cung cấp dịch vụ blog miễn phí như Yahoo hay Blogger. Ở đây tôi chỉ muốn đề cập tới việc thay đổi skin ở Opera vì hiện tại tôi đang sử dụng nó. Tôi đã có một số bài hướng dẫn thay đổi skin Opera nhưng hình như vậy vẫn chưa đủ chi tiết để các bạn có thể tự làm một skin phong cách cho mình. Đã rất lâu rồi tôi muốn viết tutorials chi tiết hơn nhưng cứ lần nữa mãi. Hôm nay tôi ngồi viết một tutorial hướng dẫn chi tiết cách sửa một skin từ một skin mặc định. Skin có số thứ tự là 2 trong danh sách 13 skin của Opera. Cấu trúc của skin này khá giống skin số 1, 3, 4 vì vậy nếu bạn có đang sử dụng 1 trong 4 skin đó thì có thể áp dụng bài viết này để sửa. Riêng các cặp skin (5,6), (7,8,9), (10,11), (12,13) có cấu trúc khác và phức tạp hơn nên tôi sẽ giới thiệu sau. Các bạn chú ý, tất cả các bài viết về hướng dẫn tạo skin cho blog, đưa nhạc hình, nhạc tiếng, flash, playlist flash đều được tôi gộp vào tag "Hướng Dẫn". Các bạn có thể vào tag này để xem lại các bài viết cũ. Công cụ khuyến cáo bạn nên sử dụng giúp công việc dễ dàng, tiện dụng, và nhẹ nhàng hơn. + Marcomedia Dreamweaver: Một công cụ chuyên nghiệp trong việc dàn trang và xây dựng trang web. Rất trực quan khi sử dụng. Bạn chỉ cần thay đổi một thuộc tính của files css ngay lập tức skin của bạn cũng thay đổi theo. Giúp tiết kiệm thời gian xem trước trang đã sửa. + Adobe Photoshop: Công cụ sửa ảnh chuyên nghiệp. Do hạn chế về thời gian nên tôi cũng không thể hướng dẫn các bạn cắt hay chỉnh sửa ảnh. Tôi chỉ chú trọng tới việc sửa chữa code css mà thôi. Tôi cũng không phải là chuyên gia đỉnh cao nên chắc chắn sẽ còn thiếu sót trong bài viết. Rất mong các bạn đóng góp ý kiến để các bài viết sau này ngày càng hoàn thiện hơn. Bài viết có tham khảo hướng viết bài của blog whyopera. Xin bạn ghi rõ nguồn http://phamlam.info và tác giả phamlam nếu bạn xuất bản lại bài viết này trên blog của bạn hoặc trên các phương tiện truyền thông khác. Dông dài quá rồi, chúng ta bắt tay vào làm việc thôi. Trong tutorial này chúng ta sẽ học: - Cách đưa độ rộng của skin về 778px - Cách đóng khung ô viết bài - Cách đổi hình nền blog - Cách đưa hình nền vào ô viết bài - Sửa chữa sidebar ... Việc trước tiên là phải download file main.css của skin số 2 này. Các bạn có thể download tại đây (nhấn chuột phải chọn save target as). Mở file này bằng Notepad (nhấn chuột phải vào file chọn open with Notepad) và chuẩn bị để sửa chữa. Nếu bạn dùng Macromedia Dreamweaver thì việc sửa chữa sẽ dễ dàng hơn. 1. Thay đổi độ rộng của skin về 778px - Mở file main.css. Nhấn Ctrl+F để mở hộp thoại tìm kiếm. Gõ vào ô tìm kiếm từ #wrap1. Xóa đoạn max-width:882px; đi. Đây là đoạn code gốc #wrap1 { margin:0 auto; max-width:882px; background:#acaea7 url(/community/graphics/users/2/wrap1.gif) top left repeat-y; } Đoạn code sau khi thay đổi #wrap1 { margin:0 auto; background:#acaea7 url(/community/graphics/users/2/wrap1.gif) top left repeat-y; } - Tiếp tục kéo xuống hoặc nhấn Ctrl+F để mở hộp thoại tìm kiếm. Gõ vào ô tìm kiếm từ #wrap3. Trong dấu {} của #wrap3 tìm đoạn max-width:832px; min-width:739px; rồi thay thế bằng đoạn bằng đoạn: width:758px !important; Code gốc #wrap3 { background:#fff; margin:0 auto; max-width:832px; min-width:739px; padding:0 10px; } Sau khi thay thế sẽ trở thành: #wrap3 { background:#fff; margin:0 auto; width:758px !important; padding:0 10px; } - Tiếp tục kéo xuống tìm từ #topbar thay thế max-width:852px; bằng width:778px !important; - Tìm #top xóa max-width:872px; min-width:739px; thay bằng width:778px !important; - Tìm #content xóa min-width:739px; max-width:812px; thay bằng width:758px !important; (chú ý có cả dấu chấm phẩy sau chữ px) Chỉ bằng đấy bước là bạn đã đưa thành công độ rộng của skin thứ 2 thành 778px. Sau khi sửa copy toàn bộ nội dung file đã sửa vào Preferences (phía trên cùng của trang weblog ấy) vào tiếp Web page layoutvào custom style sheet. Paste toàn bộ nội dung đã copy vào ô Enter CSS. Kéo xuống đánh dấu vào ô Only use my custom style sheet và nhấn save. Chú ý: Nhớ download file main.css từ link phía trên để sửa thì đường dẫn ảnh mới không bị sai. Nếu bạn save trang web về và mở file main.css ra sửa rồi copy vào thì một số ảnh sẽ không hiển thị. 2. Đóng khung ô viết bài. - Mở hộp thoại tìm kiếm gõ vào từ .post để tìm. Xóa padding:16px 0 10px 0; thay bằng padding:10px 5px; xóa border-top:1px solid #ddd; thay bằng border:1px solid #2382C7; Ngoài lề: Border thuộc tính dùng thay đổi đường biên của đối tượng. Border được dùng như sau: border(-top, -right, -bottom, -left): #mã màu (hoặc tên màu) kiểu đường viền độ rộng của đường viền; Có các kiểu đường viền sau: medium thin, thick, dashed, dotted, double, groove, hidden, inset, none, outset, ridge, solid, inherit. Bạn có thể thay đổi lần lượt để biết nó hiển thị ra sao. Code trước khi thay đổi .post { padding:16px 0 10px 0; margin-bottom:10px; width:100%; overflow:hidden; border-top:1px solid #ddd; } Sau khi thay đổi .post { padding:10px 5px; margin-bottom:10px; width:100%; overflow:hidden; border:1px solid #2382C7; } - Tìm #firstpost xóa padding-top:0; thay bằng padding:10px 5px; và thêm đoạn border:1px solid #2382C7; - Kéo xuống #lastpost xóa border-bottom:1px solid #ddd; thay bằng border-bottom:1px solid #2382C7; Tới đây là xong việc đóng khung ô viết bài rồi. Lại copy toàn bộ file main.css vừa sửa copy vào đúng chỗ như ở trên đã chỉ dẫn và save. Để đổi màu đường viền thành màu khác bạn chỉ việc đổi #2382c7 thành mã màu mà bạn thích. 3. Thay đổi nền blog Vẫn phải chú ý với các bạn chúng ta đang thay đổi skin số 2. Với skin này việc thay đổi nền blog như sau. - Tìm #wrap1 xóa background:#acaea7 url(/community/graphics/users/2/wrap1.gif) top left repeat-y; - Tìm #wrap2 xóa background:#transparent url(/community/graphics/users/2/wrap2.gif) top left repeat-y; - Kéo lên trên cùng tìm thẻ body thay thế hoặc sửa background:#b6b8b1; thành background:#000; . Bạn có thể chọn màu nền mà mình thích để thay vào #b6b8b1. Tôi thay thành #000 là màu đen. Để đưa ảnh nền vào bạn làm như sau. Sửa background:#b6b8b1; thành background:#b6b8b1 url(đường dẫn tới bức ảnh nền) repeat; Ví dụ: Code gốc body { background:#b6b8b1; margin:0; padding:0; font-family:arial,'trebuchet ms',helvetica,sans-serif; font-size:12px; line-height:145%; text-align:center; color:#111; } Sau khi thay: body { background:#000 url(http://my.opera.com/phamlam/homes/nightstyle/bg.gif); margin:0; padding:0; font-family:arial,'trebuchet ms',helvetica,sans-serif; font-size:12px; line-height:145%; text-align:center; color:#111; } Ngoài lề: background là thuộc tính ghi tắt của 5 thuộc tính background-color, background-image, background-repeat, background-position, background-attachment thay dùng để đổi nền đối tượng, thường có cấu trúc như sau: background: #mã màu (hoặc tên màu, nếu dùng tên màu không có dấu #) url(đường dẫn tới file ảnh làm nền) vị trí đặt của bức ảnh nền trong đối tượng khả năng lặp lại của ảnh nền; Các kiểu lặp lại của ảnh nền: repeat: lặp lại, no-repeat: Không lặp lại, repeat-x; chỉ lặp lại ảnh theo trục x, repeat-y: chỉ lặp lại theo trục y. Tới đây đã xong việc đưa ảnh nền vào blog. Lại tiếp tục công việc copy và paste như ở trên và save vào. Mở blog nhấn F5 để xem kết quả. 4. Đưa hình nền vào ô viết bài. - Tìm .post giống ở trên. Thêm đoạn background:#fff url(đường dẫn ảnh) bottom right repeat-x; Chú ý: bottom right repeat-x; tức là lặp lại bức ảnh đó theo trục ngang x ảnh bắt đầu ở dưới cùng và bên phải của ô .post và lặp liên tục sang bên trái. Bạn có thể thay đổi cho phù hợp với yêu cầu của bạn. Ví dụ .post { padding:10px 5px; margin-bottom:10px; width:100%; overflow:hidden; border:1px solid #2382C7; background:#fff url(http://my.opera.com/phamlam/homes/nightstyle) bottom right repeat-x; } Thế là đã xong. Lại copy file main.css đã sửa và save vào như ở trên. Nguồn tham khảo từ blog phamlamPhamLam

No comments

Một lời hứa ban đầu

Wednesday, April 25, 2007 12:30:48 AM

Hôm nay mình sẽ bắt đầu viết một Blog thật tâm đắc, những trải nghiệm cuộc sống hay là tất cả những buồn vui. Có lẽ đây là một ý hay, khi viết ra được sẽ làm ta thoải mái hơn không nhỉ? Điều này còn phải đợi thời gian trả lời. Ý định của mình khi viết cai Blog này là gì nhỉ. có phải là để nung nấu cái ước mơ trở thành một ông chủ của chính mình sao. Một sự học hỏi để bước vào một lĩnh vực mới. Có thể đem lại cho ta thành công, tiền bạc và danh vọng. và chác chắn nó cũng sẽ làm ta lao tâm khổ tứ nhưng không sao chắc chắn ta phải làm được đó là lời ta viết ra đây xem như là một lời hứa cho chính bản thân mình vậy. Mình phải cố gắng, nhưng làm thế nào đây? Mọi việc mới bắt đầu. Tôi nhớ lại một câu danh ngôn của một ai đó đã nói "Bất kỳ một việc lớn hay việc nhỏ khi mới khởi sự đều không thể hoàn thành được" Nhưng phải có kỳ hạn cho mình phấn đấu vươn tới chứ. Không lẽ cứ để thời gian lặng lẽ trôi qua mà không biết sẽ đi đến nơi đâu sao. Hãy bắt đầu ngay từ hôm nay!

2 comments