Skip navigation.

Log in | Sign up

Không hề có tiêu đề :D

Let me love you - http://phamlam.info

Biến theme My Opera thành theme 360

, ,

Opera vừa ra mắt công cụ để chuyển toàn bộ bài viết từ Yahoo 360 sang MyO nhưng vẫn chưa xuất hiện công cụ nào giống của Yahoo 360 để làm theme cả, chúng ta đang hy vọng trong tương lai gần sẽ có công cụ này để giúp các blogger tự sửa theme thuận tiện và dễ dàng hơn. Để các blogger từ yahoo sang khỏi bỡ ngỡ, phamlam xin giới thiệu một cách biến theme My Opera thành theme 360 cực kỳ đơn giản. Các bạn có thể thấy sau một hồi mày mò nghịch ngợm thì mình có được sản phẩm 1sản phẩm 2 theo phong cách theme Yahoo 360. Để có được các sản phẩm tương tự như vậy các bạn thực hiện theo các bước sau.

Giai đoạn 1:

1. Vào My Page (ở trên cùng blog và phải đăng nhập mới thấy)> Design > đánh dấu chọn vào skin Flower Explosion. Mục đích bước này để sidebar trên cùng trải dài toàn màn hình.

2. Ở dòng chữ "Select a design for your page from the list below, or add your own custom style sheet." nhấn vào chữ "custom style sheet" để hiện ra ô Enter Css. Copy và paste đoạn code sau đây vào ô Enter Css.

Do đoạn code khá dài nên bạn nhấn vào link sau đây để tải về hoặc mở ra: Tải về

Tới đây bạn đã thực hiện được 50% công việc, nếu bạn chọn Only use my custom style sheet và save lại thì sẽ được theme xanh như mình đang dùng. Nếu bạn muốn thay đổi hay làm như sau:

Giai đoạn 2:

1. Chọn trong máy tính hoặc trên internet 1 hình ảnh làm banner trên cùng như hình ảnh này chẳng hạn, chọn 1 hình ảnh làm footer phía dưới như hình ảnh này

2. Upload ảnh lên một trang web lưu trữ ảnh, ở đây mình dùng cách upload lên phần Files của MyO. Vào My Page> My File> Nhấn Choose chọn file banner cần up trong máy tính rồi nhấn Upload. Đợi một chút bạn sẽ thấy file đó đã được upload lên thư mục files.

3. Nhấn chuột phải vào tên file chọn Properties hoặc Copy Link Address (nếu bạn dùng trình duyệt Opera) để lấy link của ảnh.

4. Để thay đổi phần ảnh trên cùng thì bạn phải sửa code, cái mà bạn vừa paste vào ô Enter Css. Cụ thể thay trong body link http://files.myopera.com/phamlam/lovetheme3/banner.jpg bằng link ảnh banner của bạn thay link http://files.myopera.com/phamlam/lovetheme3/footer.jpg trong #wrap0 bằng link ảnh footer của bạn. Thay màu nền #29b2e8 thành màu nền phù hợp với ảnh banner và footer. Cuối cùng bạn kéo thanh cuộn xuống dưới ô Enter Css sẽ nhìn thấy 3 lựa chọn để đánh dấu, bạn đánh dấu chọn vào ô Only use my custom style sheet và nhấn nút Save, quay trở lại blog để xem kết quả. Chúc bạn thành công.

Ps: Bạn có thể thay đổi màu chữ bằng cách thay đổi mã màu color:#000; trong .post, thay đổi màu nền của bài viết, comment... Cái này đòi hỏi bạn hiểu biết 1 chút về Css

Sửa nhà tí tiSkin Summer 2009

Comments

phamlam 5. June 2009, 11:55

Tặng cho các bạn mấy mẫu banner với footer của mấy cái sản phẩm để thực hành nhé:

Mẫu 1:
Banner: http://files.myopera.com/phamlam/lovetheme1/banner.jpg
Footer: http://files.myopera.com/phamlam/lovetheme1/footer.jpg

Mẫu 2:

Banner: http://files.myopera.com/phamlam/lovetheme3/banner.jpg
Footer: http://files.myopera.com/phamlam/lovetheme2/footer.jpg

và nhiều mẫu khác http://forums.360themes.com/showthread.php?t=431

MyKhoangKhac 5. June 2009, 12:32

ơ, phải gọi là cách biến themes 360 thành opera chứ ạ
hay là làm themes opera theo phong cách 360 P:

xicawe 6. June 2009, 00:46

đây là chức năng mới của 0pera nhà ta thôi. ko có biến cái nào thành cái nào hết phải ko anh Lâm.

phamlam 6. June 2009, 01:32

Không phải chức năng mới mà là sửa chữa skin thôi

nho_nhoanhnhieu 6. June 2009, 01:38

Nhưng sao vẫn thích cái skin mặc định của Opera hơn anh ạ p:. Dễ dùng hơn...

Harvest_Moon 6. June 2009, 06:29

anh ơi có thể dàn 1 hình ra chứ ko phải ghép 2 hình dc ko anh :-s

MyKhoangKhac 7. June 2009, 04:02

cái lovethemes1 có trái tim vẽ = ánh sáng ấy anh cho code được không ạ, edit hơi mất công vì nền nó đen mà code cho sẵn chữ lại đen

D-V 7. June 2009, 10:55

hay vậy mà giờ D-V mới biết. Cám ơn PL nhiều lắm! :smile:

quachtm 7. June 2009, 12:37

Css của em sửa 1 chút là đc...thanks anh nhé! :D

phamlam 7. June 2009, 16:05

@Khoanhkhac. Cái này share bên bài sửa nhà 1 tí rồi mà.

