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

[xformer 1]

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

 

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

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

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

 

demo.smartaddons.com/#sj-plus

باتشکر

[musio 346]

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

 

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

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

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

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

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

 

demo.smartaddons.com/#sj-plus

باتشکر

باسلام

 

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

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

 

img.caption

{

border: 3px solid #000;

}

 

یاعلی

[xformer 1]

نگا کن میخوام این عکس داخل مطلبو کادر بدم دورش

چطوری؟

http://demo.smartaddons.com/templates/joomla3/sj-plus-v2/index.php/joomla-pages-2/joomla-content/category-blog/category-blog-4-columns/85-aliquam-lobortis-cursus-erat

[musio 346]

باسلام

 

با این کلاس تست کنید

 

article.item-page .img-fulltext img

 

یاعلی

[xformer 1]

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

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

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

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

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

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

ویرایش شده اسفند 93 توسط xformer

[xformer 1]

در 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%;
}

ویرایش شده اسفند 93 توسط xformer

[musio 346]

باسلام

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

 

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

 

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

 

یاعلی

[xformer 1]

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

با تشکر از شما

[xformer 1]

اقای درست شد.

دستت درد نکنه اقای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);

}

ویرایش شده اسفند 93 توسط xformer