Jump to content
Sign in to follow this  
parek4u

CSS style categories

Recommended Posts

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

Share this post


Link to post
Share on other sites

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;}

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More