DeadMen.team - Без киберспорта ни дня!

Добавление файлов для новостей

Cartman — Sat, 06 Nov 2010 18:59:29 GMT

Скрипт делает возможной загрузку файлов при добавлении новости.

Рабочий Пример(чтобы увидеть скрипт в действии, залогиньтесь, uNet включен).

Установка:

1. В настройках прав групп разрешите пользователям добавлять файлы.

2. В форме добавления каталога файлов замените всё на:

Code

$SECTION_NAME$ - $MODULE_NAME$ - $SITE_NAME$

$BODY$
$POWERED_BY$

3. В страницу архива материалов новостей:

Code

4. В настройке модуля новости активируйте "Дополнительное поле 1".

Ссылка на файл будет храниться в коде $OTHER1$.

С вами был $USERNAME$

Функция: Сортировка новостей по

Cartman — Sat, 06 Nov 2010 18:57:12 GMT

Добавляем функцию для новостей. Сортировка материалов по

Открываем Страница архива материалов и вставляем код перед $BODY$ или же в дроге место.

Code

Сортировать по: | комментариям | дате добавления | рейтингу | просмотрам

Всё готово, теперь сохраняем. Приятного вам использования скрипта!

Поиск как на ForuCoz

Cartman — Sat, 06 Nov 2010 18:56:02 GMT

Это хороший поиск. Ищет по каталогу файлов. Работает без багов. Стоял долгое время на сайте.

Вот код вставляете в нужно для вас место:

Code

Слайдер новостей на jq

Cartman — Sat, 06 Nov 2010 18:54:48 GMT

Демонстрировать лучшие содержание вашего сайта или блога, новостей, желательно таким образом, что оно выглядело просто, красиво и удобно. Использование автоматического воспроизведения содержимого в виде слайдера, является одним из способов удачной демонстрации. Это экономит пространство вашего сайта и делает пользование вашим сайтом более удобным.

Сегодня я собираюсь показать вам, как создать такой автоматический слайдер контента для вашего вебсайта, используя технологию Jquery.

Пример

Установка:

Шаг 1. Добавление файлов JavaScript

Вставьте код расположенный ниже, между тегами . Благодаря нему вы подключите библиотеку jQuery.

Code

Шаг 2. Создаём рекомендуемую структуру содержания.

Теперь давайте создадим содержание для автоматического слайдера, которое будет структурировано как перечень, расположенный в левой части слайдера и содержащий в себе превью контента и его описание.

Code

15+ Excellent High Speed Photographs

20 Beautiful Long Exposure Photographs

35 Amazing Logo Designs

Create a Vintage Photograph in Photoshop

15+ Excellent High Speed Photographs

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla tincidunt condimentum lacus. Pellentesque ut diam....read more

20 Beautiful Long Exposure Photographs

Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor.
Sed ipsum lorem, sagittis non egestas id, suscipit....read more

35 Amazing Logo Designs

liquam erat volutpat. Proin id volutpat nisi.
Nulla facilisi. Curabitur facilisis sollicitudin ornare....read more

Create a Vintage Photograph in Photoshop

Quisque sed orci ut lacus viverra interdum ornare sed est.
Donec porta, erat eu pretium luctus, leo augue sodales....read more

Шаг 3. Создание таблицы стилей CSS.

Создайте таблицу стилей CSS и поместите в неё кодовую часть из этого шага. Параметры height и width - это значение ширины и высоты возпроизводимого содержания, а параметр padding-right позволяет сделать отступ вправо для помещения на это место навигации контента.

Code

#featured{

width:400px;

padding-right:250px;

position:relative;

height:250px;

background:#fff;

border:5px solid #ccc;

}

#featured ul.ui-tabs-nav{

position:absolute;

top:0; left:400px;

list-style:none;

padding:0; margin:0;

width:250px;

}

#featured ul.ui-tabs-nav li{

padding:1px 0; padding-left:13px;

font-size:12px;

color:#666;

}

#featured ul.ui-tabs-nav li img{

float:left; margin:2px 5px;

background:#fff;

padding:2px;

border:1px solid #eee;

}

#featured ul.ui-tabs-nav li span{

font-size:11px; font-family:Verdana;

line-height:18px;

}

#featured li.ui-tabs-nav-item a{

display:block;

height:60px;

color:#333; background:#fff;

line-height:20px;

}

#featured li.ui-tabs-nav-item a:hover{

background:#f2f2f2;

}

#featured li.ui-tabs-selected{

background:url('images/selected-item.gif') top left no-repeat;

}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{

background:#ccc;

}

#featured .ui-tabs-panel{

width:400px; height:250px;

