رفتن به مطلب

تغییر نکردن سایز عکس


پست های پیشنهاد شده

درود دوستان.

بخشید من یه عکسی رو مثلا با سایز 700 در 200 میذارم روی سایت ، و با کد html تغییرش میدم به 400 در 400 ، و خوب همونطور که میخوام نمایش میده ( 400 در 400 ) اما قالب رو عوض کردم و دیگهاین 400 در 400 عمل نمیکنه ! میدونید کد مربوط به css ش چیه که من تغییر بدم ؟

سپاس.

لینک به ارسال

برای تعیین اندازه میتوانید از max-height و max-width استفاده کنید

posts کلاس قسمت پست هست که باید تغییر کند


.posts {
max-height:400px;
max-width:400px;
}


.posts {
height:400px;
width:400px;
}


<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.posts {
max-height:400px;
max-width:400px;
}
.posts {
height:400px;
width:400px;
}
</style>
</head>
<body>
<div class="posts">
<img src="" />
</div>
</body>
</html>

لینک به ارسال

سپاسگذارم پارسا جان. تست میکنم.

یه سوال نامربوط به تاپیک !:دی

توی نظرات ، اینتر عمل نمیکنه !

یعنی همنگام تایپ مینویسم :

سلام

انجمن های وردپرس

پارسی خوبه !

اما ثبت رو میزنم ، اینجوری نمایش میده :

سلام.انجمن های وردپرس.پارسی خوبه !

لینک به ارسال

عجیبه!!!

احتمالا قالب فیلتری رو اعمال میکنه که کاراکتر بریک از نظر حذف میشه

لینک به ارسال

br حذف نمیشه بلکه به \n تبدیل میشه.

توی سورس صفحه کامنت نوشته توی 3 خط ایجاد شده.

لینک به ارسال

چطور میشه این مشکل رو برطرف کرد ؟

ویرایش شده توسط MooCHooL
لینک به ارسال

باید توی توابع اصلی و برای اظمینان توی توابع معتبرسازی بررسی کنید و تک تک اونها رو چک کنید که کدوم داره روی این موضوع تاثیر میزاره.

لینک به ارسال

پوسته شما فریموریک دار هست درسته؟

فکر کنم modernize باید باشه. خوب باید توی فایلهای اصلی فریمورک و توابع و include ها دنبال تابع باشید.

توی دمو اصلی هم همین مورد وجود داره.

لینک به ارسال

اگر منظورتون فریم ورکِ پلاگینی هست که همراه بعضی قالب ها باید نصب کرد ، نه نداره

لینک به ارسال

خیر ، منظور خود پوسته سایت هست.

معمولا اینها رو روی یک فریمورک میتویسن.

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

البته شاید راه ساده تری برای حل مشکل هم وجودداشته باشه. اما چون با این پوسته ها کار نکردم نمیتونم راهنمایی بیشتری بکنم.

لینک به ارسال
  • 1 ماه بعد...

برای تعیین اندازه میتوانید از max-height و max-width استفاده کنید

posts کلاس قسمت پست هست که باید تغییر کند


.posts {
max-height:400px;
max-width:400px;
}


.posts {
height:400px;
width:400px;
}


<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.posts {
max-height:400px;
max-width:400px;
}
.posts {
height:400px;
width:400px;
}
</style>
</head>
<body>
<div class="posts">
<img src="" />
</div>
</body>
</html>

متاسفانه این هم جواب نداد ! :دی

خیلی جالبه ! الان من سایزشون رو بزرگتر کردم و فکر کردم مشکلی پیش نمیاد ، اما انگار از یه سایز خاصی بیشتر باشه ، % میره بالا !

در اصلل باید اینجور باشه :

http://bia2v.in/2413...ghili-tarafdar/

اما عکسی که عرضش بزرگ باشه اینجور میشه :

http://bia2v.in/2402...arzin-mahe-man/

پ.ن : سوال بیربط !:دی چطور میشه اون بردر سمت چپ کاور رو محو کرد؟ یعنی کاور رو چسبوند به اون؟ با پدینگ هم نشد !:دی

مشکل اول حل شد ! :دی

مونده این سوال بی ربط :دی ببخشید همرو تو این تاپیک گفتم.

و اون مشکل اینتر در نظرات همچنان حل نشد ! :دی

ویرایش شده توسط MooCHooL
لینک به ارسال

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

max-height درست کار کنه نیازه که اندازه height عکس بیشتر از اندازه ی اون باشه و همینطور در مورد

max-width

حالا اگر برای اون دو مقدار عدد برابر گذاشتید و یکیشون در واقع بزرگتر از max بود و دیگری کوچکتر (یعنی اندازه ی عکس 300 در 500 بود و شما هر دو ماکس را 400 گذاشتی)

-

عکس شما دفرمه می شه یعنی تبدیل می شه به300 در 400 برای رفع این مشکل اولا توی خود تگ عکس ابعاد عکس را حذف کنید و در css مقدار واقعی را برای

width و

height برابر با auto قرار دهید و در سطری پایین تر از این کد اندازه به ماکس ها یا احیانا مینیموم ها بدهید

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

لینک به ارسال

ممنون

