رفتن به مطلب

نمایش تصاویر در قاب


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

سلام به همگی

یه کد سی اس اس میخوام که تمام تصاویر پست های سایت رو توی یه قاب نمایش بده

مثلا آدرس قاب رو بهش بدم خودش تمام تصاویر داخل پست ها رو بذاره توی این قاب

آیا چنین چیزی امکان پذیر هست؟؟؟

اگه بله،ممنون میشم راهنمایی کنید.

لینک به ارسال

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


img {
border: medium none;
max-width: 100%;
}

بعد کد زیر را جایگزینش کنید


img {
border:2px double #eae3eb;
max-width: 100%;
}

لینک به ارسال

میخوام یه عکس رو بعنوان قاب قرار بدم برای تصاویر پست ها

این کد مربوط به تصاویر پست هاست ک


.post-content img

حالا میخوام یه قاب رو از اینترنت دانلود کنم بذارم بعنوان قاب عکسا که تمام عکسای پست ها توی اون قاب قرار بگیره

لینک به ارسال

شما کلاس اون تصویر دارید و کافیست کدهای css اون به همون کلاس بدید تا نمایش داده بشود

مثل قاب ساده که میشه با border نمایش داد

لینک به ارسال

شما کلاس اون تصویر دارید و کافیست کدهای css اون به همون کلاس بدید تا نمایش داده بشود

مثل قاب ساده که میشه با border نمایش داد

ممنون میشه یه مثال بزنید؟؟ میخوام کادر رو یه عکس قرار بدم یعنی اینجوری میشه؟


border:url (image/border.jpg);

ممنون میشم یه نمونه کد بهم بدید.

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

برای تصاویرتون کلاس اختصاص بدید.

مثل:


<img class="test" src="1.jpg"/>

بعد داخل css کد زیر را قرار بدید:


.test {
background:url (image/border.jpg);
padding: 10px;
}

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

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

این قاب :

cdcover.png

اینم استایل مربوط به تصاویر پست ها :


.post-content img {
height:620px;
width:470px;
}

اینم آدرس سایت :

http://movies.fullalbum2.ir

ممنون :wub:

لینک به ارسال

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

.

post-content img {
width: 480px;
height: 640px;
background: url('images/cdcover.png') no-repeat scroll 0% 0% transparent;
padding: 14px 24px 49px 49px;
}

b0a9f183de681.jpg

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

م

منون فقط مشکلی که هست اینه :

الان وارد این پست بشید و یه بار کنترل اف 5 بزنید :

http://movies.fullalbum2.ir/dangerous-mind-of-a-hooligan-2014/

ببینید قاب اومده هیچ مشکلیم نداره فقط قسمت بالای پست،اون تصویر شاخص اومده وسط،عنوانم اومده توی مشخصات!

چجوری میشه این مشکلو رفع کرد؟ اینم حل بشه عالیه!

لینک به ارسال

دقت کنید موقع اضافه کردن استایل آکولادها کم و زیاد نشن {

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

نگاه کنید بگید .

آها بله یه دونه اضافه بود اصلا حواسم نبود شرمنده! الان درست شد فقط یه سوال دیگه :

میشه کاری کرد این بجای بک گراند،بیاد روی تصویر؟؟

الان زیر عکسه،میخوام بیاد روی عکس،امکانش هست؟

لینک به ارسال

میشه

باید یک تگ ایمیج اضافه کنید.

چون این در هر صورت بک گراند هست و میافته پشت

تگ ایمیج کجا اضافه کنم؟؟ به چه صورت؟ اگه یه توضیحیم در این مورد کامل بدید ممنون میشم البته متشکرم تا همینجا هم لطف کردید :wub:

لینک به ارسال

از قسمت ویرایشگر content.php رو باز کنید

بندازید اینجا

قسمت ویرایشگر قالب؟؟

همچین فایلی نداریم :|

لینک به ارسال

درود.اتفاقی این تاپیک رو دیدم.

تا اونجا که یادم میاد این پوسته رو مستقیما از من خریداری نکردید.از جای دیگه خریدید؟ یا کسی رایگان پخش کرده؟

سلام

من یکی از دوستام خریده بود اما بنابه دلایلی ازش استفاده نکرد برا من نصبش کرد،یعنی درواقع قالب رو یه نفر دیگه خریداری کرده و بنده استفاده کردم،خود ایشونم استفاده نکرده،یکبار خریداری شده،یکبار هم استفاده شده ;)

لینک به ارسال

سلام

من یکی از دوستام خریده بود اما بنابه دلایلی ازش استفاده نکرد برا من نصبش کرد،یعنی درواقع قالب رو یه نفر دیگه خریداری کرده و بنده استفاده کردم،خود ایشونم استفاده نکرده،یکبار خریداری شده،یکبار هم استفاده شده ;)

از کجا خرید کرده؟

لینک به ارسال

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

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

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

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

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

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

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

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

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