How change the style of menus on Joomla Adsmanager component
Posted by on Friday, September 24, 2010 Under: Joomla
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.
In : Joomla
Tags: "joomla" "adsmanager"