پارس جوم ::  انجمن های تخصصی جوملا
کادر دور عکس - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: کادر دور عکس (/thread-4505.html)

صفحه‌ها: 1 2


کادر دور عکس - majid33 - ۲۵-۱۱-۱۳۹۰ ۰۶:۳۴ عصر

سلام بر دوستان گل پارس جوم Rose
میخواستم بدونم افزونه ای موجود هست که بشه دور عکس هایی که تو سایت استفاده میشن کادری اضافه بکنه؟؟؟؟


RE: کادر دور عکس - شاهین سمیع عادل - ۲۵-۱۱-۱۳۹۰ ۰۹:۳۱ عصر

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



RE: کادر دور عکس - majid33 - ۲۵-۱۱-۱۳۹۰ ۱۱:۰۷ عصر

منظورم از این سوال این نیست که عکس ها بصورت پاپ آپ باشه آقای سمیع عادل
منظورم اینه که عکس های داخل متن یه حاشیه ای چیزی داشته باشن


RE: کادر دور عکس - شاهین سمیع عادل - ۲۵-۱۱-۱۳۹۰ ۱۱:۴۶ عصر

می توانید با استفاده از css برای تمامی عکسهای داخل سایت حاشیه ایجاد کنید
کد:
img {
-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
box-shadow: 0px 0px 4px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
با اضافه کردن این کد به فایل css قالب کلیه عکس ها دارای کادری با لبه گرد می شود . شما می توانید عکس های ماژول ها ، عکس های متن وسط و یا منوها را جداجدا تنظیم کنید که بستگی به قالب سایت شما دارد .
اگر دموی آنلاین بدهید راحت تر می توان راهنمایی کرد .
برای تولید کدهای متنوع نیز برای حاشیه می توانید به این آدرس مراجع کنید :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



RE: کادر دور عکس - majid33 - ۲۶-۱۱-۱۳۹۰ ۰۲:۴۱ صبح

این سایتم دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

این کدی که فرمودید تو کدوم فایل css اضافه کنم؟؟؟؟؟


RE: کادر دور عکس - محمدسلیمانی - ۲۶-۱۱-۱۳۹۰ ۰۴:۲۹ صبح

سلام با ادیتود ckeditor مثل تصویر به اندازه دلخواه شماره رو تغییر بده تا بیشتر و کمتر بشه
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



RE: کادر دور عکس - majid33 - ۲۶-۱۱-۱۳۹۰ ۰۵:۱۹ صبح

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


RE: کادر دور عکس - شاهین سمیع عادل - ۲۶-۱۱-۱۳۹۰ ۰۷:۳۷ صبح

دوست عزیز من در این این لینکی که دادین عکس ندیدم .
اگر می خواهید عکس را در متن موقعیت کامپوننت وسط استفاده کنید از این کد استفاده کنید :
کد:
table .contentpaneopen tbody p img {
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 4px #000000;
    -webkit-box-shadow: 0px 0px 4px #000000;
    box-shadow: 0px 0px 4px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
و اگر می خواهید برای قسمت گالری خود استفاده کنید از این کد استفاده کنید :
کد:
table .contentpaneopen tbody img .sp_simple_gallery {
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 4px #000000;
    -webkit-box-shadow: 0px 0px 4px #000000;
    box-shadow: 0px 0px 4px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
این کدها را می توانید به انتهای فایل template.css قالب خود اضافه کنید .


RE: کادر دور عکس - majid33 - ۲۶-۱۱-۱۳۹۰ ۱۰:۰۴ عصر

من این دوتا قطعه کد رو به templates/stylusson_fa/css/tdefaut.css اضافه کردم ولی هیچ تغییری اعمال نشد
لینک رو ببینید تو این صفحه عکس موجود هست
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



RE: کادر دور عکس - شاهین سمیع عادل - ۲۷-۱۱-۱۳۹۰ ۰۳:۴۰ صبح

بله درسته اون کد جواب نمی داد . الآن که تصویر را قرار دادید تست کردم .
این کد را دقیقا به انتهای همان فایل که فرمودید اضافه کنید مشکلتان حل می شود .
کد:
table.contentpaneopen p img {
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 4px #000000;
    -webkit-box-shadow: 0px 0px 4px #000000;
    box-shadow: 0px 0px 4px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}