ایجاد پس زمینه ای برای عنوان ماژول

[mrt69 4]

با سلام خدمت اساتید

من می خوام برای عنوان افزونه گلوبال صفحه اصلیم (عناوین ویژه )یک پس زمینه و نوار آبی رنگ مشابه اون چیزی که برای اخرین اخبار و اخبار پر بازدید وجود دارد ایجاد کنم

چه طور می تونم این کار رو بکنم

ادرس سایتم هم

http://demo.unicloob.ir

با تشکر

[omid.bibak 3]

سلام دوست عزیز

برای این کار کد زیر را در اخر فایل general.css خود کپی کنید فقط در ادرس background-image ادر عکس خودتون رو که در پوشهی image تون هست رو بدید یا حق دوست گرامی

.art-nostyle h3 {
background-image:url(../images/yourpicture);
background-repeat:repeat;
background-position:right;
height:38px;
width:180px;
margin-top:10px;
margin-bottom:5px;

}

---

شرمنده دوباره پست زدم .

دوست عزیز

کد:
background-repeat:repeat;

را با 

background-repeat:no-repeat;

جایگزین کن.

ببخشید در پست قبلی حواسم نبود اشتباه نوشتم.

یا حق:002::shy:

[mrt69 4]

ببخشید یکم گیج شدم الان چیو باید کجا کپی کنم ؟؟؟؟

بعد این کد چی جوری با ماژول گلوبال من ارتباط برقرار می کنه چون من برای عنوان ماژول گلوبالم می خوام یه همچین چیزی اضافه کنم ؟؟؟

[mrt69 4]

خواهشا راهنمایی کنید

چه جوری می تونم ارتباطش رو با ماژول گلوبال برقرار کنم ؟؟؟

توی کجا باید این کد رو کپی کنم ؟؟؟

[hc1supcenter 0]

به نظر من یک کلاس مازول توی سی اس اس تعریف کنید

[mrt69 4]

خوب چه جوری میشه این کار رو کرد ؟؟؟

[sonic69 279]

با سلام

به گفته دوست عزیزمون omid.bibak عمل کردید؟!

سلام دوست عزیز

برای این کار کد زیر را در اخر فایل general.css خود کپی کنید فقط در ادرس background-image ادر عکس خودتون رو که در پوشهی image تون هست رو بدید یا حق دوست گرامی

.art-nostyle h3 {
background-image:url(../images/yourpicture);
background-repeat:no-repeat;
background-position:right;
height:38px;
width:180px;
margin-top:10px;
margin-bottom:5px;
}

فقط توضیحی در مورد کد ها:

background-image:url(../images/yourpicture);

این کد آدرس عکس شماست که شما باید اسم عکس+فرمت عکس رو به جای yourpicture بزارید به طور مثال

background-image:url(../images/he.png);

background-repeat:no-repeat;
background-position:right;
height:38px;
width:180px;

این کدها هم به ترتیب

اولی میگه اون تصویر تکرار بشه یا نه که گفته تکرار نشه

کد بعدی موقعیت عکس رو مشخص میکنه که گفته شده به سمت راست بره

2 کد بعدی اندازه عکس رو مشخص میکنه

موفق باشید

[mrt69 4]

من این کد رو توی template.css کپی کردم

ولی اتفاقی نیفتاد

میگم من می خوام نوار زیر عنوان ماژول گلوبالم بیاد

با این کد که ارتباطی بین این ماژول ایجاد نمیشه

[sonic69 279]

من این کد رو توی template.css کپی کردم

ولی اتفاقی نیفتاد

میگم من می خوام نوار زیر عنوان ماژول گلوبالم بیاد

با این کد که ارتباطی بین این ماژول ایجاد نمیشه

سلام دوست عزیز

برای این کار کد زیر را در اخر فایل general.css خود کپی کنید فقط در ادرس background-image ادر عکس خودتون رو که در پوشهی image تون هست رو بدید یا حق دوست گرامی

[mrt69 4]

من توی هیچ جای فایل های جوملا یا قالبم فایل general.css را ندارم

توی کجا باید کپی کنم ؟؟؟!!!

[sonic69 279]

اگر اشتباه نکنم باید به مسیر زیر برید

templates\system\css\general.css

امتحان کنید ببنید درست میشه

[مصطفی صفرعلی 2,891]

با سلام

فکر نکنم نیاز به هیچ کدی باشه

کافیست تا در تنظیمات ماژول در فیلد پسوند کلاس ماژول عبارت art-blockheader را وارد کنید

موفق و پیروز باشید

یا حق

:64 (17):

[mrt69 4]

همه کار ها رو کردم ولی باز توی عنوان ماژولم اون نوار آبی رنگ ایجاد نشد !!!!