background:#999; position:relative;

}

#featured .ui-tabs-panel .info{

position:absolute;

top:180px; left:0;

height:70px;

background: url('images/transparent-bg.png');

}

#featured .info h2{

font-size:18px; font-family:Georgia, serif;

color:#fff; padding:5px; margin:0;

overflow:hidden;

}

#featured .info p{

margin:0 5px;

font-family:Verdana; font-size:11px;

line-height:15px; color:#f0f0f0;

}

#featured .info a{

text-decoration:none;

color:#fff;

}

#featured .info a:hover{

text-decoration:underline;

}

#featured .ui-tabs-hide{

display:none;

}

Шаг 4. Подключения JavaScript кода, позволяющего автоматически пролистывать содержимое.

Вставьте код расположенный ниже сразу же после кода из шага 1.

Code

Изменение цифрового значения, позволит Вам изменить скорость пролистывания.

Вот и всё, автоматический слайдер готов к применению.

Спасибо за внимание и до новых встреч!

Гостю не видна ссылка

Cartman — Sat, 06 Nov 2010 18:51:37 GMT

Преимущества:
1) Искод ограр DLE
2) Гость не видет ссылки
3) Добавлять новости через дополнительные поля
Это упрощает Работу добовления материала
4) Ссылка которую вы добавили префиксуется
Установка:
Заходим в админ панель> новости сайта
В настройках активируем всё доп. Поля

Потом в замену стандартных надписей>Новости сайта> Добавление
или редоктирования новостей!
И доп. поля меняем в таком порядке

Доп поле 1 на "Прямая ссылка на LetitBit"
Доп. поле 2 на "Прямая ссылка на Vip-file"
Доп. поле 3 на "Прямая ссылка на Deposit"
Доп. поле 4 на "Прямая ссылка на FreeFolder"
Доп. поле 5 на "Прямая ссылка на Другой Сервер"

Далеё

Заходим:
Админка>Новости сайта>Страница материала и комментариев к нему
Там ищем код

Code

$MESSAGE$

И сразу после него
Пишем этот код:

Code

Скачать $ENTRY_NAME$

Скачать Letitbit

Скачать Vip-file

Скачать Deposit

Скачать FreeFolder

Скачать с сервера

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Вид новостей

Cartman — Sat, 06 Nov 2010 18:49:57 GMT

Вобщем на DLE где-то видел, при наведении на новость она меняла свой цвет, сейчас все поймете,вот скрин во-первых:

Вот наглядный Пример

Пришло мне в голову сделать похожее и на uCoz, ну на самом деле это смог бы сделать каждый.
Заменяем

Code

/* Entries Style */
.eBlock {border:1px solid #252525;background:#FFFFFF;border-style:dotted;-webkit-border-radius: 10px........
/* ------------- */

Вот сам CSS код:

Code

/* Entries Style */
.eBlock {border:1px solid #252525;background:#FFFFFF;border-style:dotted;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
.eBlock:hover {background:#E0EEEE;cursor:pointer;}
.eTitle {background: url('') no-repeat; padding: 5px 0px 7px 10px !important; font-size:10pt;font-weight:bold;color:#000; font-style:normal;border-bottom-style:dashed;border-bottom-width:1px; font-family:Tahoma;}
.eTitle a:link {text-decoration:none; color:#363636;}
.eTitle a:visited {text-decoration:none; color:#363636;}
.eTitle a:hover {text-decoration:underline; color:#252525;}
.eTitle a:active {text-decoration:underline; color:#000;}

.eMessage {text-align:justify;padding:5px !important;font-size:10pt;font-family: Arial, serif;}
.eText {text-align:justify;padding:10px !important;}
.eDetails {border-top:1px dashed #cbcebc;border-bottom:0px dashed #cbcebc;color:#1A1A1A;padding:5px; text-align:left;font-size:8pt; background: #FFFFFF;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
.eDetails1 {border-top:1px dashed #cbcebc;border-bottom:0px dashed #cbcebc;color:#1A1A1A;padding:5px; text-align:left;font-size:8pt;background: #ebebeb;}
.eDetails2 {border-bottom:1px dashed #cbcebc;color:#1A1A1A;padding:0px; text-align:left;font-size:8pt;}
.eRating {font-size:9pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/803/7.gif') no-repeat 0px 0px;}
/* ------------- */

Что бы заменить цвет при наведении на новость вам нужно изменить вот эту строчку:

Code

.eBlock:hover {background:#E0EEEE;cursor:pointer;}

Где background:#E0EEEE; - это цвет который меняется при наведении

P.S. + я добавил еще круглые углы.