My Opera is closing 3rd of March

iiifriends

Blog của tôi lò bò trong máy vi tính và lăn đùng ra mạng

Flash Banner - Dùng Flash làm banner

Tuesday, May 29, 2007 3:56:26 PM

Bạn có bào giờ nghĩ dùng Flash làm banner cho blog của mình chưa !! Sau đây mình sẽ trình bày cách làm banner Flash. Mình biết bao nhiêu thì nói bây nhiêu thôi. yes yes Ban thấy Flash đưới đây không. Mình đã di chuyển nó lên thành banner Flash.

Đầu tiên bạn tạo New blog post. Trong new post bạn tao ra một thể "div" lòng vào thẻ "object" chứa flash như cái code mình đang dùng đây. 

<div style= "visibility: inherit; top: -380px; left:-15px; OVERFLOW: visible; POSITION: absolute;">
<object width="920" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="http://files.myopera.com/web4you/files/iiipro.swf" name="movie"/><param value="high" name="quality"/>
<embed width="920" height="350" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://files.myopera.com/web4you/files/iiipro.swf"/>
</object>
</div>
Nên chọn New Post này là sticky post. Thì nó luôn luôn ở trang đầu. Thế là xong. Nói cho các bạn dễ hình dung là mình đưa cái Flash đó đề lên nên banner của blog. Do cái Flash của mình có kích thước là 920x350. Do đó bạn cũng phải tăng kích thước Banner lên thành 920x350 để làm được điều đo. Bằng cách vào phần Design thay đổ các thuộc tính sau bạn vào phần "Custom style sheet" đề thay đổi kích thước banner.


#top2 {
height:350px;
padding-left:30px;
}

Để cho banner có ảnh nên đẹp hơn trong trường họp Flash chưa load lên kịp bạn thêm vào phần design đoạn css sau


#top
{
background:#2F8FAF url(http://files.myopera.com/web4you/files/Lpic_4.jpg) repeat scroll right top;
border-bottom:1px solid #000000;
color:#FFFFFF;
}

Bạn có thể Dùng Skin One của mình kết hợp với cách làm việc tạo ra một New Blog Post có chứa đoạn thẻ "
" mình trình bày ở trên thì nó sẽ giống blog mình đang sử dụng. Trong thời gian tới mình sẽ làm nhiều Flash khác để các bạn chọn làm banner.


SkinOne by iiiPro - Skin đầu tiên của mình !!!!!Flash Slide Show Maker - Chương trình tạo Flash đơn giản nhất

Comments

BaoBinh Wednesday, May 30, 2007 4:20:23 PM

Ừ, dán đồng hồ vô banner luôn, thấy hay ghê! Mà sao nó chỉ hiện bên ngoài trang chính, còn khi xem từng bài riêng biệt thì lại không thấy đâu. ... Chỉ cho BB cách dán cái đồng hồ đó nha. Thanks nhiều! ^^

iiifriendsiiipro Thursday, May 31, 2007 1:26:26 AM

Thực ra, bạn nói đúng. Dùng Flash làm banner chẳng qua chỉ là một cách đánh lừa thị giác thôi. Nó cũng là một phần của bài viet trong blog của bạn, Thay vì nội dung ở trong phần của bài viết. Thì mình dùng CSS Để định vị nó lại đưa nó lên làm banner. Nên nó chỉ hiên ra ở trang bên ngoài. Còn khi bạn vào trang khác. Thì nội dung đó kg còn. Thì banner flash đó cũng mất theo. Còn cách làm đồng hồ đó là dùng Flash lập trinh viết banner. Dùng ngôn ngữ Action script của FLash để lập trình. Nếu muốn làm được trước tiên bạn phải Flash và hiển Action script mình mới có thể nói rõ cho bạn được

luckystars Saturday, June 2, 2007 2:46:50 PM

@iiipro: chưa cụ thể lắm, đúng là đánh lừa thị giác đấy. Nhưng you để bài vế flash banner này từ trên đếm xuốn là bài thứ tư rùi.
Vậy sao ta ko thay cái banner của blog bằng cái flash vo cho rùi. Blog opera có hỗ trợ thay banner file ảnh bằng ảnh động hay file flash ko? Hình như là ko, nếu có thì you đã làm rùi đúng ko. Nhưng tớ muốn banner của blog bằng flash luôn cơ, ai help coi nào. Coi bộ cái này làm tớ ngứa tay kiểu làm 4rum lại rùi bigsmile

iiifriendsiiipro Saturday, June 2, 2007 3:42:18 PM

Mình cũng thấy vậy. Như mình đã nói. Theo cách của mình là dùng 1 flash bằng kích thước của banner, thay vì vị trí của nó nằm trong bài viết của mình thì minh dùng một thể "div" lòng vào flash. và định vị cho nó trùng với banner.
Trong the div do co thuộc tính


style="visibility: inherit; top: -380px; left:-15px; OVERFLOW: visible; POSITION: absolute;"


Theo mình quan trong là tọa độ của nó, tùy theo cái flash của mình mà canh "top", và "left" cho phù hợp là được.
Mình nghĩ làm banner bằng flash luôn thì mình nghĩ kg dược. Bởi vì Opera không có chổ nào để chèn flash vào banner. Theo mình chỉ có cach đánh lừa thị giác như mình thôi.
Cách này có nhược điểm là nó chỉ hiển thị banner flash khí có bài viết có flash mình đã định sẳn thôi.

Unregistered user Thursday, June 7, 2007 5:10:40 AM

phamtienduong_k2b writes: Ban oi minh muon hoi 1 chut ve cai Flash nay` ban lam http://files.myopera.com/web4you/files/iiipro.swf Minh cung dang muon lam 1 cai banner trong do' co khoang 5 cai anh no trinh chieu Slide voi hieu ung nhu cai banner cua ban do', minh co the dung phan mem gi de lam hay phai lam bang Flash MX ha ban? Neu ban co chuong trinh thiet ke hieu ung chuyen canh cho anh nhu vay thi share cho minh voi nha, Minh ko dung Blog Opera nen phien ban nhan qua nick Y!M cho minh voi nha : phamtienduong_k2b cam on ban nhieu!

iiifriendsiiipro Friday, June 8, 2007 3:43:29 AM

Mình dung phầm mềm Adobe Flash CS3 Professional để làm banner.

Duy Khiêmkt8833 Friday, June 8, 2007 4:48:30 AM

Cho mình hỏi bạn cái này nhe
Cái Banner của bạn ý muh , mình cũng muốn làm một cái banner như thế ( nhưng ko có flash , giống như cái banner của bài này nuh smile , và mình sử dụng skin mặc định của OPERA thì có thay đổi banner ko thôi có được ko )

iiifriendsiiipro Friday, June 8, 2007 5:52:41 AM

Nếu bạn muốn thay đổi banner thì bạn thêm đoạn css này vào phần design


#top
{
background:#2F8FAF url(http://files.myopera.com/web4you/files/Lpic_4.jpg) repeat scroll
/* http://files.myopera.com/web4you/files/Lpic_4.jpg là duong dan file Ảnh */
right top;
border-bottom:1px solid #000000;
color:#FFFFFF;
}


Tuy theo độ rộng của banner mà bạn thêm đoạn css sau. Mặc định của Opera hình như là 920x170, còn banner của mình là 920x350 nên mình thêm đoạn css này vào design nữa :


#top2 {
height:350px; /* Chiều cao ảnh banner*/
padding-left:30px;
}

Duy Khiêmkt8833 Friday, June 8, 2007 8:11:00 AM

Thank bạn nhìu smile ( chà biết nói j hơn nữa , bạn hay thật wink )

Louis Hoomr_lac Sunday, June 10, 2007 2:17:53 PM

nhưng mà bạn đăng nhập ở đâu??

hình như là mục đó bị ẫn đi rồi

iiifriendsiiipro Sunday, June 10, 2007 2:31:29 PM

Blog cua minh, minh giau phan dang nhap roi, ban ve blog ban ban moi dang nhap duoc

Louis Hoomr_lac Sunday, June 10, 2007 2:45:36 PM

sặc...như thế thì quá bất tiện...
ví dụ như khi mình đọc bài trong blog của bạn nhá (chưa dăng nhập) muốn comment thì phải về trang mình đăng nhập...sau đó là tìm mỏi con mắt mới thấy đc cái bài lúc nãy mình đọc đễ comment...nhưng mà lúc đó thì quên tiêu mình muốn nói gì rồi...
như thế thì trong blog của bạn phầm comment chỉ là những người vô danh hoặc là những góp ý đơn điệu ( vì khi đã đăng nhập và quay lại trang bạn viết comment thì đã không biết nói gì nữa...)


http://my.opera.com/mr_lac

iiifriendsiiipro Sunday, June 10, 2007 2:56:31 PM

Cám ơn sự góp ý của bạn, Có lẽ mình sẽ phải thay đởi suy nghĩ thôi

Mr.DeathZDeathAngleZ Monday, June 11, 2007 4:24:31 AM

ồ, cái này hay ^^, mình cóp nhé p
Góp ý cái nữa ^^
-->
Bạn có thể Dùng Skin One của mình kết hợp với cách làm việc tạo ra một New Blog Post có chứa đoạn thẻ "
" mình trình bày ở trên thì nó sẽ giống blog mình đang sử dụng. Trong thời gian tới mình sẽ làm nhiều Flash khác để các bạn chọn làm banner.
<--
Cái này trong khoảng trắng " " là đoạn code, nhưng mà bạn không dùng lênh /code bọc nó lại nên nó mất tiu, fải vào view source mới xem dc >"<

Tân SangTansang Tuesday, June 12, 2007 9:43:30 PM

Originally posted by iiipro:

..Dùng Flash làm banner chẳng qua chỉ là một cách đánh lừa thị giác thôi. Nó cũng là một phần của bài viet trong blog của bạn, Thay vì nội dung ở trong phần của bài viết. Thì mình dùng CSS Để định vị nó lại đưa nó lên làm banner..


Bái phục, bái phục! Sáng tạo, sáng tạo!
Lúc đầu mình nghĩ bạn làm banner bằng ảnh gif, không ngờ làm bằng flash. Rất hay, xin cám ơn vì được sáng mắt.

Còn điều này nhân tiện hỏi iiipro luôn. Có thể cho anh em xem đoạn code điều khiền cái search đặt dưới banner không?

Rất hâm mộ IIIPRO!

iiifriendsiiipro Wednesday, June 13, 2007 12:55:56 AM

Cám ơn anh quá khen, Chẳng qua buồn, nên em làm thôi. Đoạn Css thay đổi định vị trí cho cái search là


#blogsearch div {
visibility: inherit;
top: -26px;
left:600px;
OVERFLOW: visible;
POSITION: absolute;
}


Thực ra anh muốn định vi bất cư một cái gì trong bài viết của anh kg nằm theo thứ tự, mà định vi theo tạo độ cũng được, cứ lòng vào thẻ div và thêm thuộc tình slyte cho thể div như sau là được :


style= "visibility: inherit; top: -380px; left:-15px; OVERFLOW: visible; POSITION: absolute;"


top:-380px; left:-15px anh thay đổi theo vị trí anh cần. Em định vị left và top; mình cũng có thể thay đổi định vi right và bottom.
Em cũng dùng cùng một cách này để làm banner và phần about giới thiệu của em.

Tân SangTansang Wednesday, June 13, 2007 9:32:01 AM

Cám ơn iiipro, mình save đoạn comment của iiipro lại, khi nào bố trí lại Blog sẽ dùng thử. Có gì khó khăn sẽ nhờ iiipro giúp. Xin cám ơn!

Nguyễn Trínguyentri_media Friday, June 15, 2007 3:35:07 AM

còn 1 nhược điểm nữa là khi duyệt web bằng IE mà máy chưa có Flash layer thì không thấy được cái banner động

luckystars Monday, June 18, 2007 5:19:43 PM

@ iiipro:làm banner thế cool lắm, vậy kiểu này chắc nhờ you làm cho mấy bài hát về flash luôn wá, đc hok. chắc pro về flash lắm ha. Tớ rất khoái flash music, nhưng khả năng design, edit ko nhiều smile

iiifriendsiiipro Tuesday, June 19, 2007 6:33:11 AM

hi,minh nghi ai cung lam duoc. minh cung moi tap ten lam thoi.

Lee >"< Kutesweet_dream_1702 Tuesday, June 19, 2007 6:33:26 AM

có cách nào làm cho trang about ngắn lại ko hả iiipro ?
nếu có chỉ cho mình đoạn code đi

luckystars Tuesday, June 19, 2007 8:29:30 AM

Mới làm như you mà cool thế rùi. Vậy cậu có thể làm flash music ko, làm mấy bài nghe choi.
Nếu được you làm bài : Không thể quên của Cao Thái Sơn và bài Tìm về nơi trú mưa của Quang Hà hát ah.
2 bài này hay lắm,nhưng nếu làm flash music tặng ngưởi yêu thì hay fết bigsmile . nếu đc làm giúp tớ smile

Hoàng Tùngnoobiitaa Saturday, June 23, 2007 5:20:55 AM

Bạn ơi cho mình hỏi 1 xíu, về phần định vị trí cho flash, làm sao để mọi độ phân giải khác nhau nó đều nằm cố định được? mình làm ở độ phân giải 1024 thì đúng nhưng khi xem ở 1280 nó lại bị lệch, giúp mình giải quyết với ( http://my.opera.com/Nghecon18 ). Thanks bài hướng dẫn của bạn nghe, rất sáng tạo.

iiifriendsiiipro Saturday, June 23, 2007 1:13:26 PM

Hi, Minh da vao xem blog http://my.opera.com/Nghecon18 roi, rat dep va sang tao lam, Nguoi viet Nam sao ai cung tham mi qua, yes

Hoàng Tùngnoobiitaa Saturday, June 23, 2007 1:34:58 PM

Thanks bạn nhiều smile, nhưng nó chỉ đẹp khi xem ở phân giải 1024 thui, xem to hơn cái flash nó bị chạy sáng bên trái, bạn có cách nào định vị trí cho nó cố định được ko? À, khi xem bằng IE 6 cũng vậy, nó bị chạy xuống sad, chán ghê lun đó

iiifriendsiiipro Saturday, June 23, 2007 1:40:36 PM

Uh, thi IE6, no kg ho tro tot, Va o che do mam hinh thap, No cung anh huong nhieu lam, Da phan nhung falsh cua minh cung chi chay tot o nhung do phan giai cao thoi. Ve thiet ke Skin. Minh thay ban cung sang tao nhieu. Blog cua ban luon chon mau toi lam tong nen. Minh cung thich vay.

Hoang Kienhoangkien Tuesday, July 10, 2007 4:11:48 AM

Hà, rất hiểu cách thức mà bạn làm, không đặc biệt lắm nhưng lạ. Lúc đầu tưởng bạn có độc chiêu dùng CSS để insert flash -> Siêu cao thủ.

HCT®hct_tv Thursday, July 26, 2007 8:30:58 AM

tưởng bạn có độc chiêu dùng CSS để insert flash -> Siêu cao thủ.


...để tớ về "suy nghĩ" thử xem coi có được hông...

QuangTrungtrungdam Sunday, August 12, 2007 3:18:28 PM

Bài viết của bạn hay quá smile

NgưVKnguvk Monday, August 20, 2007 3:50:38 PM

Hi iiipro ! Minh cung la`m thu 1 cai flash banner nhu ban -nhung sao khi chay trong IE thi ko hien len flash vay ?

A` ,ma` sao ban dau di phan title cua bai post cho flash duoc vay ?

heoconsusu Wednesday, August 22, 2007 5:46:26 AM

minh xin doan code cua ban nhe. thanks

Nguyễn Thành Tàitaihacdao Friday, August 24, 2007 6:05:55 AM

hay

Unregistered user Sunday, February 22, 2009 7:14:00 AM

Anonymous writes: <div style= "visibility: inherit; top: -380px; left:-15px; OVERFLOW: visible; POSITION: absolute;"> <object width="920" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param value="http://files.myopera.com/web4you/files/iiipro.swf" name="movie"/><param value="high" name="quality"/> <embed width="920" height="350" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://files.myopera.com/web4you/files/iiipro.swf"/> </object> </div>

Unregistered user Sunday, February 22, 2009 7:14:01 AM

Anonymous writes: <div style= "visibility: inherit; top: -380px; left:-15px; OVERFLOW: visible; POSITION: absolute;"> <object width="920" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param value="http://files.myopera.com/web4you/files/iiipro.swf" name="movie"/><param value="high" name="quality"/> <embed width="920" height="350" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://files.myopera.com/web4you/files/iiipro.swf"/> </object> </div>

Unregistered user Sunday, February 22, 2009 7:14:48 AM

boyquehy9x writes: <div style= "visibility: inherit; top: -380px; left:-15px; OVERFLOW: visible; POSITION: absolute;"> <object width="920" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param value="http://files.myopera.com/web4you/files/iiipro.swf" name="movie"/><param value="high" name="quality"/> <embed width="920" height="350" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://files.myopera.com/web4you/files/iiipro.swf"/> </object> </div>

Unregistered user Sunday, February 22, 2009 7:14:50 AM

boyquehy9x writes: <div style= "visibility: inherit; top: -380px; left:-15px; OVERFLOW: visible; POSITION: absolute;"> <object width="920" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param value="http://files.myopera.com/web4you/files/iiipro.swf" name="movie"/><param value="high" name="quality"/> <embed width="920" height="350" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://files.myopera.com/web4you/files/iiipro.swf"/> </object> </div>

Unregistered user Sunday, May 31, 2009 12:53:20 PM

sađsa writes: ấđasdsa

tanpossible Saturday, June 20, 2009 12:42:11 PM

Mình cũng làm banner+ avatar = Flash = cách này nhưng không hiểu sao chỉ hiển thị trên Fire Fox mà không hiển thị trên IE.Pro quan tâm ghé blog test dùm phát.Thân chúc một ngày tốt lành

bé ủn ỉnvuhoangminhha Friday, September 25, 2009 8:51:59 AM

mình muốn làm hình nền cho blog, chỉ giúp mình với nhé

sốngđểyêu's Blogsongdeyeu263 Friday, October 23, 2009 2:47:12 AM

hic dep wa a minh da lam xong rui dep lam cam on nha /nhung ban co the chi them cho minh ve cach dieu chinh sao cho cai baner dong khop voi cai baner cu cua minh ty duoc khong ban /blog cua minh ne http://songdeyeuclub.tk/

sốngđểyêu's Blogsongdeyeu263 Friday, October 23, 2009 2:49:19 AM

chieu da cau tam hinh minh chinh lai cung tam duoc rui nhung con chiue cao cua no thi minh chinh rong hon nhung xong thi o 2 dau toan mau tranh tron a /co cach nao hay chi dum ty nha

sốngđểyêu's Blogsongdeyeu263 Friday, October 23, 2009 3:59:03 AM

hihi cuoi cung minh cung mo ra rui cam on nha khong phien ban nua dau /phai noi ban gioi that day chuc vui ve /ma ne sao minh vo trang blog nay cua ban rui va minh muon ra lai trang dau bai viet cua ban ma tro lai khong duoc a

sốngđểyêu's Blogsongdeyeu263 Friday, October 23, 2009 4:03:07 AM

con mot cai nua ne [cai dong ho thi chay dung gio ma cai nam 2007 dung yen vay /ban coi thiet ke luon ngay thang nam rui dan vo do luon di /hic luc do la tiec lam day /chung nao su thi nho goi minh voi nha /

hongtaihongtailove Tuesday, November 3, 2009 3:49:49 PM

Cho mình hỏi. Gián đoạn code vao đâu nhỉ!!!

Unregistered user Wednesday, March 10, 2010 7:50:36 PM

Anonymous writes: anh oi khi minh kick vao anh flash thi no chuyen sang trang web khac thi lam the nao anh viet cho em cai code de em hoc voi thanks. quen mat email:vie_phuong@yahoo.com

tanpossible Friday, April 23, 2010 7:27:45 AM

Bạn link nó vào file flash,để onclick rồi build là ok thôi

Unregistered user Monday, June 7, 2010 9:36:16 AM

evan1981nguyen writes: Hello

HA ANH THANGkhanhmark Sunday, September 12, 2010 6:22:22 AM

minh lam duoc roi!thanks ban nhieu!

Write a comment

New comments have been disabled for this post.