قرار گرفتن عکس بالای صفحه

[downallfa 2]

سلام خدمت دوستان

این کد را نگاه کنید

<div style="position:fixed;top:1em;z-index:300">
some text
</div>

با این روش محتویات دیو در بالای صفحه به طور ثابت قرار میگیره و با اسکرول هنوز در بالای صفحه هست.

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

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

امیدوارم منظورم را متوجه شده باشید

با تشکر از شما

[mahdi.a 432]

درست متوجه منظورت نشدم ولی : شما میتونی این div رو توی یک div دیگه قرار بدی ، این کلاس رو برای div قرار بده :

.xx {
direction: rtl;
margin: 0 auto;
padding: 0;
position: relative;
background-color: transparent;
}

[downallfa 2]

سلام

با این نشد

برای این که بهتر متوجه بشی این صفحه را ببین

www.iranjib.ir

بعد روی صفحه زوم کن

متوجه میشی

[mahdi.a 432]

الان منظورت کدوم عکسه ؟

[Morteza 34190]

فکر کنم تبلیغات کناری منظورشون هست:

<div style="position:fixed;right:0px;top:0px;z-index:300">
<a target="_blank" href=""><img src="http://" /></a>
</div>

[downallfa 2]

سلام

بله همون تبلیغاتی که در گوشه های سایت قرار دارد

هنگامی که شخصی با تلفن همراه به این سایت میاد و روی صفحه زوم میکنه دیگه چیزی از سایت نمی بینه

و آیا کدی هست که تشخیص بده بازدید کننده از طریق تلفن همراه وارد سایت شده و هنگامی که کسی با تلفن همراه وارد سایت میشه این تبلیغات نمایش داده نشه

ممنونم از شما دوستان

[pirooz 44]

ببين با z-index درست ميشه‌؟ وقتي كه زوم مي‌:كني متن روي تبليغات بيوفته و يك بكگراند سفيد داشته باشه.

[mehral 785]

راه هایی که پیش رو دارینو براتون میگم

1. استفاده از قالب رسپاسیو ( تغییر قالب فعلیتون )
   
2. تبدیل قالبتون به قالب رسپانسیو ( نیاز به دانش کامل در زمینه css , html داره اگه دانش کافی دارین و ار مدیا کوئری ها سر در میارین )
   
3. برنامه نویسی
   

من گزینه اول و دوم پیشنهادم هست بیشتر گزینه اولی ولی اینجا روش برنامه نویسیشو میگم استفاده از تابع mobile detector

if ( !function_exists( 'is_mobile' ) ):
function is_mobile() {

// Check the server headers to see if they're mobile friendly
if( isset( $_SERVER["HTTP_X_WAP_PROFILE"] ) ) {
return true;
}
// If the http_accept header supports wap then it's a mobile too
if( preg_match( "/wap.|.wap/i",$_SERVER["HTTP_ACCEPT"] ) ) {
return true;
}

// Still no luck? Let's have a look at the user agent on the browser. If it contains
// any of the following, it's probably a mobile device. Kappow!
if(isset($_SERVER["HTTP_USER_AGENT"])){
$user_agents = array("midp", "j2me", "avantg", "docomo", "novarra", "palmos", "palmsource", "240x320", "opwv", "chtml", "pda", "windows ce", "mmp/", "blackberry", "mib/", "symbian", "wireless", "nokia", "hand", "mobi", "phone", "cdm", "up.b", "audio", "SIE-", "SEC-", "samsung", "HTC", "mot-", "mitsu", "sagem", "sony", "alcatel", "lg", "erics", "vx", "NEC", "philips", "mmm", "xx", "panasonic", "sharp", "wap", "sch", "rover", "pocket", "benq", "java", "pt", "pg", "vox", "amoi", "bird", "compal", "kg", "voda", "sany", "kdd", "dbt", "sendo", "sgh", "gradi", "jb", "dddi", "moto");
foreach($user_agents as $user_string){
	 if(preg_match("/".$user_string."/i",$_SERVER["HTTP_USER_AGENT"])) {
	 return true;
	 }
}
}

// Let's NOT return "mobile" if it's an iPhone, because the iPhone can render normal pages quite well.
if(preg_match("/iphone/i",$_SERVER["HTTP_USER_AGENT"])) {
return false;
}

// None of the above? Then it's probably not a mobile device.
return false;
}
endif;

این تابع رو در فایل functions.php تعریف کنید و در هر جای تم که آگهی دارین یه شرط تعیین کتید اگه mobile detector درست نبود آگهی رو absolute نمایش بده اگه بود relative نشون بده

درواقه راهکاری که دادم کامل نیست یه جور تریک هست ولی پسنهادم همونطور که گقتم راه کار اول و دومه ...

ویرایش شده اسفند 91 توسط mehral

[downallfa 2]

سلام

آقا ممنونم

لطف کردید

حالا باید بشینم ببینم میتوانم با این کد ها کاری انجام بدم

خیلی پیچیده شده

منم که برنامه نویسیم ضعیف

خدا رحم کنه امشب رو

ولی از شما دوست عزیز کمال تشکر را دارم

[mehral 785]

منم که گفتم بهترین راه همون گزینه های اول و دومه