[sonic69 279]

به گقته آقا مصطفی عمل کردید؟

کافیست تا در تنظیمات ماژول در فیلد پسوند کلاس ماژول عبارت art-blockheader را وارد کنید

؟

[mrt69 4]

این کار رو هم کردم ولی تغییری انجام نگرفت !!!!

[sonic69 279]

این کار روانجام بدید انشاءا... که درست بشه پوشه css رو باز کنید و فایل template.css رو باز کتید

در انتهای این فایل کد اول(*در صورت کار نکردن کد دوم*) رو اضافه کنید

#art-main .art-nostyle h3{background-color:#00FF00;}

در صورت کار نکردن این کد

.art-nostyle h3{background-color:#FF0000;}

موفق باشید

[mrt69 4]

هر دو رو تست کردم هیچ کدوم جواب نداد و فرقی نکرد !!!!!

[رضاگنجی 155]

در فایل تمپلیت دات سی اس اس لاین 1320 کد زیر را پیدا کن و تصویر پس زمینه را حذف کن :

.art-blockheader:before, .art-blockheader:after {
   background-image: url("../images/blockheader.png");
}

حالا در اخر همین فایل از کد زیر استفاده کن و هر تغییری دوست داری توش بده تا زیبا بشه :

.Moduletable h3,.art-blockheader:before, .art-blockheader:after {
   background-color: #F20909;
}

[mrt69 4]

با این کار که قبلی ها هم نوارش از بین رفت برای جدید هم تغییری ایجاد نشد

[m.shabani 28]

سلام فقط کافیه تو فایل template.css کد

.art-nostyle h3{background-color:blue;}

به اخر صفحه اضافه کنی این به عنوان مثال یک بگراند آبی به عنوان ویژه میده خودت می تونی عکس یا حاشیه یا .... دوست داری بزاری

موفق و پیروز باشی:002:

[omid.bibak 3]

سلام دوست عزیز

کد زیر رو در فایل general.css پیدا کن.(اخر فایل هست) و ان را کامل cut کن و اون رو به اخر فایل template.css انتقال بده.

کد:

.art-nostyle h3 {
background-image:url(../images/blockheader.png);
background-repeat:no-repeat;
background-position:right;
height:38px;
width:200px;
margin-top:10px;
margin-bottom:5px;
padding-top:15px;
font-size:14px;
padding-right:5px;
}

حالا کد:

margin-top:10px

رو از کد بالا حذف کن. خودم تست کردم درست شد .

یا حق:002:

[mrt69 4]

با تشکر از همکاری دوستان

روش جناب m.shabani رو تست کردم فقط تصویر یا رنگی که می زاری برای پس زمینه عرض و ارتفاع مناسبی نداره و مطابق شکل زیر میشه و همون طور که می بینید مانند ماژول اخرین اخبار نیست

http://up.unicloob.ir/images/qkjxtw6xy2vhk6wd810.png

با کد های آقا امید هم تصویر ایجاد شد فقط باز عرض تصویر کمه و نصف تصویر نشون داده نشده و مثل ماژول اخرین اخبار نشده اگه بشه مثل اون درش اورد خیلی خوبه

http://up.unicloob.ir/images/getv8lgkxg4z1evwffdm.png

باز ممنون از همه دوستان

[وحید حاجی پور 105]

سلام خدمت شما دوست ګرامی

به آدرس http://demo.unicloob.ir/templates/sn5/css/template.css بروید و در خط 2520 به استایل زیر می رسید

.art-nostyle h3 {
   background-image: url("../images/blockheader.png");
   background-position: right center;
   background-repeat: no-repeat;
   font-size: 14px;
   height: 38px;
   margin-bottom: 5px;
   margin-top: 10px;
   padding-right: 5px;
   padding-top: 15px;
   width: 200px;
}

width:200px ; را حذف کنید بعد از حذف این تصویر را

http://demo.unicloob.ir/templates/sn5/images/blockheader.png

عرض اش رو بکنید 520px و جایګزین تصویر بالا کنید

انشا الله که درست می شه موفق باشید

[mrt69 4]

با تشکر از همه دوستان

الان یه مشکل دیگه ای هم که هست مثلا ستون اخرین اخبار یا اخبار پر بازدید عرض نوار کمتر از عرض واقعی و عناوین اخبار است مطابق شکل الان به صورت شکل شماره 1 است ولی من می خوام عرض نوار زیر عنوان کمی بیشتر بشه و مشابه شکل 2 بشه

باید چی کار کتم ؟؟؟

با تشکر

[mrt69 4]

چه طور می تونم عرض تصویر پس زمینه رو زیاد کنم ؟؟؟؟!!