مشکل در سایز عنوان مطلب(لطفا کمکم کنید)

[gamentech]

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

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

اینم عکس

[صدرا حسابی]

به این جا برو:

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

templates/yoo_balance/warp/css/base.css

و این کد رو در انتها یا هر جایی از این فایل خواستی قرار بده و تغییراتت رو اعمال کن:

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

.title {
    font-size: 15px;
    font-family: tahoma;
}

[gamentech]

درستش کردم.
یک سوالی دارم
کدی هست که بشه به جای " متن ادامه مطالب "تصویر قرار داد.؟

[صدرا حسابی]

اگه بخواد در css انجام بشه فقط می شه استایلش رو عوض کرد، یعنی کادر یا پس زمینه، تغییر فونت و رنگ و این گونه موارد.
این کد رو به انتهای base.css اضافه می کنی و پس زمینه یا مورد دیگه که خواستی رو تعریف می کنی توش:
.links {

}

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

[gamentech]

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

[صدرا حسابی]

اگه از پلاگین استفاده کنی احتمالا می شه، ولی در تغییراتی که در css گفتم بدی نه فقط می شه برای نشوته کادر و پس زمینه و ... بزاری.

البته با با تغییرات در فایل های قالب در جایی که برای ادامه مطلب کدهاییی داده شده می شه جاش به یه عکس لینک داد.

[gamentech]

(۲۰-۱۱-۱۳۹۰ ۱۰:۰۸ عصر)صدرا حسابی نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
البته با با تغییرات در فایل های قالب در جایی که برای ادامه مطلب کدهاییی داده شده می شه جاش به یه عکس لینک داد.

پلاگین رو نصب کردم ولی اصلا هیچ اتفاقی نیفتاد.

کد ادامه مطلب رو نمی دونم کجاست؟
فقط نوشته رو پیدا کردم.
خود css ادامه مطلب رو پیدا نکردم.
اگه راهنماییم کنی ممنون می شم.

[صدرا حسابی]

سلام چون قالب رو فرستادید تونستم روش جایگزینی رو پیدا کنم،

به این آدرس برو:

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

templates\yoo_balance\layouts\com_content\featured\default_item.php

و این کد رو در خط 99:

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

    <p class="links"> 


با این جایگزین کن:

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

    <p class="linksn"> 


و خط 120-126 رو:

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

                if (!$params->get('access-view')) {
                    echo JText::_('COM_CONTENT_REGISTER_TO_READ_MORE');
                } elseif ($readmore = $this->item->alternative_readmore) {
                    echo $readmore;
                } else {
                    echo JText::_('TPL_WARP_CONTINUE_READING');
                } 


با این جایگزین کن:

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

                if (!$params->get('access-view')) {
                    echo "<img src='images/readmore.png'>";
                } elseif ($readmore = $this->item->alternative_readmore) {
                    echo $readmore;
                } else {
                    echo "<img src='images/readmore.png'>";
                } 


و بعد به این آدرس برو:

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

\templates\yoo_balance\warp\systems\joomla\layouts\com_content\featured\default_​item.php

و خط 95 رو مشابه خط 99 بالا، و خط 116-122 رو مشابه خط 120-126 بالا جایگزین کن.


عکست مورد نظرت رو رو در فولدر images جوملا (نه قالب!) به اسم readmore.png قرار بده.
(اگه خواستی می تونی عکس با نام یا فرمت دیگه قرار بدی، فقط باید در کد بالا هم تغییرات رو اعمال کنی)


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

[gamentech]

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

[صدرا حسابی]

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

- اول یکی از دکمه هات رو در فتوشاپ (حالت عادی یا mouse over) باز کن و بک گراندش رو پاک کن و به جای readmore.png ذخیره کن، با این کار در الان می تونی باز در سایت روی ادامه مطلب کلیک کنی ولی عکست بی رنگه!

- حالا برو به این آدرس:

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

/templates/yoo_balance/css/rtl.css

و در هر جایی خواستی این کدهارو اضافه کن:

در این جا readmoreh.png که باز در فولدر images جوملا قرار داره برای حالت mouse over نمایش داده می شه،

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

.linksn:hover {
    background: url("/../../images/readmoreh.png") no-repeat right top;
}

و در این جا هم readmorea.png جای فضای خالی رو در دکمه ادامه مطلب پر می کنه:

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

.linksn {
    background: url("/../../images/readmorea.png") no-repeat right top;
}

*توجه داشته باش که سه تصویر readmorea.png readmore.png و readmoreh.png fhdn باید هم اندازه باشند تا ظاهر خوبی داشته باشه.