Хак dle Поделиться рекомендовать своим друзьям ссылку на новость

Рубрика: Хаки для 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
Хак dle Поделиться рекомендовать своим друзьям ссылку на новость

Попросили рассказать каким образом можно реализовать такой блок как на www.dle9.com. Данный скрипт обнаружил случайно понравился тем, что он легкий и не капризный, его можно по разному оформлять. Нашел я его случайно в каком-то шаблоне. А самое важно на него не ругается валидатор HTML.

Установка Хак DLE Поделиться интересной новостью - теперь любой желающий может поделиться интересной информацией с друзьями, по мимо этого количество ссылок на вашем веб-ресурсе в несколько раз увеличится, что повысит индексацию поисковиков и увеличит ТИЦ вашего блога.
Поделиться рекомендовать своим друзьям ссылку на новость
Для этого достаточно в шаблон fullstory.tpl вставить код скрипта желательно после новости (контента {full-story} )
После чего полная новость будет выглядеть как на скрине.
Скрипт работает на всех шаблонах.

<center>Поделиться интересной новостью с www.dle9.com или рекомендовать своим друзьям :</center> <br /><table align="center" cellpadding="2" cellspacing="0"><tbody><tr><td>Прямая ссылка:</td><td><input onclick="this.select();" onfocus="this.select();" value="{full-link}" type="text"class="block_input1" readonly="readonly" /></td> </tr> <tr><td>BB-code ссылка:</td><td><input onclick="this.select();" onfocus="this.select();" value="[url={full-link}]{title}[/url]"type="text" class="block_input1" readonly="readonly" /></td></tr><tr><td>HTML ссылка:</td><td><input onclick="this.select();" onfocus="this.select();" value='<a href="{full-link}"target="_blank">{title}</a>' type="text" class="block_input1" readonly="readonly" /></td></tr></tbody></table>


Данный код вставляем в стили вашего шаблона например css/styles.css , желательно в том же месте где идут стили к fullstory.tpl , в принципе не критично можно в любом месте вставить один из трех кодов :

Этот код с подсветкой красного цвета :

.block_input1 {width:400px;}.block_input1, .block_input1[type="text"]{padding:4px;background:url('../images/input.png') repeat-x #fff;border:1px solid #BABABA;-moz-border-radius:2px;border-radius:2px}.block_input1[type="text"]:focus{border:1px solid #FFAE00;-moz-box-shadow:0px 0px 5px #FFAE00;box-shadow:0px 0px 5px #FFAE00}


Этот код с подсветкой синего цвета :

.block_input1 {width:400px;}.block_input1, .block_input1[type="text"]{padding:4px;background:url('../images/input.png') repeat-x #fff;border:1px solid #BABABA;-moz-border-radius:2px;border-radius:2px}.block_input1[type="text"]:focus{border:1px solid #fafafa;-moz-box-shadow:0px 0px 5px #a39ff4;box-shadow:0px 0px 5px #a39ff4}


Этот код с подсветкой зеленого цвета как сейчас на веб-ресурсе :

.block_input1 {width:400px;}.block_input1, .block_input1[type="text"]{padding:4px;background:url('../images/input.png') repeat-x #fff;border:1px solid #BABABA;-moz-border-radius:2px;border-radius:2px}.block_input1[type="text"]:focus{border:1px solid #fafafa;-moz-box-shadow:0px 0px 5px #36ec28;box-shadow:0px 0px 5px #36ec28}


В архиве картинку заливаем в /images/input.png

Наш dle веб-портал советует dle хаки скачать
  • 80
Рубрика: DLE хаки » Хак для DLE
Ранее » Хак Прикольное оформление offline или страницы ошибки 404« Далее Хак Dle добавить новый тег редактирования
Добавление комментарияОставить комментарий
  • № :12
  • 25 января 2013 14:34
изменяйте размер как надо в этом месте {width:400px;} получите нужный размер окна
  • № :11
  • 25 января 2013 14:20
Объясните как сделать такой же размер блока, как и на скриншоте.
  • № :10
  • 8 июня 2012 17:15
Lexik,
В файл вашего шаблона style.css или с таким форматом *.css ответ на два вопроса.
  • № :9
  • 8 июня 2012 16:30
У меня чёт она маленькая не на растянута как увас на сайте.Как её растянуть??
  • № :8
  • 8 июня 2012 16:28
А куда вставлять эти коды других цветов??
  • № :7
  • 17 марта 2012 14:00
Цитата: OTM
PS Админ, добавь ты в редактор теги для вставки исходного кода, сайт ведь тематический, как советовать чё когда код режется?

Хорошее предложение , сделал ! Спасибо!
  • № :6
  • 17 марта 2012 12:18
Спасибо, пригодилось, себе ещё добавил короткие ссылки:
http://ваш сайт/{news-id}-link.html

вместо

{full-link}


PS Админ, добавь ты в редактор теги для вставки исходного кода, сайт ведь тематический, как советовать чё когда код режется?
  • № :5
  • 14 марта 2012 21:32
ded99,
Адаптация шаблонов DLE 9.2 для новой версии DataLife Engine 9.3 если не сможете ... задайте там вопрос , там и отвечу.
  • № :4
  • 14 марта 2012 21:25
Подскажите как сделать "Сообщить о ошибке" в новости, как на вашем сайте?
Дайте ссылочку на материал.
Прогуглил весь инет, не нашел.
  • № :3
  • 9 марта 2012 12:40
Классный хак очень пригодился smile
  • № :2
  • 8 февраля 2012 18:47
Большое спасибо,отлично вписался в сайт!
  • № :1
  • 20 ноября 2011 00:23
Спасибо, поставил, все работает!