AmirHosseinGT

ثابت ماندن بکگراند سایت و جلوگیری از zoom in و zoomout

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

سلام

من برای بار اول دارم برای ی سایت کوچیک قالب مینویسم

ی مشکل دارم

توی سایت tarfandestan.com ک میرید سایت بکگراند بلور داره ک هرچقدر زوم بک یا زوم این کنیم بکگراند ثابت میمونه و فقط عناصر داخلش بزرگ کوچیک میشن

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


.body{height:100%;background:url('nehran.png') fixed ;}

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

ممنون میشم دوستانی ک جواب رو میدونن کمک کنن :wub:

0

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


لینک به پست

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

این نوع بک گراند ها از یک عکس 16*16 پیکسلی ساخته می شوند که کامل تکرار می شود

_______________________________________________________________

اگر میخواهید بگویید تا کدی را قرار دهم که بک گراند های بزرگ ها نیز اینطوری کند

ویرایش شده در توسط mohammd222
0

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


لینک به پست

این نوع بک گراند ها از یک عکس 16*16 پیکسلی ساخته می شوند که کامل تکرار می شود

_______________________________________________________________

اگر میخواهید بگویید تا کدی را قرار دهم که بک گراند های بزرگ ها نیز اینطوری کند

دوست من مثالی ک گفتم رو نگاه کنید همچین چیزی ک شما گفتید نیستش

tarfandestan.com

0

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


لینک به پست

سلام.اگر نمی خواید بک گراند از نوع تکرار شونده باشه در این صورت دو راه دارید یا اینکه یک لایه با پازیشن فیکس ایجاد می کنید و تصویر رو با تگ img میزارید توش و سایز عکس رو صد در صد می کنید و زد ایندکس منفی بهش میدید تا بره پشت . راه دومش این هست که بیاید با css بکگراند استرچ تعیین کنید و مارجین اوتو بهش بدید که با مشکلات ارتفاع و غیره مواجه میشید.

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

موفق باشید

0

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


لینک به پست

ببخشید الان استایل این سایت را ریپ زدم و دیدم (بیشتر سایت ها از اون روشی که گفتم استفاده می کنند) برای این کار کدی می دهم که کمی بهتر است که باید در استایل بادی باشد


background: url(ادرس) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ادرس', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ادرس', sizingMethod='scale');

1

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


لینک به پست

ببخشید الان استایل این سایت را ریپ زدم و دیدم (بیشتر سایت ها از اون روشی که گفتم استفاده می کنند) برای این کار کدی می دهم که کمی بهتر است که باید در استایل بادی باشد


background: url(ادرس) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ادرس', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ادرس', sizingMethod='scale');

مرسی دوست عزیزم عالی بود

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

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط unid_user
      سلام و درود
      دوستان گرامی ، چطوری میشه تگ های a رو به صورت داینامیک آدرس دهی کرد. من به هر کدام از تگ ها یک تصویر background دادم و حالا میخوام آدرس تگ ها رو داینامیک کنم.
      کد html :
      <div class="test"> <a id="telegram" href="#"></a> <a id="instagram" href="#"></a> <a id="whatsapp" href="#"></a> </div> با تشکر و سپاس

    • توسط 3ngineer
      سلام دوستان
      من برای یکی از صفحات سایت نیاز دارم که دو تا فایل جاوا اسکریپت و یک css   رو داشته باشم، در کد html هم به این فایل ها آدرس دادم ولی نمیدونم این فایلا رو کجا اپ کنم. در پوشه های مربوط به خودشون در فولدرهای قالب فعال گذاشتم ولی نشد.
      میتونم کدشون رو داخل همون html وارد کنم؟ یا باید جایی این فایل ها اپلود شه؟
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، من میخوام وقتی زیر منوها باز میشن از هم فاصله داشته باشن. اگه به منوها padding یا margin بدم درست میشه ولی فاصله ها خیلی زیاد میشن.
      با تشکر و سپاس

    • توسط jistili1
      سلام دوستان.من اومدم به قول خودم سایتم رو با استفاده از دستور های media query در css ریسپانسیو کردم.سایتم اینه:namavaz.ir.اومدم برای سایز های مختلف device سایت رو تعریف کردم.ولی الان وقتی سایت رو باز میکنید اصلا کاری به مدیاکوئری ها نداره.همون صفحه ای که روی لپتاپم میاره رو روی موبایل میاد زوم بک میکنه.اگه سایز مرورگر رو توی لپتاپ تغییر بدم مدیاکوئری ها کار میکنن ولی روی موبایل مشکل داره.ممنون میشم راهنمائیم کنید.
    • توسط Ali Brm
      سلام خدمت دوستان
      توی قسمت‌های مختلف وردپرس و توی قالب بخشی وجود داره که میشه کلاس CSS یا ID اون رو اضافه کرد. من با کلاس‌ها و ID آشنایی دارم ولی نمی‌دونم چه جوری باید از اون استفاده کرد. اگه امکانش هست یه توضیح با یک مثال بفرمایید.
      ممنون