downallfa

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

10 پست در این موضوع قرار دارد

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

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



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

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

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

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

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

با تشکر از شما

0

به اشتراک گذاری این پست


لینک به پست

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


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

2

به اشتراک گذاری این پست


لینک به پست

سلام

با این نشد

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

www.iranjib.ir

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

متوجه میشی

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

2

به اشتراک گذاری این پست


لینک به پست

سلام

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

  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 نشون بده

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

ویرایش شده در توسط mehral
3

به اشتراک گذاری این پست


لینک به پست

سلام

آقا ممنونم

لطف کردید

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

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری