Задача:
1. Вывод новостей на главной странице в 2 колонки.
2. При переходе в категорию и т.п. в одну колонку.
Средства:
Стандартные средства движка ДЛЕ+CSS+HTML (никаких скриптов и примочек).
Удобные для вас редакторы или редактор.
Прямые руки.
Известные проблемы:
1. Бывают длинные заголовки новостей (на 2 и более строчки).
2. Разное количество символов в теле новости (от 1 до 1000+).
3. Изображения в теле новости (размер ограничен разумными пределами)
Все эти а так же специфические "проблемы" заставляющие новость менять высоту, думаю все известны, и каждый борется с ними по своему.
Постараемся решить их:
1. В main.tpl необходимо "отключить" тег {content} делаем это так:
[not-aviable=main]{content}[/not-aviable]
Спросите а почему его просто нельзя удалить?
Удалите и сами всё увидите :)
2. В нужном месте в main.tpl необходимо вставить этот код:
{custom category="2" template="half_story" aviable="main" from="0" limit="10" cache="yes"}
Где: category="2" - номер категории,
template="half_story" - наш шаблон (разберёмся с ним пожже)
from="0" limit="10" - ограничение количества отображаемых на странице новостей
cache="yes" - кеширование для уменьшения нагрузки на сайт
3. С этим разобрались? переходим к нашему шаблону.
Открываем half_story.tpl (если вдруг так случилось и у вас в папке с двигом нет шаблона half_story.tpl то возможно нужно переустановить дрова на видеокарту :))) (шутка)
Основное условие нашего шаба - он должен быть резиновым (хотя это не принципиально - всё можно решить.)
Вот допустим такой будет код нашего half_story.tpl:
<div class="post" style="float: left; width: 49%;">
<div class="title">
{title}
<p>автор: {author} | {date} | Просмотров: {views} [edit] Редактировать [/edit] </p>
</div>
<div class="post-content">
Всякая информация, одинаковая для каждой из новости.
<p class="tp" style="z-index:6;"><b>Новость)))<span>{short-story}</span></b></p>
<br><b>[full-link]Подробнее...[/full-link]</b>
</div>
<div class="post-footer">
<span>[com-link]Комментарии({comments-num})[/com-link]</span><span class="rating">{rating}</span>
</div>
</div>
- Обращаю внимание на первую строку: width: 49%; эту цифру подбераем методом научного тыка (или включаем мозги и считаем padding, margin и тому подобные непонятные цифры ;-D )
- Обращаю внимание на эту строку:
<p class="tp" style="z-index:6;"><b>Новость)))<span>{short-story}</span></b></p>
это всплывающая подсказка на CSS (учень кстати удобная)
Это стили:
.post {
background:#FFFFFF;
margin-bottom:20px;
border: 1px solid #9d9d9d;
}
(это дописываем в main.tpl либо в отдельный css - файл.)
<!--[if IE 6]>
<style type="text/css">
.tp b {behavior:url(hover.htc);}
.tp .hover {
border-bottom:red 1px dotted;
color:red;
}
.tp .hover span {
background:lightcyan;
border:silver 2px outset;
color:#000;
display:block;
padding:7px;
position:absolute;
top:2px;
left:5px;
z-index:10;
text-align:left;
width:250px;
}
</style>
<![endif]-->
Это как раз код всплывающей подсказки (отредактируете по своему вкусу))
Вот так мы решили сразу несколько проблем)). Новости выводятся в 2 колонки, заголовок, если он длинный - обрезается, новость показывает во всплывающей подсказке :))
Теперь решим вторую задачу:
Заключаем нащ див с float:left; а точнее даже стиль этого элемента в тег [aviable]
[aviable=main]style="float: left;" width="48%"[/aviable]
летитбит наверно,на депозите долго сумма набирается и очень много скачиваний не учитывают
Норм партнерка +вам
1under->4$ за 1000
А зачем им еще проекты?лучше бы свой улучшили
Это тут надо ждать 15 минут чтобы второй файл скачать?
уже какой ап застрял на 10 =))
naiveleti добавил 27.06.2009 в 10:09
правда и работы не веду
Хватит воровать мое объявление xD. Оно по ходу самое граммотное на форуме.
Моё круче и партфолио есть http://www.free-lance.ru/users/Naiveleti
Еще в движках dle нуленных в файле engine/engine.php есть примерно такая строчка
Её удолять надо чтобы не палиться;)
Частенько общаюсь при помощи видеовызова. Город Казань. Оператор МТС.
А я пробовал у меня к810,и у друга такой же ,так ничего и не получилось с видеовызовом,оператор мтс волгоград
ВОт хак на 4dle