- Code css của theme đen: Tại đây
- Code css của theme vàng: Tại đây

@D-V. thấy bạn cũng chịu khó làm theme để share mà.

@quachtm. Uh, không có chi

MyKhoangKhac 7. June 2009, 16:08

thanks anh nhiều, tự nhiên làm anh mất công :wink:

phamlam 7. June 2009, 16:18

Sáng tạo thêm vài cái anh coi!

MyKhoangKhac 7. June 2009, 17:19

em đang ôn thi T.T

MotNgonGioHoang 8. June 2009, 06:53

cám ơn anh nhiều nha :smile:

MyKhoangKhac 8. June 2009, 12:44

Ôn thi nhưng lại ngứa tay anh ạ, thành ra nhà cửa lại chịu bão xu hướng 360, màu mè chưa ưng lắm, đợi thi xong em xin làm chục cái themes cho mọi người P:

Quỳnh Vy 10. June 2009, 06:20

Vy từng mày mò làm theme và hình cho top page bên Muliply. Bây giờ qua đây lại sẽ "nghiên kíu" thêm cái vụ theme này.
Coi bộ mệt à nha.
hihi

Anonymous 10. June 2009, 07:24

Anonymous writes:

Khong biet thi met chu biet roi thi cung binh thuong.

banhquytron 10. June 2009, 10:50

^^ cảm ơn Phạm Lâm nhiều.

thienthanbenho1 11. June 2009, 07:48

sao minh lam theo cach cua ban, doi hinh footer va mau nen, vi du minh sua thanh nen mau hong (pink) ko phai blue, minh doi #fff thanh #ffb5da, save lai roi ma ko thay no doi gi het? hic

chaynharama 11. June 2009, 16:11

Cảm ơn PhanLam ^^
Nhờ có chị giới thiệu nên tối mới biết blog bạn
Nhờ blog bạn tôi bắt đầu hứng thú làm Opera lại ^^
thanks ^^

2ptien 11. June 2009, 17:34

Tui cũng zậy nè!đã bị ban hoài nên cũng chán nhờ thấy theme ông cũng hay hay nên tui viết blog lại thanks nhá!

hoatrongvuon 12. June 2009, 16:08

Copy tiếp vào webtretho hì hì - thank em. :love:

hadimdim 16. June 2009, 03:01

Cám ơn về những bài viết của bạn

min-xinh 18. June 2009, 16:26

Bọn Opera nó làm biến mất cái theme mặc định ròm thích. Chuối vật. PL ơi chị ròm đang giúp cho dân tình 360 nên chạy lung tung tí nhe. :D

Mọi người: Ròm đã test đưa 360 về bên Opera chả biết mất bao lâu nữa, bấm lệnh import xong đi nấu cơm, tối tắt máy đi ngủ quên luôn. Hai ngày sau tự dưng sực nhớ mở blog test lên lại thấy đầy đủ cả comments lẫn bài hihi - vì vậy mọi người chịu khó chờ khi import nhé

PS: Hơ hơ chị comment bài chuyển sao lọt qua đây. Chuối cả vườn :D

Chị ròm - hoatrongvuon.

fanda_girl305 19. June 2009, 01:34

Anh ui,đi Cô Tô đi,sao ko thấy anh đăng ký vậy. E vừa tìm lại được chỗ ảnh năm lâu lâu đi DS cùng a với a Phong nhìn đẹp và vui xía!!!đi nhớ!!!

phamlam 19. June 2009, 01:35

Ủa chị Ròm mới reg nick mới à?

hoatrongvuon 24. June 2009, 06:08

Đâu có chị giúp cho em min-xinh import qua Opera mà sao không được, hình như cái nick yahoo của em này là vn nên nó không chịu làm sao đó.

ndneco 1. July 2009, 09:45

Chào bạn!

Cảm ơn hướng dẫn này của bạn, nhưng mình làm mãi mà vẫn không được! Có cách nào hướng dẫn dễ hiểu hơn không bạn ơi!!!

havard-danielk 12. July 2009, 15:28

Em đã làm theo và thành công 1 nửa rồi!!^^ Em mới chuyển từ 360 nên chưa rõ làm theme opera. Cho em hỏi màu trong này toàn phải dùng mã thì có bảng mã cho các màu ko ạk?

vuotbiendongtimnang200490 15. July 2009, 09:21

chào anh Phạm Lâm! em thấy ở blog chị Thủy Hiền có theme rất đẹp nên muốn mượn dùng tạm một thời gian nhưng chị Thủy Hiền nói phải gửi lời cảm ơn tới anh. Em cũng rất vui được làm wuen với anh, em mới làm blog nên kinh nghiệm còn ít nên mong anh chỉ bảo thêm. em cảm ơn!

bean90 24. July 2009, 16:07

hi a phamlam!!!
e sữa thì đc oài, nhưng sao cái banner nó to wá, còn cái footer thì nhỏ. a có cách nào júp e điều chỉnh cho nó đều lại ko a? với cách chỉnh màu chữ nữa???
thanks a nhìu nhìu ^^

smallblue 1. August 2009, 05:02

PL ơi! Cám ơn bạn mình đã làm thành công.Nhưng chỉ sửa được một lần thôi.Khi mình muốn đổi hình banner và footer hay đổi màu background thì không được nữa.Mong bạn hướng dẫn giúp.Thanhks!

sakura.vn 18. August 2009, 03:03

Anh Lâm cho em hỏi muốn đổi màu chữ trong phần type comment thì dùng code nào thế anh?

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies

December 2009
S M T W T F S
November 2009January 2010
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31