dmidon

Выделение Пунктов Меню

Рекомендуемые сообщения

dmidon    0

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

В CSS такое сделать не смог, поскажите пожалуйста как сделать такое

post-4487-0-11772300-1297338560_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
afwollis    1 099

Покажите, как формируется этот список (код из контроллера модуля).

Напишите, что пытались делать в css.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dmidon    0

Вот код:

<?php  
class ControllerModuleCategory extends Controller {
protected $category_id = 0;
protected $path = array();

protected function index() {
	$this->language->load('module/category');

   	$this->data['heading_title'] = $this->language->get('heading_title');

	$this->load->model('catalog/category');
	$this->load->model('tool/seo_url');

	if (isset($this->request->get['path'])) {
		$this->path = explode('_', $this->request->get['path']);

		$this->category_id = end($this->path);
	}

	$this->data['category'] = $this->getCategories(0);

	$this->id = 'category';

	if (file_exists(DIR_TEMPLATE . $this->config->get('config_template') . '/template/module/category.tpl')) {
		$this->template = $this->config->get('config_template') . '/template/module/category.tpl';
	} else {
		$this->template = 'default/template/module/category.tpl';
	}

	$this->render();
 	}

protected function getCategories($parent_id, $current_path = '') {
	$category_id = array_shift($this->path);

	$output = '';

	$results = $this->model_catalog_category->getCategories($parent_id);

	if ($results) { 
		$output .= '<ul>';
   	}

	foreach ($results as $result) {	
		if (!$current_path) {
			$new_path = $result['category_id'];
		} else {
			$new_path = $current_path . '_' . $result['category_id'];
		}

		$output .= '<li>';

		$children = '';


			$children = $this->getCategories($result['category_id'], $new_path);


		if ($this->category_id == $result['category_id']) {
			$output .= '<a href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '"><b>' . $result['name'] . '</b></a>';
		} else {
			$output .= '<a href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '">' . $result['name'] . '</a>';
		}

       	$output .= $children;

       	$output .= '</li>'; 
	}

	if ($results) {
		$output .= '</ul>';
	}

	return $output;
}		
}
?>

В CSS добавлял

font-weight: 700;
только жирным делается все пункты.

В идеалебы сделать еще крупнее основные пункты, но если получиться сделать жирным то получиться и большим)

Понимаю, что надо как то прописывать отдельный стиль (может быть) или что то делать в не в SCC?

Изменено пользователем afwollis
php -> [PHP] + [spoiler], css -> [CODE]

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
afwollis    1 099

На сообщения, содержащие код, не заключенный в один из тегов

[CODE], [PHP], [HTML], [SQL][/code]
[color="#FF0000"]ОТВЕЧАТЬ БОЛЬШЕ НЕ БУДУ[/color]

= = =

[quote]В CSS добавлял
[code]font-weight: 700;[/code][/quote]
[color="#FF0000"][b]МАТЧАСТЬ[/b][/color]  :angry: 

= = =

перед
[code]foreach ($results as $result) { 
                        if (!$current_path) {
                                $new_path = $result['category_id'];[/code]
вставить
[code]/* blah-blah - start */
$wCatClass = "";
$wCatClassName = "";

if ($parent_id == 0) {
    $wCatClassName = "wtop-level-categories";
} else {
    $wCatClassName = "";
}

if (!empty($wCatClassName)) {
    $wCatClass = "class=\"".$wCatClassName."\" ";
}
/* blah-blah - end */[/code]

поменять
[code]                        if ($this->category_id == $result['category_id']) {
                                $output .= '<a href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '"><b>' . $result['name'] . '</b></a>';
                        } else {
                                $output .= '<a href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '">' . $result['name'] . '</a>';
                        }[/code]
на
[code]                        if ($this->category_id == $result['category_id']) {
                                $output .= '<a '.$wCatClass.'href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '"><b>' . $result['name'] . '</b></a>';
                        } else {
                                $output .= '<a '.$wCatClass.'href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '">' . $result['name'] . '</a>';
                        }[/code]

css (как-то так)
[code]#category a.wtop-level-categories, #category a:visited.wtop-level-categories {
font: bold 17px sans-serif;
}
Изменено пользователем afwollis
поправил код: ".$wCatClass." -> '.$wCatClass.'

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dmidon    0

CSS похоже не совсем в нужном виде, что то не получается(

Класс прописался, а CSS не подцепляется

Изменено пользователем afwollis
борюсь с "оверквотингом" :(

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
afwollis    1 099

попробуйте так

#category ul.wtop-level-categories {
font: bold 17px;
}
вставлять после

#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png');
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dmidon    0

А ведь заработало

с CSS из первого варианта (видимо ошибся я где то)

Еще добавил text-transform: uppercase; - все буквы заглавными и цвет поменял, какая красота! Спасибо

Изменено пользователем dmidon
цитаты не код - их прятать в теги кода не надо. но и цитировать без причин тоже не стоит

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу