PDA

View Full Version : یک سوال در مودر انداختن یک فایل فلش بر روی عکس توسط css


nekooee
شنبه 23 مرداد 1389, 17:56 عصر
با سلام
من یک لوگو بالای سایتم دارم که توسط css موقعیتش مشخص شده:





<!--top header-->
<div id="header">

<!--/top header-->



و در قسمت css :




/* TOP HEADER */
#header {width:975px; height:150px; margin:0 auto; background: url() no-repeat center top;}

.headerbg {background:url(http://***/headerbg.gif) repeat-x top;}
.headercollage {background:url(http://***/headertop.png) no-repeat center top;}
.link {position:absolute; z-index:40; margin-left:300px; margin-top:50px;}
.heightfix {height:150px;}

حالا می خوام یک فایل فلش جوری بگذارم که بی افته روی لوگو و به نظر برسه که جزوی از لوگو هست. و با تغییر سایز صفحه هم از لوگو جدا نشه .....




ممنون میشم راهنماییم کنید...
LORD AELX
شنبه 23 مرداد 1389, 18:55 عصر
شما کافیه مقدار position مربوط به لوگو و فایل فلش رو absolute تعریف کنید و با گزینه های right ،bottom ،top و left موقعیت هر دوی اونا رو در صفحه تنظیم کنید.

موفق باشید :قلب:
nekooee
شنبه 23 مرداد 1389, 19:29 عصر
دوست عزیز خیلی ممنون.

ببینید من کد رو بالا گذاشتم می خوام روی اون لوگو یک فلش بندازم
اگه میشه یک مثال برام بزنید. مثلا به صورت فرض یک فایل فلش تو قسمت header قرار بدید و مشخصاتش رو تو قسمت css مشخص کنید. من از روی اون کپی می کنم و مقادیر عددیش رو تغییر میدم
با تشکر
LORD AELX
شنبه 23 مرداد 1389, 19:48 عصر
دوست عزیز خیلی ممنون.

ببینید من کد رو بالا گذاشتم می خوام روی اون لوگو یک فلش بندازم
اگه میشه یک مثال برام بزنید. مثلا به صورت فرض یک فایل فلش تو قسمت header قرار بدید و مشخصاتش رو تو قسمت css مشخص کنید. من از روی اون کپی می کنم و مقادیر عددیش رو تغییر میدم
با تشکر

ببینید فرضا فایل فلش شما (حالا یا با script اضافه میشه یا با تگ EMBED) درون یک تگ div به نام flash قرار داره. اون لوگو (یگ img) هم که در یک تگ div دیگه به نام logo. خوب وقتی ما خصوصیت position این دو تگ div رو به صورت absolute تعریف می کنیم هر دوی این تگ ها از صفحه اصلی جدا می شوند و در آن شناور می گردند. حالا فرض کنید، می خواهید لوگو سایت شما از بالای صفحه و از سمت چپ آن به ترتیب 100 و 200 پیکسل فاصله داشته باشد. از طرف دیگر بس از امتحان کردن متوجه می شوید که موقعیت فایل فلشی که قرار است روی تصویر بیفتد باید مثلا از بالای صفحه 120 پیکسل و از سمت چپ آن 230 پیکسل فاصله داشته باشد، تا دقیقا روی محل مورد نظر قرار بگیرد. بنابراین داریم:


<html>
<head>
<title>Example</title>
<style type="text/css">
#logo{position: absolute; top: 100px; left: 200px;}
#flash{position: absolute; top: 120px; left: 230px;}
</style>
<head>
<body>
<div id="logo"><img src="images/logo.png" /></div>
<div id="flash"><EMBED src="swf/flash.swf" quality="high" bgcolor="#000000" WIDTH="20" HEIGHT="20" NAME="Index" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></div>
</body>
</html>


موفق باشید :قلب: