How change the style of menus on Joomla Adsmanager component
September 24, 2010
If you want to change the style of menus on Joomla Adsmanager component, This article is for you..
Firstly Let's change Top Menus
1. -> Go ../components/com_adsmanager/css
2. -> Open "adsmanager.css" file
3. -> then insert following code on it and save
/* start new code */
.adsmanager_innermenu a{
width:75px;
padding-top:5px;
height:25px;
float:left;
display:block;
background:#dedede;
color:#222;
text-decoration:none;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:2px solid #000;
border-bottom:2px solid #000;
font-size: 14px;
text-align:center;
font-family: tahoma, arial, sans-serif;
}
.adsmanager_innermenu a:hover{
background:#ededed;
text-decoration:none;
}
/* end new code */
If you want to use image for the buttons you can do it by giving image path like "background:url(path/here)" with your css knowledge...
4. -> Then goto ../components/com_adsmanager/
Open "adsmanager.html.php" file
Then search for "adsmanager_innermenu"
You will some code like these in that division
echo '<a href="'.$link_write_ad.'">'.ADSMANAGER_MENU_WRITE.'</a> | ';
echo '<a href="'.$link_show_all.'">'.ADSMANAGER_MENU_ALL_ADS.'</a> | ';
echo '<a href="'.$link_show_profile.'">'.ADSMANAGER_MENU_PROFILE.'</a> | ';
echo '<a href="'.$link_show_user.'">'.ADSMANAGER_MENU_USER_ADS.'</a> | ';
echo '<a href="'.$link_show_rules.'">'.ADSMANAGER_MENU_RULES.'</a>';
Now modify it by removing "|" like this
echo '<a href="'.$link_write_ad.'">'.ADSMANAGER_MENU_WRITE.'</a>';
echo '<a href="'.$link_show_all.'">'.ADSMANAGER_MENU_ALL_ADS.'</a>';
echo '<a href="'.$link_show_profile.'">'.ADSMANAGER_MENU_PROFILE.'</a>';
echo '<a href="'.$link_show_user.'">'.ADSMANAGER_MENU_USER_ADS.'</a>';
echo '<a href="'.$link_show_rules.'">'.ADSMANAGER_MENU_RULES.'</a>';
Save it.
Now you will see new menus like this..
Now let's change the menus of categories
1. -> Goto ../components/com_adsmanager/css
open "adsmanager.css"
then insert following code on it
/* start new code */
.adsmanager_subcats a{
width:60px;
padding-top:3px;
height:17px;
float:left;
display:block;
background:#dedede;
color:#222;
text-decoration:none;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:2px solid #000;
border-bottom:2px solid #000;
font-size: 13px;
text-align:center;
font-family: tahoma, arial, sans-serif;
}
.adsmanager_subcats a:hover{
background:#ededed;
text-decoration:none;
}
/* end new code */
save it.
2. -> Goto ../components/com_adsmanager/
open "adsmanager.html.php"
Search for "adsmanager_subcats"
then you will see that division like this
<div class="adsmanager_subcats">
<?php
$nb = count($subcats);
if ($nb != 0)
{
for ($i = 0 ; $i < $nb - 1;$i++) {
echo '<a href="'.$subcats[$i]->link.'">'.$subcats[$i]->text.'</a>';
echo ' | ';
}
echo '<a href="'.$subcats[$nb - 1]->link.'">'.$subcats[$nb - 1]->text.'</a>';
}
?>
</div>
now modify the code by removing the "echo ' | '; " line like
<div class="adsmanager_subcats">
<?php
$nb = count($subcats);
if ($nb != 0)
{
for ($i = 0 ; $i < $nb - 1;$i++) {
echo '<a href="'.$subcats[$i]->link.'">'.$subcats[$i]->text.'</a>';
}
echo '<a href="'.$subcats[$nb - 1]->link.'">'.$subcats[$nb - 1]->text.'</a>';
}
?>
</div>
save it.
now you will see menus like this
The End.
Firstly Let's change Top Menus
1. -> Go ../components/com_adsmanager/css
2. -> Open "adsmanager.css" file
3. -> then insert following code on it and save
/* start new code */
.adsmanager_innermenu a{
width:75px;
padding-top:5px;
height:25px;
float:left;
display:block;
background:#dedede;
color:#222;
text-decoration:none;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:2px solid #000;
border-bottom:2px solid #000;
font-size: 14px;
text-align:center;
font-family: tahoma, arial, sans-serif;
}
.adsmanager_innermenu a:hover{
background:#ededed;
text-decoration:none;
}
/* end new code */
If you want to use image for the buttons you can do it by giving image path like "background:url(path/here)" with your css knowledge...
4. -> Then goto ../components/com_adsmanager/
Open "adsmanager.html.php" file
Then search for "adsmanager_innermenu"
You will some code like these in that division
echo '<a href="'.$link_write_ad.'">'.ADSMANAGER_MENU_WRITE.'</a> | ';
echo '<a href="'.$link_show_all.'">'.ADSMANAGER_MENU_ALL_ADS.'</a> | ';
echo '<a href="'.$link_show_profile.'">'.ADSMANAGER_MENU_PROFILE.'</a> | ';
echo '<a href="'.$link_show_user.'">'.ADSMANAGER_MENU_USER_ADS.'</a> | ';
echo '<a href="'.$link_show_rules.'">'.ADSMANAGER_MENU_RULES.'</a>';
Now modify it by removing "|" like this
echo '<a href="'.$link_write_ad.'">'.ADSMANAGER_MENU_WRITE.'</a>';
echo '<a href="'.$link_show_all.'">'.ADSMANAGER_MENU_ALL_ADS.'</a>';
echo '<a href="'.$link_show_profile.'">'.ADSMANAGER_MENU_PROFILE.'</a>';
echo '<a href="'.$link_show_user.'">'.ADSMANAGER_MENU_USER_ADS.'</a>';
echo '<a href="'.$link_show_rules.'">'.ADSMANAGER_MENU_RULES.'</a>';
Save it.
Now you will see new menus like this..
Now let's change the menus of categories
1. -> Goto ../components/com_adsmanager/css
open "adsmanager.css"
then insert following code on it
/* start new code */
.adsmanager_subcats a{
width:60px;
padding-top:3px;
height:17px;
float:left;
display:block;
background:#dedede;
color:#222;
text-decoration:none;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:2px solid #000;
border-bottom:2px solid #000;
font-size: 13px;
text-align:center;
font-family: tahoma, arial, sans-serif;
}
.adsmanager_subcats a:hover{
background:#ededed;
text-decoration:none;
}
/* end new code */
save it.
2. -> Goto ../components/com_adsmanager/
open "adsmanager.html.php"
Search for "adsmanager_subcats"
then you will see that division like this
<div class="adsmanager_subcats">
<?php
$nb = count($subcats);
if ($nb != 0)
{
for ($i = 0 ; $i < $nb - 1;$i++) {
echo '<a href="'.$subcats[$i]->link.'">'.$subcats[$i]->text.'</a>';
echo ' | ';
}
echo '<a href="'.$subcats[$nb - 1]->link.'">'.$subcats[$nb - 1]->text.'</a>';
}
?>
</div>
<div class="adsmanager_subcats">
<?php
$nb = count($subcats);
if ($nb != 0)
{
for ($i = 0 ; $i < $nb - 1;$i++) {
echo '<a href="'.$subcats[$i]->link.'">'.$subcats[$i]->text.'</a>';
}
echo '<a href="'.$subcats[$nb - 1]->link.'">'.$subcats[$nb - 1]->text.'</a>';
}
?>
</div>
now you will see menus like this
The End.
Posted In : Joomla