تغییر هدر بخش مطالب قالب های آرتیستری

[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 */

تغییرات انجام دادم.
یعنی background-color رو حذف کردم و به جای اون کد
background-image: url('../images/test.png'); رو قرار دادم.
و تصویر مربوط به اون رو هم در پوشه ی images کپی کردم.
اما تغییری ایجاد نشد!
اگر ممکنه راهنماییم کنید که باید چه کار کنم تا این مشکل حل بشه.
ممنونم.

[احسان افشاری]

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

یک مورد هم بصورت دستی هست به این صورت :

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; 


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


موفق باشید ، یا حق

[n4n4zi]

با سلام و تشکر از توضیحاتتون.
این مراحل رو انجام دادم، اما جواب نگرفتم!!!
یعنی تنها تغییری که کرد این بود که رنگ زمینه از بین رفت!
ولی تصویر در این قسمت قرار نگرفت!!!

[احسان افشاری]

مطمئنید

نقل قول: عکس مورد نظرتون رو که دوست دارید به عنوان هدر باشد را با نام postmetadataheader_bg.png در پوشه ی images واقع در قالب جاگذاری کنید .

؟؟؟؟

من همین الان رو لوکال تست کردم نتیجه داد !

لطفا آدرس سایتتون رو قرار بدید ببینم چه کردید ...

[n4n4zi]

منم روی لوکال کار می کنم.
واقعا ممنون، مشکل حل شد.
ایراد از این بود که من دقیقا کدهای شما رو کپی کردم، بعد nbsp; ها هم کپی شده بود.
فقط یه سوال دیگه!
چطوری می تونم طول و عرض تصویر رو دستکاری کنم؟
یعنی مثلا ارتفاعش بیشتر بشه؟

[احسان افشاری]

خوب خدا رو شکر ....

برای تغییر عرض و طول می تونید اندازه ها را در خط :

کد php: (انتخاب همه)

background-size: 100%  100%; 


تغییر بدهید .
اولی که نوشته 100% پهنا هست و 100% دومی هم ارتفاع که شما می توانید بجای درصد % از px و ... استفاده کنید .


موفق باشید ، یا حق

[n4n4zi]

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

ممنون می شم اگه بگید چطوری درستش کنم.
و اینکه این دکمه ی جدید رو چطوری حذفش کنم؟
قبلا نمیومد، اما جدیدن توی مطالبم اضافه می شه.
بازم ممنون.

[احسان افشاری]

خواهش میکنم ،


برای به چپ بردنش ، این خط را در فایل css قالب پیدا کنید

کد php: (انتخاب همه)

h2.art-postheader
{ 


یک اینتر بزنید و در پائین } این خط را اضافه کنید :

کد php: (انتخاب همه)

margin-right: 10px; 


و در چند خط پائینتر در صورت وجود یک خط مشابه این ، آنرا را پاک کنید:

کد php: (انتخاب همه)

margin:5px  0: 


اون دکمه ی جدید خود به خود که بوجود نیومده ؟؟
افزونه ای چیزی نصب نکردید ؟

[n4n4zi]

با تشکر، این مشکل هم با راهنمایی شما حل شد.
فقط نکته ای که وجود داره اینه که ارتفاع تصویر کمتر شد.
و با اندازه دادن هم تغییری نمی کنه.
یعنی انگار تصویر بزرگتر میشه، اما دیده نمیشه.
مثل شکل زیر:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

در مورد اون دکمه هم والا من هیچ افزونه ای نصب نکردم!
نمی دونم از کجا پیداش شده!!!

---

مشکل حل شد.
padding: 2px;
رو به
padding: 10px;
تغییر دادم.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

---

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


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

منوها با بخش مطلب هم تراز نیستن.
یعنی بخش مطالب کمی پایین تر قرار می گیره.
ممکنه راهنماییم کنید که چطوری بخش مطالب رو بالاتر ببرم که با منو ها هم تراز بشه؟
ممنون.