Форум Сайтостроение Веб-строительство

Модификация вывода категорий (DLE)

S
На сайте с 18.10.2013
Offline
1
sullennv
1229

Добрый вечер!

Я решил модифицировать вывод категорий при помощи файла catlist.php из шаблона MultiFun так, что бы рядом с категориями выводилась иконка. Добился этого при помощи вывода картинки с указанием ID категории ([id].png). Может есть и другие, более простые методы решить эту задачу, буду рад советам и урокам.

Но все таки я столкнулся с проблемой которую пока не могу решить - меню из категорий сползло и не складывается так как надо.

Вот модифицированный catlist.php:

<?php 
	$sql_result = $db->query("select ct.id, ct.alt_name, ct.name, ct.posi, ct.parentid, (select count(*) from ". PREFIX ."_post ps where ps.category = ct.id AND (DATE_FORMAT(date, '%Y%m%d')=CURDATE()) AND approve = '1') as new_, (select count(*) from ". PREFIX ."_post ps where ps.category = ct.id AND approve = '1') as allnews_ from ". PREFIX ."_category ct ORDER BY ct.posi");
	while($row = $db->get_row($sql_result)){
		if ($row['parentid']=='0') 
		echo('<li><img style="padding-top:2px;" src="***'.($row['id']).'.png"/> <a href="'.$config['http_home_url'].$row['alt_name'].'/">'.$row['name'].'</a> ['.($row['allnews_']).']</li>');
		else
		echo('<li class="subcat"><img style="padding-top:2px;" src="***'.($row['id']).'.png"/> <a href="'.$config['http_home_url'].$row['alt_name'].'/">'.$row['name'].'</a> ['.($row['allnews_']).']</li>');
	}
?>

Как решить данную проблему?

S
На сайте с 18.10.2013
Offline
1
sullennv
#1

Неужели никто не знает?

rammlied
На сайте с 13.04.2011
Offline
56
rammlied
#2

Вроде неплохо сделали, а то что сползло легко решается настройкой CSS.

Для начала прям в браузере поэкспериментируйте со стилем этих элементов, а потом перенесите в свой код.

делаю СДЛы, получаются ГСы )
S
На сайте с 18.10.2013
Offline
1
sullennv
#3

В том то и проблема, эксперименты были, но решение в CSS не нашел.

U
На сайте с 17.10.2013
Offline
0
utrele
#4

Задайте этот вопрос на dle-faq

rammlied
На сайте с 13.04.2011
Offline
56
rammlied
#5

не нашли, не означает что нельзя найти. покажите пациента, посмотрю

S
На сайте с 18.10.2013
Offline
1
sullennv
#6

Сам список задается выше, а вот стили:

.catlist {background: url(../images/bg-mainblocks.png) repeat-y 50% 0px; margin: 9px 0px 11px 1px; overflow: hidden; zoom: 1;}
.catlist-wrap-top {background: url(../images/bg-mainblocks.png) no-repeat 0px 0px;}
.catlist ul {background: url(../images/bg-mainblocks.png) no-repeat 100% 100%; overflow: hidden; zoom: 1; padding: 14px 0px 15px 18px;}
.catlist li {float: left; width: 200px; color: #808080; font: 1.1em Arial, Helvetica, Sans-serif; padding-bottom: 2px;}
.catlist li b {color: #343434; font-size: 1.3em;}
.catlist li a {color: #00a8c6; text-decoration: underline;}
.catlist li a:hover {text-decoration: none;}
rammlied
На сайте с 13.04.2011
Offline
56
rammlied
#7

Нет уж, так я ничего не пойму, мне нужна сама разметка.

Ладно, не хотите светить сайт, идите к гадалке.

S
На сайте с 18.10.2013
Offline
1
sullennv
#8

Вот разметка из всего main.tpl

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{headers}
<link rel="stylesheet" type="text/css" href="{THEME}/css/style.css" media="screen" />
<script type="text/javascript" src="{THEME}/css/jquery.js"></script>
<script type="text/javascript" src="{THEME}/css/tools.js"></script>
<script type="text/javascript" src="{THEME}/css/lib.js"></script>
</head>
<body>
{AJAX}
<!-- Тело страницы -->
<div class="page">
  <!-- Левая колонка -->
  <div class="leftcol">
    <div class="header">
      <div class="logo"><a href="/">Soft4Your<span>Life</span></a></div>
      <ul>
        <li><a href="/" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://nokia-fans.com/'); return false;">Сделать стартовой</a></li>
        <li><a href="/" rel="sidebar" onclick="window.external.AddFavorite(location.href,'Nokia-Fans.Com'); return false;">Добавить в избранное</a></li>
      </ul>
    </div>
    <div class="catlist">
      <div class="catlist-wrap-top">
        <ul>
          {include file="catlist.php"}
        </ul>
      </div>
    </div>
    <h3>Лучшее на сайте</h3>
    <div class="best">
      <div class="best-wrap">
        <div class="scroller">
          <div class="fader-left"></div>
          <div class="fader-right"></div>
          <a href="javascript:void(0)" class="prev" title="Листать назад"></a>
          <a href="javascript:void(0)" class="next" title="Листать вперёд"></a>
          <div class="scrollable">
            <div class="items">
              {include file="topnews.php"}
            </div>
          </div>
        </div>
      </div>
    </div>
    [sort]<div class="sorter">{sort}</div>[/sort]
    {info}{content}
  </div>
  <!-- Правая колонка -->
  <div class="rightcol">
    {login}
    <h3>Поиск</h3>
    <div class="block search-block">
      <div class="block-wrap-top">
        <div class="block-wrap-bottom">
          <form method="post">
          <input type="hidden" name="do" value="search" />
          <input type="hidden" name="subaction" value="search" />
          <input name="story" type="text" class="search" />
          <input type="submit" value="Поиск" class="button" />
          <div><a href="/do=search&mode=advanced">Расширенный поиск</a></div>
          </form>
        </div>
      </div>
    </div>
    <h3>Популярное</h3>
    <div class="block popular-block">
      <div class="block-wrap-top">
        <div class="block-wrap-bottom">
          {include file="popular.php"}
        </div>
      </div>
    </div>
    <h3>Облако тегов</h3>
    <div class="block">
      <div class="block-wrap-top">
        <div class="block-wrap-bottom">
          {tags}
        </div>
      </div>
    </div>
    <h3>Архив</h3>
    <div class="block">
      <div class="block-wrap-top">
        <div class="block-wrap-bottom">
          {archives}
        </div>
      </div>
    </div>
    <h3>Календарь</h3>
    <div class="block">
      <div class="block-wrap-top">
        <div class="block-wrap-bottom">
          {calendar}
        </div>
      </div>
    </div>
    <h3>Друзья</h3>
    <div class="block">
      <div class="block-wrap-top">
        <div class="block-wrap-bottom">
			<a href="/" target="_blank" title="Клуб любителей продукции Nokia"><b>Клуб любителей продукции Noki</b></a>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Подвал -->
<div class="footer">
  <div class="footer-text">
      <p><strong><a href="/">Шаблон MultiFun by CSR</a> &copy; 2009</strong></p>
      <p>Перепечатка материалов и использование их в любой форме, в том числе и в электронных СМИ, возможны только с письменного разрешения администрации сайта. При этом ссылка на сайт обязательна.</p>
  </div>
  <ul class="footer-banner">
    <li><img src="{THEME}/images/banner-1.png" width="88" height="31" alt="" /></li>
    <li><img src="{THEME}/images/banner-2.png" width="88" height="31" alt="" /></li>
  </ul>
</div>
</body>
</html>
<!-- www.verstka.pro -->


---------- Добавлено 22.10.2013 в 18:47 ----------

rammlied:
Нет уж, так я ничего не пойму, мне нужна сама разметка.
Ладно, не хотите светить сайт, идите к гадалке.

Спасибо за попытку помочь=)

Все решили 2 строчки:

width: 13px;

height: 13px;

rammlied
На сайте с 13.04.2011
Offline
56
rammlied
#9

ну вот видите.

В след раз открывайте сайт в хроме, клацаете по нужной зоне правой кнопкой

"Просмотр кода элемента" и меняете стили справа и сразу видите изменения...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий