رفتن به مطلب
mrt69

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

پست های پیشنهاد شده

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

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

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

ادرس سایتم هم

http://demo.unicloob.ir

با تشکر

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

برای این کار کد زیر را در اخر فایل 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:

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

با سلام

به گفته دوست عزیزمون 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 کد بعدی اندازه عکس رو مشخص میکنه

موفق باشید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

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

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

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

templates\system\css\general.css

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

با سلام

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

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

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

یا حق

:64 (17):

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

؟

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

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

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

موفق باشید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

کد زیر رو در فایل 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:

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

qkjxtw6xy2vhk6wd810.png

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

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

getv8lgkxg4z1evwffdm.png

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

به آدرس 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 و جایګزین تصویر بالا کنید

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

2gq8k53ih2cz2lb93j.png

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

با تشکر

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...