14 پاسخ برای این موضوع

[PouyaX]

درود
من این هک رو خوندم و مشکلی که دارم اینِ که ویرایشگر پیشرفته رو توی قسمت تنظیمات سیستم پیدا نمیکنم
فکر میکنم توی نسخه 9.8 این قسمت حذف شده
الان برای ایجاد حاشیه باید چیکار کنم ممنون میشم یکی کمکم کنهـ ... ؟

[boysky68]

PouyaX,
سلام دوست عزیز چرا اگر از ویرایشگر TinyMCE (WYSIWYG) استفاده کنید همچین هکی رو میشه عملی کرد
هرچند من بهتون پیشنهاد میکنم با css یک بار برای همیشه افکت مورد نظر رو به تصاویر مطالبتون بدید دیگه هم لازم نیست برای همه مطالب یکی یکی اعمال کنید

[PouyaX]

boysky68,
ممنون از پاسختون
حالا این کد css رو از کجا گیر بیارم
شما داری ؟

[Majid_h]

PouyaX,
sample 1

[PouyaX]

Majid_h,
ممنون میشم بگید الان باید چیکار کنم
trial رو دانلود کردم !

درضمن من فقط میخوام عکسهای پست هام حاشیه دار باشه ....

[حمید یوسفی]

گرچه به دیتالایف انجین ارتباطی نداره، اما برای سایه دادن به المنت هایی نظیر تصاویر و ... باید از کد های

box-shadow:0 0 3px #000;
-moz-box-shadow:0 0 3px #000;
-webkit-box-shadow:0 0 3px #000;

و برای گرد کردن گوشه ها

border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;

استفاده کنید. برای سایر تنظیمات هم در مستندات مربوط به CSS3 جستجو نمائید.

موفق باشید

[PouyaX]

mister.yousefi,
باز هم تشکر اما من مشکل اینه که این کد رو کجا قرار بدم
در صمن گفتم که فقط میخوام عکس های پست دارای این افکت بشن !

[Majid_h]

PouyaX,
در پست آخر توضیح دادم .

[PouyaX]

Majid_h,
ممنون میشم یکم به حرف های من هم گوش کنید
گفتم فقط تصــآویر داخل پست

این کد هم که دادین داخل main.tpl قرار دادم کار میکنه اما واسه همه ی تصــآویر که این شامل گزینه ها هم میشه که شکل بدی به اون ها میده و کلآ منو بهم میریزه


ــــــــــــــــــــــــــــــــــــــــ

ــــــــــــــــــــــــــــــــــــــــ

ـــــــــــــــــــــــ
اگر میشه یکی کد مربوط به تصاویر داخل پست و محل قرار گیری اون رو به بگه ممنون میشم

[Majid_h]

PouyaX,
این کدها رو در فایل استایل قالب قرار بدید. میتونید استایل رو با تغییر کد ها طبق سلیقه خودتون در بیارید .

.post-img {
max-width:400px;
max-height:400px;
border: solid 5px #444444;
border-radius: 7px 7px 7px 7px;
box-shadow: 0 0 4px #858585;
}

.post-img:hover {

border: solid 5px #4bbdff;
border-radius: 80px 7px 80px 7px;
box-shadow: 0 0 4px #FFFFFF;
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
}

بعد در قسمتی که میخوایید عکس رو حاشیه بدید از کد زیر استفاده کنید .

<img class="post-img" src="adress-image"/>

فکر میکردم شما تا حددی css و طرز استفاده از اون رو میدونید !

موفق باشید

[PouyaX]

Majid_h,
ببخشید ولی من خیلی ابتدایی هستم !
این کد رو در کدوم قسمت استایل قرار بدم ؟ چون عمل نکرد
بعد اون کدِ پایین برای چیهـ ؟
من فقط میخوام کل تصاویر پست هام بصورت پیشفرض به شکل حاشیه دار در بیاد
و کدی رو دیگه اضافه نکنم ( بصورت تک تک )
این سایتُ ی نگاهی بندازید http://www.hollywoodline1.tk/
حالا نمیگم دقیقــآ مثلِ این اما میخوام کل تصاویر پست ها به یک شکل حاشیه بخوره بدون نیاز به کد وارد کردن

[Majid_h]

PouyaX,
شما فایل shortstory.tpl رو باز کنید و ببینید که کد {short-story} در کدام class قرار گرفته ؟

مثال :

<div class="maincont">
{short-story}
</div>

در این کن maincont هستش . حالا این maincont رو با post-img جایگزین کنید و در فایل css قالب قرار بدید .

به این شکل :

.maincont img {
max-width:450px;
max-height:400px;
border: solid 2px #444444;
border-radius: 2px 13px 2px 13px;
box-shadow: 0 0 2px #bebbbb;
}

.maincont img:hover{
border: solid 2px #2288c3;
border-radius: 13px 2px 13px 2px;
box-shadow: 0 0 2px #FFFFFF;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
}

[PouyaX]

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

http://uplod.ir/yksk6icogm8a/styles.css.htm
http://uplod.ir/46o6a3tm7vx7/shortstory.tpl.htm

[Majid_h]

PouyaX,
:|
فایل styles.css رو باز کنید و در اخر قرار بدید

   .maincont img {
    max-width:450px;
    max-height:400px;
    border: solid 2px #444444;
    border-radius: 2px 13px 2px 13px;
    box-shadow: 0 0 2px #bebbbb;
    }
    .maincont img:hover{
    border: solid 2px #2288c3;
    border-radius: 13px 2px 13px 2px;
    box-shadow: 0 0 2px #FFFFFF;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    }

[PouyaX]

Majid_h,
ممنـــــون خیلـــــــــی زیــــــآد
ببخشید دیگه تازه کاری این دردسر هارو هم داره دیگهـ
عذر میــخوام