Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

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

Надіслати
Поділитися на інших сайтах


Вот код:

<?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]
Надіслати
Поділитися на інших сайтах


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

[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.'
Надіслати
Поділитися на інших сайтах

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

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

Змінено користувачем afwollis
борюсь с "оверквотингом" :(
Надіслати
Поділитися на інших сайтах


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

#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');
}
Надіслати
Поділитися на інших сайтах

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

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

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

Змінено користувачем dmidon
цитаты не код - их прятать в теги кода не надо. но и цитировать без причин тоже не стоит
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.