mosafere_0911 21 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 سلام دوستان اگه میشه بگید چجوری میشه عکس تصویر شاخص پست هام رو مثل این سایت کنم ممنون میشمhttp://www.eydoone.com/ 1 نقل قول لینک به ارسال
Morteza 34190 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 عکس رو کم کنید یا اندازه ها رو کم کنید؟ 2 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 (ویرایش شده) اگر منظور شما زمانی که نشانگر روی تصاویر شاخص می رود باشد با این کد:transform: rotate(5deg) scale(0.9); ویرایش شده آذر 91 توسط dnojir 6 نقل قول لینک به ارسال
mosafere_0911 21 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 اگر منظور شما زمانی که نشانگر روی تصاویر شاخص می رود باشد با این کد:transform: rotate(5deg) scale(0.9);دوست عزیز این کد رو چییکار باید کنم یکم راهننمایی کنید ممنونعکس رو کم کنید یا اندازه ها رو کم کنید؟منظورم اینه که وقتی نشانه گر موس روی تصاویر شاخص رفت اینطوری که تو اون سایت هست حرکت کنن 1 نقل قول لینک به ارسال
NESTED 4295 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 در این سایت تگ عکس دارای کاس bor هست که المنتهاش این هست :.bor { background: none repeat scroll 0 0 #CFCFCF; border: 1px solid #8E999E; border-radius: 5px 5px 5px 5px; padding: 3px; transition: all 0.298s ease 0s;} 5 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 کد را بایذد در فایل stytle.css برای کلاس عکس ها اضافه کنید البته دو نکته هم هست کدی که دوستمان (درج) دادند در همه مرورگرها اجرا نمی شه این کد نمونه ی کاملشه.post img:hover {-moz-transform: rotate(7.5deg);-o-transform: rotate(7.5deg);-webkit-transform: rotate(7.5deg);-ms-transform: rotate(7.5deg);transform: rotate(7.5deg);filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')";}نکته دوم اینه که عکس باید در یکی از پوزیشن های ابسولوت - ری التیو و یا فیکسد باشه یعنی کدی شبیه زیر.post img {position:relative} 3 نقل قول لینک به ارسال
mosafere_0911 21 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 کد را بایذد در فایل stytle.css برای کلاس عکس ها اضافه کنید البته دو نکته هم هست کدی که دوستمان (درج) دادند در همه مرورگرها اجرا نمی شه این کد نمونه ی کاملشه.post img:hover {-moz-transform: rotate(7.5deg);-o-transform: rotate(7.5deg);-webkit-transform: rotate(7.5deg);-ms-transform: rotate(7.5deg);transform: rotate(7.5deg);filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')";}نکته دوم اینه که عکس باید در یکی از پوزیشن های ابسولوت - ری التیو و یا فیکسد باشه یعنی کدی شبیه زیر.post img {position:relative}اقا ایمان شرمنده. من کد بالا رو تو استایلم گذاشتم گفتید (برای کلاس عکس ها اضافه کنید) این یعنی چی ؟(نکته دوم اینه که عکس باید در یکی از پوزیشن های ابسولوت - ری التیو و یا فیکسد باشه یعنی کدی شبیه زیر) و اینم اگه میشه لطف کنید یکم توضیح دهید ممنونم نقل قول لینک به ارسال
mosafere_0911 21 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 دوستان ممنون میسم کمک کنید خیلی لازممه نقل قول لینک به ارسال
سعید حسینی 2409 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 سلاماول از این فایل کپی تهیه کن تا پشتیبان از استایل اولیه داشته باشی.در این آدرس خط:#col-hot .left .contents .content .inner img,.box-text imgپیدا کن و این کدهارو جایگزین کن:#col-hot .left .contents .content .inner img,.box-text img {border: 1px solid #8E999E;padding: 3px;background: #CFCFCF;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: All 0.298s ease;-moz-transition: All 0.298s ease;-o-transition: All 0.298s ease;float: right;margin-left: 5px;width: 70px;height: 70px;}و بعد این استایلو آخرین خط اضافه کن:.box-text img:hover {border:1px solid #8E999E;padding:3px;background:#FFB963;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} 4 نقل قول لینک به ارسال
mosafere_0911 21 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 سلاماول از این فایل کپی تهیه کن تا پشتیبان از استایل اولیه داشته باشی.در این آدرس خط:#col-hot .left .contents .content .inner img,.box-text imgپیدا کن و این کدهارو جایگزین کن:#col-hot .left .contents .content .inner img,.box-text img {border: 1px solid #8E999E;padding: 3px;background: #CFCFCF;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: All 0.298s ease;-moz-transition: All 0.298s ease;-o-transition: All 0.298s ease;float: right;margin-left: 5px;width: 70px;height: 70px;}و بعد این استایلو آخرین خط اضافه کن:.box-text img:hover {border:1px solid #8E999E;padding:3px;background:#FFB963;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}سلام داداش من کاری رو که گفته بودید رو انجام دادم ولی اونطوری که من میگفتم نشد دقیقا چیکار کنم؟ نقل قول لینک به ارسال
سعید حسینی 2409 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 سلام داداش من کاری رو که گفته بودید رو انجام دادم ولی اونطوری که من میگفتم نشد دقیقا چیکار کنم؟الان جایگزین و امتحان کنید:#col-hot .left .contents .content .inner img,.box-text img {border:1px solid #8E999E;padding:3px;margin: 0 0 5px 10px;background:#CFCFCF;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 5px #cccccc;-webkit-box-shadow: 0px 0px 5px #CCC;box-shadow: 0px 0px 5px #CCC;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-o-transition: All 0.3s ease;}.box-text img:hover {border:1px solid #8E999E;padding:3px;background:#FFB963;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transform: rotate(5deg) scale(0.9);-moz-transform: rotate(5deg) scale(0.9);-o-transform: rotate(5deg) scale(0.9);} 4 نقل قول لینک به ارسال
mosafere_0911 21 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 داداش این تصاویر درست شد فقط اون متن پست ها که جلوی عکس میومد دیگه نمیاد و اینکه چرا پایین عکس ها دیده نمیشه ؟؟؟؟ نقل قول لینک به ارسال
rahro14 9 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 چجوری یک استایل خاص را فقط به تصاویر موجود در نوشته بدیم که کل تصاویر قالب متاثر نشن ؟ نقل قول لینک به ارسال
سعید حسینی 2409 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 داداش این تصاویر درست شد فقط اون متن پست ها که جلوی عکس میومد دیگه نمیاد و اینکه چرا پایین عکس ها دیده نمیشه ؟؟؟؟تغییرات و مشکلی که گفتید نمیبینم.چجوری یک استایل خاص را فقط به تصاویر موجود در نوشته بدیم که کل تصاویر قالب متاثر نشن ؟تصاویر را داخل تگ div بذارید و کلاس تعریف کنید و به کلاس مربوطه استایل بدید.نسبت به استایل های تعریف شده پوستتون هم میتونید استایل بدید مثلاً:.post img { استایل شما } 4 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 چجوری یک استایل خاص را فقط به تصاویر موجود در نوشته بدیم که کل تصاویر قالب متاثر نشن ؟سئوالتون را بهتر بود در تایپیک مجزا بپرسید به موضوع این تایپیک کلا بی ربطه 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .