تا نسخه 11 دیتالایف و قبل از حذف ادیتور لایو، در این ادیتور دکمه های رنگی زیبایی برای درج لینک ها تعبیه شده بود و اگر دیتالایف را به نسخه های 11.1 و بالاتر آپگرید کنید این دکمه ها از کار افتاده و به متن لینک دار ساده تبدیل میشوند.
در بررسی ما مشاهده شد که علیرقم حذف لایو ادیتور مطالبی که از طریق این ادیتور لینک دار شده بودند خاصیت آن دکمه ها را در دیتابیس حفظ کرده اند. بنابراین ترفندی در نظر گرفتیم تا دکمه های مورد نظر را در نسخه های بعدی دیتالایف بازیابی کنیم.
( ضمنا برای مطالب جدید میبایست از روش های دیگری برای شکل دادن به لینک ها استفاده شود )
آموزش انجام کار
کدهای زیر را به انتهای فایل engine.css یا هر فایل css دیگر قالب مورد استفاده اضافه کنید:
.awesome, .awesome:visited {
background: #222 !important;
display: inline-block !important;
padding: 9px 14px 9px !important;
color: #fff !important;
text-decoration: none !important;
font-weight: bold !important;
line-height: 15px !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
border-radius: 4px !important;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important;
border-bottom: 1px solid rgba(0,0,0,0.25) !important;
position: relative !important;
cursor: pointer !important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.awesome:hover {
background-color: #111 !important;
}
.awesome:active {
top: 1px !important;
}
.small.awesome, .small.awesome:visited {
font-size: 11px !important;
}
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {
font-size: 13px !important;
}
.large.awesome, .large.awesome:visited {
font-size: 14px !important;
padding: 9px 14px 9px !important;
}
.green.awesome, .green.awesome:visited {
background-color: #91bd09 !important;
}
.green.awesome:hover {
background-color: #749a02 !important;
}
.blue.awesome, .blue.awesome:visited {
background-color: #2daebf !important;
}
.blue.awesome:hover {
background-color: #007d9a !important;
}
.red.awesome, .red.awesome:visited {
background-color: #e33100 !important;
}
.red.awesome:hover {
background-color: #872300 !important;
}
.magenta.awesome, .magenta.awesome:visited {
background-color: #a9014b !important;
}
.magenta.awesome:hover {
background-color: #630030 !important;
}
.orange.awesome, .orange.awesome:visited {
background-color: #ff5c00 !important;
}
.orange.awesome:hover {
background-color: #d45500 !important;
}
.yellow.awesome, .yellow.awesome:visited {
background-color: #ffb515 !important;
}
.yellow.awesome:hover {
background-color: #fc9200 !important;
}
کش دیتالایف و مرورگر را پاک کنیدتمام شد! موفق باشید