پرسش و پاسخ – کار با ویژگی Border-Image در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با پرسش و پاسخ – کار با ویژگی Border-Image در CSS با من همراه باشید.

Free-Learn
پرسش از شما، پاسخ از بنده تا جایی که بتونم و در توانم باشه، لطفا پرسش تان را فقط در رابطه با بخش مشخص شده ارسال نمایید تا نظم و ترتیب در بخش پرسش و پاسخ بخوبی رعایت شود.


سلام
یه سوال :
همونطور که میدونید در صورتی که لینک عکس خراب باشه به جاسکش یه آیکون و یه خط به جای عکس میاد 🙁 اگه نخوام که همچین چیزی بیاد باید چیکار کنم ؟
باسلام
در مرحله اول شما باید کاری کنید که هیچوقت عکستون ( آدرسش ) مشکل نداشته باشه که بخواد همچین چیزی ایجاد شه.
از لحاظ بُعد ظاهری خب یه چیزی رو نشون نمیده و تمام، اینکه یه آیکون جاش میاد و از این حرفا این برای کاربر مهم نیست ، چیزی که مهمه نمایش ندادن تصویر هست و عملا همین یعنی از دست رفتن اعتبار سایت
از لحاظ بُعد باطنی وقتی همچین چیزی ایجاد بشه، این به ضرر سایت شماست، چون موتورهای جستجوگر رو این چیزا حساسن و در مجموع برای یه سایت همچین چیزایی خوب نیست.
در ضمن شما بنظر میاد آموزش HTML رو خوب دنبال نکردید، چون آموزش صفت alt این مشکل رو حل میکنه. ( مثال )
خب چه اگه alt گذاشته بشه چه نه یه آیکون مخصوصا تو کروم نسخه اندروید ایجاد میشه…
بنده درواقع مشکلم اینه که دارم واسه یه سیستم انجمن سازی قالب درست میکنم اما متاسفانه هیچ تگ مخصوصی برای url تصاویر پروفایل جدید ترین اعضای انجمن نیست اما از اونجایی که آدرس تصاویر پروفایل به شکل زیر هست
nameforums.ir/profile/nameuser.nameformat (اندکی دقیق نیست)
و تگ مخصوصی جهت نمایش نام فرد وجود داره میخواستم سه تا عکس قرار بدم بعد از اونجای که ممکنه فرمت یکی از فرمت های jpg , png, gif باشه تصمیم گرفتم سه عکس رو با سه فرمت مختلف که فقط یکی از اون عکسا درسته به همین دلیل عکس هارو روی هم گذاشتم
فک نمیکنم درست توضیح داده باشم لطفا این فایل رو ببینید
[ یک لینک در اینجا بود که حذف شد ]
باسلام و عرض ادب
خب چرا باید ۳ تا تصویر بزارید تو صفحه؟
چرا باید ۳ جایگاه ( مثلا برای فرمت های jpg , png و gif ) در صفحه قرار بدید؟
این روش از برنامه نویسی رو بهش میگن برنامه نویسی کثیف، اصلا نیاز نیست اینکارو انجام بدید
پس اگه اینجوریه ( یاهو یا جیمیل ) برای آواتار کاربران هزاران تگ img و فرمت های مختلف گذاشته؟! ولی این درحالیه که فقط یه دونه تگ img هست
اول اینکه بدون یه سیستم همیشه خودش یه تصویر یا جایگاه پیش فرض داره ، ( یعنی به محض ثبت نام همواره یه تصویر پیش فرض آواتار هست )
حالا سیستم چی میگه :
سادس، میگه آقا طرف یه تصویر آپلود میکنه ( اینکه png یا هر فرمت دیگه ای باشه مهم نیست چون توسط برنامه نویسی سمت سرور تعریف میشه ) بعد میگه اون مسیر تصویر آپلود شده رو بزار تو تگ img که اینجا هست تموم شد رفت..
اینکه کاربر gif آپلود کرده باشه یا png مهم نیست، در هرصورت یه مسیر و آدرس هست که درون تگ img قرار میگیره ، پس قرار نیست ما بیایم چنتا تگ مجزا تعریف کنیم چون همه چیز بر پایه سیستم داینامیک برنامه نویسی شده
منکه نمیتونم بشینم و بصورت دستی هی چک کنم آقا این تصویر رو فلان آپلود کرده بله، فرمتش فلانه بله بعد بزارمش تو تگ img و… اینو بزار کنار اینو بهش نمیگن برنامه نویسی بهش میگن ثابت بهش میگن ایستا بهش میگن html خالی که برنامه نویسی درکار نیست
شما وقتی بخوای یه سیستم رو برنامه نویسی کنی همه چیز برپایه برنامه نویسی میره جلو و همین یعنی داینامیک بودن یعنی ما یه تگ img میزاریم تو صفحه و همون تگ هزاران تصویر رو درون خودش نمایش میده و دیگه اینجوری نیست بصورت مجزا چنتا تگ باشه
شما بنظر میاد میخواید برای انجمن رزبلاگ قالب طراحی کنید، خب ساده تر از این نیست ، چون دیگه قرار نیست شما خودتون برنامه نویسی کنید، شما فقط کافیه یسری کدهای از قبل تعریف شده رو درون صفحه و در مکان مناسب قرار بدید.
مثلا میگه آقا هرجا این کدو ( مثلا test ) قرار دادید اونجا دیگه مثلا نام کاربر چاپ میشه. خب تموم شد رفت حالا من هرجا دوس داشتم اون test میزارم که نام کاربر نمایش داده بشه
رزبلاگ خودش خودکار تصویر پیش فرض برای آواتار کاربر داره، همه ی سیستم ها دارند، مثلا این سیستم ثبت نام و ورود که خوده بنده از ۰ تا ۱۰۰ برنامه نویسی کردم ، اینم همینطور یه تصویر پیش فرض داره که موقع ثبت نام کاربر بهش میده و بعدش دیگه کاربر وقتی تصویر آپلود کنه دیگه تصویر آپلودی نمایش داده میشه
مشاهده دمو سیستم ( صفحه ثبت نام کاربران )
میتونید همین الان ثبت نام کنید و ببینید که بهتون یه آواتار پیش فرض میده بعدش که خودتون تصویر آپلود کنید دیگه اون تصویر آپلود شده نمایش داده میشه.
اگه الان از این حرفایی که گفتم یکم زرنگی و هوش خرج بدی و یه چیزایی رو گرفته باشی میدونی باید چکار کنی.
اوکی 🙂
راستی سایت emic.ir هم مال شماست؟
آخه قالبش خیلی شبیهه
باسلام
خیر تنها سایت رسمی فری لرن ، سایت آموزشی فری لرن می باشد
نام قالب نیوزپیپر ( NewsPaper ) ( در مارکت های فروش قالب وردپرس از جمله ژاکت و راست چین و.. این قالب موجود می باشد )