سلام بر دوستان گل پارس جوم
میخواستم بدونم افزونه ای موجود هست که بشه دور عکس هایی که تو سایت استفاده میشن کادری اضافه بکنه؟؟؟؟
منظورم از این سوال این نیست که عکس ها بصورت پاپ آپ باشه آقای سمیع عادل
منظورم اینه که عکس های داخل متن یه حاشیه ای چیزی داشته باشن
می توانید با استفاده از 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 قالب کلیه عکس ها دارای کادری با لبه گرد می شود . شما می توانید عکس های ماژول ها ، عکس های متن وسط و یا منوها را جداجدا تنظیم کنید که بستگی به قالب سایت شما دارد .
اگر دموی آنلاین بدهید راحت تر می توان راهنمایی کرد .
برای تولید کدهای متنوع نیز برای حاشیه می توانید به این آدرس مراجع کنید :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
این سایتم دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
این کدی که فرمودید تو کدوم فایل css اضافه کنم؟؟؟؟؟
سلام با ادیتود ckeditor مثل تصویر به اندازه دلخواه شماره رو تغییر بده تا بیشتر و کمتر بشه
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
میخوام یه کادر شیکی باشه
همونی که آقای سمیع عادل فرمودن خوب هست ولی نمیدونم اون کد رو کجا اضافه کنم
دوست عزیز من در این این لینکی که دادین عکس ندیدم .
اگر می خواهید عکس را در متن موقعیت کامپوننت وسط استفاده کنید از این کد استفاده کنید :
کد:
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 قالب خود اضافه کنید .
من این دوتا قطعه کد رو به templates/stylusson_fa/css/tdefaut.css اضافه کردم ولی هیچ تغییری اعمال نشد
لینک رو ببینید تو این صفحه عکس موجود هست
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
بله درسته اون کد جواب نمی داد . الآن که تصویر را قرار دادید تست کردم .
این کد را دقیقا به انتهای همان فایل که فرمودید اضافه کنید مشکلتان حل می شود .
کد:
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*/
}