Dieu Anh's Opera blog

Hôm nọ Fred từ Thụy Điển qua họp cùng nhóm My Opera vài ngày. DA tranh thủ "bắt cóc" Fred trong vòng 1 tiếng để "hỏi cho ra nhẽ" chuyện khung ảnh ở trên blog của Fred.

DA có hỏi "làm thế nào để có khung ảnh một cách tự động cho tất cả các ảnh để trên blog My Opera". Fred trả lời là có cách, nhưng mà làm rất mất thời gian. Thế là Fred thử với code CSS khá đơn giản. Kết quả : cả Opera và IE (ngạc nhiên ngạc nhiên !) đều hiển thị ổn, riêng Firefox củ chuối không hiện cả ảnh. Nên cả nhà chịu khó vậy nhé, chỉ có cách dùng mã HTML cho từng ảnh một thôi.

Tóm lại, cho đến bây giờ, solution tìm được và dùng được cho tất cả trình duyệt chỉ áp dụng cho các ảnh lớn, rộng 570px, cao 304px. Dưới đây là code CSS :

.bigpic { width:600px; height:319px; background:#fff 
url(http://files.myopera.com/myfrenchopera/files/bigpic.png) 
top left no-repeat; padding-top:1px; }
.bigpic img { display:block; margin:11px 0 0 14px; }

Khi cho vào post, thì dùng code sau :

<div class="bigpic">[html:img src="Liên kết tới ảnh" 
width="570" height="292" ]</div>

Một trong những tính năng với Opera 10 là khả năng dùng Font không cài sẵn trên máy tính của bạn (Web Fonts). Ví dụ, nếu bạn tự tạo Font từ chữ viết tay của bạn, hẳn Font này không có sẵn trên các máy khác.
Khả năng dùng Font riêng, bằng cách chỉ liên kết đến file .ttf hay .otf đang từ từ được đưa vào các trình duyệt.

Nếu bạn đang dùng Opera 10 và mở blog trên My Opera, bạn có thể dùng font của mình (loại .otf hay .ttf), bằng cách Copy/Paste code này trong phần Tài khoản blog > Giao diện > CSS

Chú ý nếu bạn dùng theme "My Opera default" thì sẽ không thay đổi được code CSS, hãy chọn theme mặc định khác trước khi thay code CSS

/* Special font-face selector */
@font-face {
  /* Trong ngoặc kép là "Tên phông chữ" */
  font-family: "opera";
  /* Để liên kết tới file của phông chữ bạn dùng */
  src: url("linktofont.ttf") format("truetype");
}

h1,h2,p,a,div.content {
  /* Chọn "Tên phông chữ" bạn vừa khai báo ở trên*/
  font-family: "opera"; 
}

Title của blog này dùng FGDulcesFont, có thể tải về miễn phí trên Font Garden[/URL].

[/IMG]
Non non ce n'est pas moi (même si la fille sur la photo me ressemble un peu), je suis encore plus mince que ça.

• Pour ceux qui regrettent le thème précédent (une fille et un oiseau), voici le code CSS (à utiliser avec le thème* "Winner")
• Pour ceux qui préfèrent le nouveau thème, voici le code CSS (à utiliser avec le thème* "Silver")

*Cochez la case "Use my custom style sheet together with the current theme"
Pour savoir comment changer de thème / skin, cliquez ici

Opera Software vient de lancer son Opera Web Standards Curriculum. Vous y trouverez des cours complets pour la création de votre site web respectant les standards du Web.

Ce projet, réalisé en coordination avec Yahoo! et le Web Standards Project (WaSP), vous propose une cinquantaine d'articles sur l'histoire et le futur du web, CSS, HTML etc. Pour l'instant, 23 articles ont été publiés, les autres seront publiés d'ici septembre 2008.
Le projet WSC fait partie du programme éducation d'Opera Software. Celui-ci inclut, entre autres, University Tours qui organise des conférences dans différentes écoles et universités.

Bonne nouvelle : La France est un des 10 pays choisis par Opera Software. Vous nous verrons très bientôt dans les universités et écoles françaises.