::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 8:42 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
صفحه اصلیHome page / آموزش html / ویرایش یه تیکه کد
ویرایش یه تیکه کد
تعداد بازدیدvisits : 785
rjrmaku آفلاین



ارسال هاAnswers : 752
عضویتRegistration date : 4 /12 /1391
حمایت کردهThanks : 203
حمایت شدهThanked : 183
 ویرایش یه تیکه کد

سلام اینو چیکار کنم که عکسها هم ریسپانسیو بشن هم ثابت بشن یعنی صفحه مرورگر رو کوچیک میکنم عکس نره تو

کد:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<title>فراورده های لبنی پگاه ماکو</title>

<style>

body{background-color:#fff;margin:0 auto}

.headerbackground{background-image:url("http://makuonline.ir/pegahmaku/header.png");height:302px;width:100%}

.line{background-color:#ff5e00;box-shadow:0 0 8px 2px#383838 inset;height:42px;top:0;width:100%}

.footerbackground{background-image:url("http://makuonline.ir/pegahmaku/footer.png");bottom:0;height:220px;width:100%}

.cov{background-image:url("http://makuonline.ir/pegahmaku/cov.png");height:240px;margin-left:10px;margin-top:-240px;width:210px}

.cov:hover{background-image:url("http://makuonline.ir/pegahmaku/cov2.png")}

</style>

</head>

<body>

<header>

<div class="headerbackground"></div>

<div class="line"></div>

</header>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<footer>

<div class="footerbackground"></div>

<div class="cov"></div>

</footer>

</body>

</html>
سه شنبه 25 فروردین 1394 - 04:53
وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
 پاسخAnswer 1 : ویرایش یه تیکه کد

بفرما عزیز...

با این کار کن:

کد:
background-size:contain;

اینم کد کلیت...فقط اون منوی نارنجیه جاش ثابته...

کد:
<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<title>فراورده های لبنی پگاه ماکو</title>

<style>

body{background-color:#fff;margin:0 auto}

.headerbackground{background:url("http://makuonline.ir/pegahmaku/header.png") no-repeat;background-size:contain;height:302px;width:100%}

.line{background-color:#ff5e00;box-shadow:0 0 8px 2px#383838 inset;height:42px;top:0;width:100%}

.footerbackground{background-image:url("http://makuonline.ir/pegahmaku/footer.png");bottom:0;height:220px;width:100%}

.cov{background-image:url("http://makuonline.ir/pegahmaku/cov.png");height:240px;margin-left:10px;margin-top:-240px;width:210px}

.cov:hover{background-image:url("http://makuonline.ir/pegahmaku/cov2.png")}

</style>

</head>

<body>

<header>

<div class="headerbackground"></div>

<div class="line"></div>

</header>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<footer>

<div class="footerbackground"></div>

<div class="cov"></div>

</footer>

</body>

</html>

===================================================
☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼
سه شنبه 25 فروردین 1394 - 06:40
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : rjrmaku -
rjrmaku آفلاین



ارسال‌هاAsnwers : 752
عضویتRegistration date : 4 /12 /1391
حمایت کردهthanks : 203
حمایت شدهThanked : 183
 پاسخAnswer 7 : ویرایش یه تیکه کد

نمیشه کاری کرد اون قسمت نارنجی هم با کوچیک شدن صفحه بره بالا؟






سه شنبه 25 فروردین 1394 - 16:37
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
 پاسخAnswer 9 : ویرایش یه تیکه کد

بفرما:

کد:
<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<title>فراورده های لبنی پگاه ماکو</title>

<style>

body{background-color:#fff;margin:0 auto}

.headerbackground{background:url("http://makuonline.ir/pegahmaku/header.png") no-repeat;background-size:contain;height:302px;width:100%}

.line{background-color:#ff5e00;box-shadow:0 0 8px 2px#383838 inset;height:42px;top:0;width:100%}

.footerbackground{background-image:url("http://makuonline.ir/pegahmaku/footer.png");bottom:0;height:220px;width:100%}

.cov{background-image:url("http://makuonline.ir/pegahmaku/cov.png");height:240px;margin-left:10px;margin-top:-240px;width:210px}

.cov:hover{background-image:url("http://makuonline.ir/pegahmaku/cov2.png")}

@media (max-width:800px){

.line{

margin-top:-180px;

}

}

</style>

</head>

<body>

<header>

<div class="headerbackground"></div>

<div class="line"></div>

</header>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<footer>

<div class="footerbackground"></div>

<div class="cov"></div>

</footer>

</body>

</html>

===================================================
☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼
سه شنبه 25 فروردین 1394 - 16:45
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
rjrmaku آفلاین



ارسال‌هاAsnwers : 752
عضویتRegistration date : 4 /12 /1391
حمایت کردهthanks : 203
حمایت شدهThanked : 183
 پاسخAnswer 10 : ویرایش یه تیکه کد

بازم نشد






سه شنبه 25 فروردین 1394 - 16:50
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
 پاسخAnswer 11 : ویرایش یه تیکه کد

اف 5 بزن...برای من شد...با مدیا برات حالت ریسپانسیو کردمش...

===================================================
☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼
سه شنبه 25 فروردین 1394 - 16:50
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
rjrmaku آفلاین



ارسال‌هاAsnwers : 752
عضویتRegistration date : 4 /12 /1391
حمایت کردهthanks : 203
حمایت شدهThanked : 183
 پاسخAnswer 12 : ویرایش یه تیکه کد

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






سه شنبه 25 فروردین 1394 - 16:56
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
 پاسخAnswer 13 : ویرایش یه تیکه کد

چه کنم...

اون خاصیتی هم که من به تصویرت دادم خاصیت containـه و با no-reapeat کاری کردم تصویر تکرار نشه...

اون قسمتی هم که با کوچیک کردم مرورگر سفید باقی میموند درواقع باید تصویر اونجا تکرار میشد....

چون ما یه سایزی برای تصویر مشخص کردیم...

پس اون منوی نارنجی با اون جابجا نمیشه...چون سایزش ثابته...!!

===================================================
☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼
سه شنبه 25 فروردین 1394 - 16:58
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
 پاسخAnswer 14 : ویرایش یه تیکه کد

چه کنم...

اون خاصیتی هم که من به تصویرت دادم خاصیت containـه و با no-reapeat کاری کردم تصویر تکرار نشه...

اون قسمتی هم که با کوچیک کردم مرورگر سفید باقی میموند درواقع باید تصویر اونجا تکرار میشد....

چون ما یه سایزی برای تصویر مشخص کردیم...

پس اون منوی نارنجی با اون جابجا نمیشه...چون سایزش ثابته...!!

===================================================
☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼
سه شنبه 25 فروردین 1394 - 16:58
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
rjrmaku آفلاین



ارسال‌هاAsnwers : 752
عضویتRegistration date : 4 /12 /1391
حمایت کردهthanks : 203
حمایت شدهThanked : 183
 پاسخAnswer 15 : ویرایش یه تیکه کد

بیخیال دستت درد نکنه من که اون قسمت کاری ندارم اضافه میکنم به تصویر هدر :دی






سه شنبه 25 فروردین 1394 - 17:04
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
 پاسخAnswer 16 : ویرایش یه تیکه کد

خخخخ

موفق باشی عزیز...

===================================================
☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼
سه شنبه 25 فروردین 1394 - 17:04
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : rjrmaku -



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com 		کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex