+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: تغییر هدر بخش مطالب قالب های آرتیستری (/thread-3341.html)
تغییر هدر بخش مطالب قالب های آرتیستری - n4n4zi - ۴-۱۰-۱۳۹۰ ۰۹:۴۱ عصر
سلام و خسته نباشید خدمت دوستان و اساتید محترم.
سوال من اینه که چطوری می شه هدر بخش مطالب رو در قالب های آرتیستر تغییر داد؟
مثلا شکل زیر رو ببینید:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
این قالب با آرتیستر طراحی شده و هدر مطالب اون خیلی ساده و مبتدی هست.
در آرتیستر هم قدرت مانور زیادی برای این بخش نیست!
مثلا نمی شه گوشه هاشو گرد کرد یا افکت های گرادینتی بهش داد!
می خواستم بدونم چطوری می تونم یه تصویری مثل شکل زیر رو جایگزین این هدر بکنم؟
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
لازم به ذکره که در css قالب روی این قسمت از کدها
/* begin PostMetadata, PostMetadataHeader */
.art-postmetadataheader
{
overflow:hidden;
padding: 1px;
background-color: #FDCA17;
border-color: #919191;
border-style: solid;
border-width: 1px;
}
/* end PostMetadata, PostMetadataHeader */
تغییرات انجام دادم..art-postmetadataheader
{
overflow:hidden;
padding: 1px;
background-color: #FDCA17;
border-color: #919191;
border-style: solid;
border-width: 1px;
}
/* end PostMetadata, PostMetadataHeader */
یعنی background-color رو حذف کردم و به جای اون کد
background-image: url('../images/test.png'); رو قرار دادم.
و تصویر مربوط به اون رو هم در پوشه ی images کپی کردم.
اما تغییری ایجاد نشد!
اگر ممکنه راهنماییم کنید که باید چه کار کنم تا این مشکل حل بشه.
ممنونم.
RE: تغییر هدر بخش مطالب قالب های آرتیستری - احسان افشاری - ۴-۱۰-۱۳۹۰ ۱۱:۲۲ عصر
سلام
برای اینکار هم می تونید دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
استفاده کنید که من جالب نمی دونم و هم به صورت دستی انجام دهید!!
یک مورد هم بصورت دستی هست به این صورت :
1- عکس مورد نظرتون رو که دوست دارید به عنوان هدر باشد را با نام postmetadataheader_bg.png در پوشه ی images واقع در قالب جاگذاری کنید .
به فایل templates واقع در جوملا بروید و به دنبال کلاس .art-postmetadataheader بگردید .
یعنی همونی که در پستتون گذاشتید .
خط
کد php:
background-color: #FDCA17;
کد php:
background-image: url('../images/postmetadataheader_bg.png') ;
background-size: 100% 100%;
background-repeat:no-repeat;
فایل رو سیو کنید و نتیجشم بگید .
موفق باشید ، یا حق
RE: تغییر هدر بخش مطالب قالب های آرتیستری - n4n4zi - ۵-۱۰-۱۳۹۰ ۱۲:۱۴ صبح
با سلام و تشکر از توضیحاتتون.
این مراحل رو انجام دادم، اما جواب نگرفتم!!!
یعنی تنها تغییری که کرد این بود که رنگ زمینه از بین رفت!
ولی تصویر در این قسمت قرار نگرفت!!!
RE: تغییر هدر بخش مطالب قالب های آرتیستری - احسان افشاری - ۵-۱۰-۱۳۹۰ ۱۲:۱۶ صبح
مطمئنید
نقل قول: عکس مورد نظرتون رو که دوست دارید به عنوان هدر باشد را با نام postmetadataheader_bg.png در پوشه ی images واقع در قالب جاگذاری کنید .
؟؟؟؟
من همین الان رو لوکال تست کردم نتیجه داد !
لطفا آدرس سایتتون رو قرار بدید ببینم چه کردید ...
RE: تغییر هدر بخش مطالب قالب های آرتیستری - n4n4zi - ۵-۱۰-۱۳۹۰ ۱۲:۳۲ صبح
منم روی لوکال کار می کنم.
واقعا ممنون، مشکل حل شد.
ایراد از این بود که من دقیقا کدهای شما رو کپی کردم، بعد nbsp; ها هم کپی شده بود.
فقط یه سوال دیگه!
چطوری می تونم طول و عرض تصویر رو دستکاری کنم؟
یعنی مثلا ارتفاعش بیشتر بشه؟
RE: تغییر هدر بخش مطالب قالب های آرتیستری - احسان افشاری - ۵-۱۰-۱۳۹۰ ۱۲:۳۷ صبح
خوب خدا رو شکر ....
برای تغییر عرض و طول می تونید اندازه ها را در خط :
کد php:
background-size: 100% 100%;
تغییر بدهید .
اولی که نوشته 100% پهنا هست و 100% دومی هم ارتفاع که شما می توانید بجای درصد % از px و ... استفاده کنید .
موفق باشید ، یا حق
RE: تغییر هدر بخش مطالب قالب های آرتیستری - n4n4zi - ۵-۱۰-۱۳۹۰ ۱۲:۴۰ صبح
یک دنیا تشکر از راهنمایی های مفیدتون.
مسئله ی بعدی اینکه متن هدر میزنه بیرون.
مثل شکل زیر:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
ممنون می شم اگه بگید چطوری درستش کنم.
و اینکه این دکمه ی جدید رو چطوری حذفش کنم؟
قبلا نمیومد، اما جدیدن توی مطالبم اضافه می شه.
بازم ممنون.
RE: تغییر هدر بخش مطالب قالب های آرتیستری - احسان افشاری - ۵-۱۰-۱۳۹۰ ۱۲:۵۸ صبح
خواهش میکنم ،
برای به چپ بردنش ، این خط را در فایل css قالب پیدا کنید
کد php:
h2.art-postheader
{
کد php:
margin-right: 10px;
و در چند خط پائینتر در صورت وجود یک خط مشابه این ، آنرا را پاک کنید:
کد php:
margin:5px 0:
اون دکمه ی جدید خود به خود که بوجود نیومده ؟؟
افزونه ای چیزی نصب نکردید ؟
RE: تغییر هدر بخش مطالب قالب های آرتیستری - n4n4zi - ۵-۱۰-۱۳۹۰ ۰۱:۳۵ صبح
با تشکر، این مشکل هم با راهنمایی شما حل شد.
فقط نکته ای که وجود داره اینه که ارتفاع تصویر کمتر شد.
و با اندازه دادن هم تغییری نمی کنه.
یعنی انگار تصویر بزرگتر میشه، اما دیده نمیشه.
مثل شکل زیر:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
در مورد اون دکمه هم والا من هیچ افزونه ای نصب نکردم!
نمی دونم از کجا پیداش شده!!!
مشکل حل شد.
padding: 2px;
رو به
padding: 10px;
تغییر دادم.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
امیدوارم با سوال های بیش از حدم باعث رنجش دوستان نشم.
اما یه نکته ی دیگه ای هم وجود داره که امیدوارم بتونید راهنماییم کنید.
تصاویر زیر رو ببینید:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
منوها با بخش مطلب هم تراز نیستن.
یعنی بخش مطالب کمی پایین تر قرار می گیره.
ممکنه راهنماییم کنید که چطوری بخش مطالب رو بالاتر ببرم که با منو ها هم تراز بشه؟
ممنون.