CSS style categories

[parek4u]

Ahoj

 

kde můžu nastavit jiný styl v categories hlavní kategorii než subkategorii ?

 

pracuji se soubory :

 

/modules/blockcategories/categories.tpl

themes/prestashop/css/modules/blockcategories/blockcategories.css

 

Jde mi o to že mám celé menu vypsáno pod sebou žádne rozbalovací menu a podobně, ale potřebuji odlišit zobrazování kategorie a subkategorie například jiným pozadím.

 

díky za rady

[JAKCRABBIT]

Zkus tohle, třeba se od toho odpíchneš, jinak všechno přes css:

 

#categories_block_left UL			   {margin: 0;}
#categories_block_left UL UL		    {margin: 7px 0 12px 0;}
#categories_block_left UL LI		    {margin: 0; padding: 0;}
#categories_block_left UL UL LI		 {margin: 3px 0 0 21px; padding: 0 0 0 10px; background: url(../img/bgmenu2.gif) 0 8px no-repeat;}
#categories_block_left UL A			 {color: #000; background: url(../img/bgmenu.gif) no-repeat; font-weight: bold; text-decoration: none; padding: 9px 10px 8px 32px; display: block;}
#categories_block_left UL A:hover	   {color: #aa0048;}
#categories_block_left UL UL A		  {font-weight: normal; background: transparent; text-decoration: underline; display: inline; padding: 0;}
#categories_block_left UL UL A:hover    {text-decoration: none;}
#categories_block_left UL .selected  {color: #aa0048; text-decoration: none;}
#categories_block_left UL UL .selected  {font-weight: bold;}

[parek4u]

Díky moc za radu , super pomohlo to tak jak jsem potřeboval.

Jen se mi stále nedaří nastavit do hover změnu obrázku na pozadí.

 

Mám problém s nastavením pevné velikosti obrázku na pozadí odkazu. Bohužel se vždy obrázek na pozadí nastaví jen na velikost a délku textu. Nevíte někdo jak na to ?

 

 

 

#categories_block_left UL						  {margin: 0;}
#categories_block_left UL UL			    {}
#categories_block_left UL LI			    {margin: 0; padding: 0;}
#categories_block_left UL UL LI		  {width:246px;height:33px; background: url(http://www.pyzamko.cz/themes/prestashop/img/images/button.jpg)}
#categories_block_left UL A					  {color: #ffffff;width:261px;height:39px;line-height:39px; background: url(http://www.pyzamko.cz/themes/prestashop/img/images/top_menu_1.jpg) no-repeat; font-weight: bold; text-decoration: none; padding:0px 0px 0px 0px; display: block;}
#categories_block_left UL A:hover		  {}
#categories_block_left UL UL A		    {color: #000000;font-weight: normal; background: transparent; text-decoration: none; display: inline; padding: 0;}
#categories_block_left UL UL A:hover    {width:246px;height:33px; background: url(http://www.pyzamko.cz/themes/prestashop/img/images/button2.jpg);text-decoration: none;text-decoration: underline;color: purple;}
#categories_block_left UL .selected  {color: #aa0048; text-decoration: none;}
#categories_block_left UL UL .selected  {font-weight: bold;}

 

web : pyzamko.cz

 

jedná se mi pouze o nastavení #categories_block_left UL UL A:hover kam potrebuji umistit background image s jeho zkutecnou velikosti která je width:246px;height:33px;

 

Díky za jakékoliv rady

[wecker]

Díky moc za radu , super pomohlo to tak jak jsem potřeboval.

Jen se mi stále nedaří nastavit do hover změnu obrázku na pozadí.

 

Mám problém s nastavením pevné velikosti obrázku na pozadí odkazu. Bohužel se vždy obrázek na pozadí nastaví jen na velikost a délku textu. Nevíte někdo jak na to ?

 

 

 

#categories_block_left UL						  {margin: 0;}
#categories_block_left UL UL				{}
#categories_block_left UL LI				{margin: 0; padding: 0;}
#categories_block_left UL UL LI		  {width:246px;height:33px; background: url(http://www.pyzamko.cz/themes/prestashop/img/images/button.jpg)}
#categories_block_left UL A					  {color: #ffffff;width:261px;height:39px;line-height:39px; background: url(http://www.pyzamko.cz/themes/prestashop/img/images/top_menu_1.jpg) no-repeat; font-weight: bold; text-decoration: none; padding:0px 0px 0px 0px; display: block;}
#categories_block_left UL A:hover		  {}
#categories_block_left UL UL A			{color: #000000;font-weight: normal; background: transparent; text-decoration: none; display: inline; padding: 0;}
#categories_block_left UL UL A:hover	{width:246px;height:33px; background: url(http://www.pyzamko.cz/themes/prestashop/img/images/button2.jpg);text-decoration: none;text-decoration: underline;color: purple;}
#categories_block_left UL .selected  {color: #aa0048; text-decoration: none;}
#categories_block_left UL UL .selected  {font-weight: bold;}

 

web : pyzamko.cz

 

jedná se mi pouze o nastavení #categories_block_left UL UL A:hover kam potrebuji umistit background image s jeho zkutecnou velikosti která je width:246px;height:33px;

 

Díky za jakékoliv rady

 

tak pozadi odkazu mas vzdy jen do velikosti odkazu (resp. objektu kteremu to nastavujes). Nejsem si uplne jisty co presne chces, ale pokud nastavis na ty odkazy padding tak tim muzes zvetsit ten odkaz takze i pozadi