login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Joomla, template, round coners

Offline tomie94 - 21/01/2009 20:28 (laatste wijziging 21/01/2009 20:29)
Avatar van tomie94PHP interesse Hallo,

Ik ben nu bezig om in joomla een template te maken, dit werkt nu aardig, maar ik loop tegen een ding. Mijn menus hebben ronde hoeken, dus boven en onder, nu heb ik voor de bovestende ronde hoek een knooppunt toegevoegd, dat is h1, en voor het middelstuk een knooppunt toegevoed, dat is ul. Maar in het stukje code kan ik geen aanknooppunten voor de onderste ronde hoek vinden, het is moeilijk om de code wat joomla genereerd te veranderen, en ik zou dus graag zonder de html te wijzigen, toch ook een ronde hoek te krijgen.

Ik heb nu dus nu de volgende html voor elk menuutje:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="module_menu">
  2. 	<div>
  3. 		<div>
  4. 			<div>
  5. 				<h3>Main Menu</h3>
  6. 				<ul class="menu">
  7. 						<li id="current" class="active item1"><a href="http://localhost/"><span>Home</span></a></li>
  8. 						<li class="parent item27"><a href="/index.php?option=com_content&amp;view=article&amp;id=19&amp;Itemid=27"><span>Joomla! Overzicht</span></a></li>
  9. 						<li class="item2"><a href="/index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=2"><span>Joomla! licentie</span></a></li>
  10. 						<li class="item37"><a href="/index.php?option=com_content&amp;view=section&amp;id=4&amp;Itemid=37"><span>Meer over Joomla!</span></a></li>
  11. 						<li class="item41"><a href="/index.php?option=com_content&amp;view=section&amp;id=3&amp;Itemid=41"><span>FAQ</span></a></li>
  12. 						<li class="item50"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=1&amp;Itemid=50"><span>Het nieuws</span></a></li>
  13. 						<li class="item48"><a href="/index.php?option=com_weblinks&amp;view=categories&amp;Itemid=48"><span>Weblinks</span></a></li>
  14. 						<li class="item49"><a href="/index.php?option=com_newsfeeds&amp;view=categories&amp;Itemid=49"><span>Nieuwsfeeds</span></a></li>
  15. 					</ul>					
  16. 			</div>
  17. 		</div>
  18. 	</div>
  19. </div>


en de volgende css:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .module_menu
  2. {
  3. 	margin-bottom: 10px;
  4. 	height: auto;
  5. 	width: 230px;
  6. }
  7. .module_menu ul.menu
  8. {
  9. 	margin: 0;
  10. 	height: auto;
  11. 	width: 218px;
  12. 	border-left: 1px solid #000;border-right: 1px solid #000;
  13. 	background-color: #FFF;
  14. 	padding: 5px;
  15. 	list-style-type: none;
  16. }
  17. .module_menu .bottom
  18. {
  19. 	width: 230px;
  20. 	height: 10px;
  21. 	margin: 0;
  22. 	background-image: url('../images/sidebar_b.gif');
  23. }
  24. .module_menu h3
  25. {
  26. 	height: 14px;
  27. 	width: 224px;
  28. 	color: #FFF;
  29. 	font-size: 12px;
  30.  
  31. 	margin: 0;
  32. 	padding: 3px;
  33. 	background-image: url('../images/sidebar_t_blue.gif');
  34. }


weet iemand hoe ik zonder een aanknoppunt toch de onderste ronde hoek kan krijgen?

Tom

1 antwoord

Gesponsorde links
Offline MiST - 22/01/2009 00:23
Avatar van MiST Lid ik heb er ook al vaker achter gezocht. Waar het uiteindelijk op neerkwam was een div-je rond de joomla menu module te zetten. Die heet mod_mainmenu_html.php of iets dergelijks. das het view bestand van het mainmenu.

<div> met eventuele classname op de eerste lijn, </div> op de laatste lijn.

dat werkte voor mij, al is proper iets anders... 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.163s