Оригинальная Форма добавления комментариев от Artpax

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Оригинальная Форма добавления комментариев от Artpax

На многих интернет-порталах или почти на каждом сайте DataLife Engine если замечали стоит стандартная форма добавления комментариев (либо от CENTROARTs), которая уже давно приелась? Вот лично мне надоело такое однообразие. В результате решил слегка изменить эту устаревшую форму и поделится с всеми!

Установка:
Ищем в стилях в engine.css или style.css

Убираем все что находится между строчками:

/*---BB коды---*/Тут какие-то непонятные стили=)/*---Дополнительные поля---*/


И заменяем это все вот этим:

/*---BB коды---*/.bbcodes, .bbcodes_poll {    background: #fff url("../images/bbcodes.png") repeat-x 0 100%;    text-shadow: 0 1px 0 #fff;    border: 1px solid #b3b3b3;    color: #383838;    padding: 2px 9px 5px 9px;    margin-bottom: 2px !important;    height: 24px;    font-weight: bold;    cursor: pointer;    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;    -moz-box-shadow: 0 1px 4px -3px black;    -webkit-box-shadow: 0 1px 4px -3px black;    box-shadow: 0 1px 4px -3px black;}.bbcodes:hover, .bbcodes_poll:hover { background-position: 0 10px; }.bbcodes_poll { width: 100px; }.editor_click {cursor: pointer;}.editor_click:hover {padding: 0px;}.editorbox {width: 456px;margin: 1px;padding: 5px;background-color: #fff;  border: 1px #F1F1F1 solid;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;}.editorbox a {cursor:pointer;}.smilesbox {height: 210px;margin: 1px;background-color: white;border: 1px #F1F1F1 solid;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}.main_editor {border: 1px #DFDFDF solid;margin: 0px;padding: 2px;}.resizeBar {width: 454px;height: 6px;border: 1px #DFDFDF solid;background-color: whiteSmoke;background-image: url('../images/editor/down.gif');background-position: center center;}#click_translitmessage {background: url(../images/editor/translit.png) top left repeat-x;}#click_bmessage {background: url(../images/editor/b.png) top left repeat-x;}#click_imessage {background: url(../images/editor/i.png) top left repeat-x;}#click_umessage {background: url(../images/editor/u.png) top left repeat-x;}#click_smessage {background: url(../images/editor/s.png) top left repeat-x;}#click_leftmessage {background: url(../images/editor/left.png) top left repeat-x;}#click_centermessage {background: url(../images/editor/center.png) top left repeat-x;}#click_rightmessage {background: url(../images/editor/right.png) top left repeat-x;}#click_colormessage {background: url(../images/editor/color.png) top left repeat-x;}#click_smilesmessage {background: url(../images/editor/smiles.png) top left repeat-x;}#click_imgmessage {background: url(../images/editor/img.png) top left repeat-x;}#click_linkmessage {background: url(../images/editor/link.png) top left repeat-x;}#click_limessage {background: url(../images/editor/li.png) top left repeat-x;}#click_codemessage {background: url(../images/editor/code.png) top left repeat-x;}#click_citemessage {background: url(../images/editor/cite.png) top left repeat-x;}#click_hidemessage {background: url(../images/editor/hide.png) top left repeat-x;}#click_bmessage:hover, #click_translitmessage:hover, #click_imessage:hover, #click_umessage:hover, #click_smessage:hover, #click_leftmessage:hover, #click_centermessage:hover, #click_rightmessage:hover, #click_colormessage:hover, #click_smilesmessage:hover, #click_imgmessage:hover, #click_linkmessage:hover, #click_limessage:hover, #click_codemessage:hover, #click_citemessage:hover, #click_hidemessage:hover {background-position: 0 -20px; }


Версия DLE: 9.x
Тестировалось: на DataLife Engine 9.4
Автор:Artpax
Оригинальная Форма добавления комментариев от Artpax
Внимание !
Замените ваши смайлы на: - smiles_by_artpax.zip , или отражение смайлов будет не корректным не как на скриншоте!

Советуем хак dle скачать оригинальная Форма добавления комментариев от Artpax
  • 60
Рубрика: DLE хаки » Хак для DLE
Ранее » Хак Dle оформление ссылок скачивания« Далее Хак Dle Вид заполнения профиля
Добавление комментарияОставить комментарий
  • № :6
  • 2 марта 2013 10:38
Руслан0012,
Чаще всего в engine.css, но некоторые вебмастера совмещают .

preview.css служит для оформления пред просмотра при добавлении новости, там необязательно.
  • № :5
  • 2 марта 2013 06:57
dle9,
И все таки определись в каком именно шаблоне css, нужно это заменить, так как можно по сути поменять в двух шаблонах это в engine.css и в шаблоне preview.css по сути и там есть код данный:
/*---BB коды---*/Тут какие-то непонятные стили=)/*---Дополнительные поля---*/

а где вот именно менять я так и не понял
  • № :4
  • 2 марта 2013 06:53
Руслан0012,
Спасибо подправил, не моя инструкция
Вообще смайлы от движка находятся по адресу engine/data/emoticons
здесь видимо в папку шаблона добавляется в папку /images/editor

Эти link_1_.png исправил link.png
  • № :3
  • 2 марта 2013 02:44
Цитата: dle9
id26327371]
Так работает или нет . сами пишите становится ...
В это коде идут настройки ширины и высоты их и надо настраивать относительно Вашего шаблона
/*---BB коды---*/

Я вот не пойму а где ты увидел в архиве папочку editor? и вот этот путь к файлу:
../images/editor/link_1_.png
  • № :2
  • 10 февраля 2012 08:21
id26327371]
Так работает или нет . сами пишите становится ...
В это коде идут настройки ширины и высоты их и надо настраивать относительно Вашего шаблона
/*---BB коды---*/
  • № :1
  • 10 февраля 2012 04:08
Не работает, криво становится -смайлы менял