رفتن به مطلب
xformer

اضافه کردن کادر عکس در مطالب جوملا

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

با سلام.می خواستم بدونم چظور میشه  دور عکسها در مطالب خود جوملا رو کادر داد بدون کد نوشتن

 

ینی با پلاگین نباشه

لازم به ذکره که عکسهای داخل مطالب جوملا بصورت پیش فرض سلکتور نداره
من قالب زیر رو هر کاری کردم نشد کادر بدم
ممنون میشم قالب زیر رو کمک کنید کادر بدم به عکسهای داخل مطالبش

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

 

demo.smartaddons.com/#sj-plus

باتشکر

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


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

با سلام.می خواستم بدونم چظور میشه  دور عکسها در مطالب خود جوملا رو کادر داد بدون کد نوشتن

 

ینی با پلاگین نباشه

لازم به ذکره که عکسهای داخل مطالب جوملا بصورت پیش فرض سلکتور نداره

من قالب زیر رو هر کاری کردم نشد کادر بدم

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

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

 

demo.smartaddons.com/#sj-plus

باتشکر

باسلام

 

دوست عزیز خوب متوجه مشکلتون نشدم ولی اگه میخواهید عکس های مطالب border داشته باشند 

این img.caption سلکتور را تست کنید

 

img.caption

{

border: 3px solid #000;

}

 

یاعلی

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


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

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


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
ارسال شده در (ویرایش شده)

با این کلاس هم درست نشد.

من با وب دولوپر کار میکنم

اون میگه سلکتور img رو تصحیح کنید

ولی هر کاری کردم نشد

از دوستان متشکرم

ولی کسی هست کمک کنه؟

ویرایش شده توسط xformer

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


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
ارسال شده در (ویرایش شده)

در web developer  این سلکتور رو میاره:

http://demo.smartaddons.com/templates/joomla3/sj-plus-v2/templates/sj_plus/asset/bootstrap/css/bootstrap.min.css

/* Line 5 */
*
{
  box-sizing: border-box;
}

/* Line 5 */
img
{
  border-top-width: 0px;
  border-right-width-value: 0px;
  border-bottom-width: 0px;
  border-left-width-value: 0px;
  border-top-style: none;
  border-right-style-value: none;
  border-bottom-style: none;
  border-left-style-value: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}

/* Line 5 */
img
{
  vertical-align: middle;
}

http://demo.smartaddons.com/templates/joomla3/sj-plus-v2/templates/sj_plus/css/template-red.css

/* Line 897 */
img
{
  max-width: 100%;
}
ویرایش شده توسط xformer

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


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

باسلام

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

 

اما مهم اینه که شما بتونید به نحوی اون رو توی css فراخونی کنید

 

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

 

یاعلی

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


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
ارسال شده در (ویرایش شده)

اقای درست شد.

دستت درد نکنه اقایmusio

خدا خیرت بده

برای اینکه بقیه دوستان  هم بتونن استفاده کنن از این سلکتور، سلکتور عکس داخل مطالب در جوملا بطور پیشفرض img هستش و میتونن این سلکتور رو تو هر فایل css ک  مربوط به قالب هست استفاده کنن من نمونه ای از این کد رو پایین اوردم

:

 

img {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
/*این برای اکسپلورر 7 و 8 برای ریدیوس گرد کردن دور کادر*/
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
/*این برای اکسپلورر 7 و 8 برای شادو کردن یا هایلایت کردن پشت کادر*/
opacity: 0.84;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 84);
filter: alpha(opacity = 84);

}

ویرایش شده توسط xformer

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


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

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

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

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

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

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

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

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

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


×
×
  • افزودن...