آبشاری کردن منو قالب های جوملا 2.5 !!به راحتی!!!

[kiyan_SAd 13]

[ATTACH=CONFIG]3311[/ATTACH]

1- اولین کاری که میکنید در فایل index.php دایو مورد نظر را به صورت زیر مینویسید

<?php if ($this->countModules('topmenu')): ?>

<div class="moduletabletabs">

<jdoc:include type="modules" name="topmenu"/>

</div>

<?php endif; ?>

2 بعد کد های سی اس اس زیر را داخل فایل template.css بریزید

/* Moduletabs Menu*/

.moduletabletabs {

font: bold 1em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;

margin-right:100px;

margin-top:10px;

}

.moduletabletabs ul {

list-style:none;

background: transparent;

width:100%;

float:right;

margin:0;

padding:0;

direction: rtl;

}

.moduletabletabs ul li {

float:right;

margin:0;

width: auto;

}

.moduletabletabs ul li a{

display:block;

color:white;

text-decoration:none;

margin:0;

padding:7px 18px 5px 9px;

}

.moduletabletabs ul li a:hover{

color: #FFF;

background-color:#48d1cc;

border-radius:5px;

}

/* 2nd level*/

.moduletabletabs ul li ul {

left: -999em;

position: absolute;

width: auto;

}

.moduletabletabs ul li ul li {

float: none;

background-color:#48d1cc;

margin:1px auto;

}

.moduletabletabs ul li:hover ul

{

display: block;

left:auto;

}

.moduletabletabs ul li ul a {

color:black;

background-color:#48d1cc;

}

.moduletabletabs ul li ul li:hover{

background-color:#48d1cc;

}

.moduletabletabs ul li ul li:hover a{

color: white;

background-image: none;

}

/* moduletabletabs ENDS */

حالا به راحتی منوی قالب های جوملا 2.5 شما ابشاری شد !!!!!!!!!!!!!!!!

ویرایش شده در فروردین 92 توسط kiyan_SAd

[ehsan_1370 10]

آقا فقط می خوام بهت بگم دمت گرم همین