بردر کاور هم ببیند ، دوتا تیبل تا دیو دارم چپ و راست ، میخوام سمت چپ با عکس حاشیهش گرد شه و سمت راست به بردر! همون چیزی که الان هست :دی

اما الان بین عکس و بردر سمت چپ یه 1 2 پیکسل فاصله داره. اون فاصله میخوام برداشته شه!

با padding هم نشد !:دی البته فکر کنم معلوم بود نمیشه:دی

لینک به ارسال

ممنون

بردر کاور هم ببیند ، دوتا تیبل تا دیو دارم چپ و راست ، میخوام سمت چپ با عکس حاشیهش گرد شه و سمت راست به بردر! همون چیزی که الان هست :دی

اما الان بین عکس و بردر سمت چپ یه 1 2 پیکسل فاصله داره. اون فاصله میخوام برداشته شه!

با padding هم نشد !:دی البته فکر کنم معلوم بود نمیشه:دی

سلام اول از همه بروید به خط 169 در فایل style.css و کد .morebg را به صورت زیر


.morebg {
width:890px;
max-height: 271px;
position: relative;
line-height: 14px;
border:1px solid #e8e8e8;
background:#f6f6f6;
-webkit-border-radius: 3px;
border-radius:7px 7px 7px 7px;
}

اصلاح کن

اگر دقت کنید در حال حاضر بین max-height و 271 علامت : وجود نداره

تا چند دقیقه ی دیگه هم کاری که خواستید انجام می دم

لینک به ارسال

چرا در کدهاتون اندازه border-radius را در حالت وبک کیت به شکل دیگه ای معرفی کردید ؟این کار باعث می شه در نمایشگرهای مختلف گردبر ها با اندازه های مختلف دیده بشند که خیلی جالب نیست

کد کامل و صحیح برای اینکار


-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-khtml-border-radius:7px;

این کد را


.ax {
max-height:270px;
max-width:270px;
padding-left: 3px;
border-radius:7px 0 0 7px;
}

از سطر 159 بیابید و با این کد عوض کنید


.ax {
max-height:270px;
max-width:270px;
padding-left: 0px;
margin-left:0px;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
table tr td.cboxElementtd {
padding: 0px 5px 0px 0px;
}

به فایل single.php مراجعه کنید و در جاییکه عکس را تعریف نمودید به تگ td کلاس cboxElementtd در حال حاضر این تگ به شکل <td > است که تبدیل می شود به <td class="cboxElementtd">

لینک به ارسال

سپاس از راهنمایی و توضیحاتتون:x

اما متاسفانه اون فاصله حذف نشد!

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

ببینید دوست عزیز شما در فایل style.css یک دستور برای

tr td دارید که در واقع می شه سلول های داخلی ستون های افقی جداول که برای همه یک اندازه ثابت در نظر گرفته


tr th, tr td{
padding: 0px 5px;
border-right: 0px solid;
}

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

چون هنوز هم قالب تحت تاثیره اونه این سورس کد وضعیت موجوده


<table class="morebg" height="270" style="margin: 0px; padding: 0px; border: 1px solid rgb(232, 232, 232); font-size: 12px; font: inherit; border-spacing: 0px; width: 890px; position: relative; line-height: 14px; background-color: rgb(246, 246, 246); border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-position: initial initial; background-repeat: initial initial; ">
<tbody style="margin: 0px; padding: 0px; border: 0px; font-size: 12px; font: inherit; ">
<tr style="margin: 0px; padding: 0px; border: 0px rgb(229, 229, 229); font-size: 12px; font: inherit; ">
<td class="cboxElementtd" style="margin: 0px; padding: 0px 5px; border-width: 0px; border-right-style: solid; border-color: rgb(229, 229, 229); font-size: 12px; font: inherit; ">
<a class="cboxElement" rel="lightbox[13255]" style="margin: 0px; padding: 0px; border: 0px; font-size: 12px; font: inherit; color: rgb(44, 0, 46); text-decoration: none; outline: 0px; " href="http://media.bia2v.net/Music/Persian/1391/04/Single/Farzad%20Farzin%20-%20Mahe%20Man/farzad-farzin.jpg">
<img border="0" class="ax" src="http://media.bia2v.net/Music/Persian/1391/04/Single/Farzad%20Farzin%20-%20Mahe%20Man/farzad-farzin.jpg" width="270" height="270" style="margin: 0px; padding: 0px 0px 0px 3px; border: 0px; font-size: 12px; font: inherit; max-height: 270px; max-width: 100%; border-top-left-radius: 7px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 7px; height: auto; " /></a></td>
<td width="652px" style="margin: 0px; padding: 0px 5px; border-width: 0px; border-right-style: solid; border-color: rgb(229, 229, 229); font-size: 12px; font: inherit; ">

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

این کد را پاک کنید


table tr td.cboxElementtd {
padding: 0px 5px 0px 0px;
}

و در footer.php و درست قبل از بسته شدن تگ بادی این کد را اضافه کنید


<style type="text/css">
.cboxElementtd {

padding-left:0px;
padding-bottom:0px;
padding-top:0px;
padding-right:5px;
}
</style>

و نتیجه را اطلاع دهید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...