|
Translate |
Print |
A |
A |
A |
to
Convert
canarkadaş™
1) İndirdiğiniz 5men adlı menü dosyasını sunucunuza atın Alttaki kodu header.php de </head> kodu üstüne ekleyin ve adresleri kenidinize göre düzenleyin (5men dosyasının yolunu yazın).
<!-- (c) Luis Enrique Huancapaza Condori -->
<script src="http//www.amarat.com/5men/prototype.js" type="text/javascript"></script>
<script src="http://www.amarat.com/5men/ricoCommon.js" type="text/javascript"></script>
<script src="http://www.amarat.com/5men/ricoEffects.js" type="text/javascript"></script>
<script src="http://www.amarat.com/5men/ricoAccordion.js" type="text/javascript"></script>
<style type="text/css">
body{
font-size:12px;
}
.accordion-sliders .accordion-tab {
margin: 0;
color: #666;
cursor: pointer;
border-style:solid;
border-width:1px;
}
.accordion-sliders .accordion-pane { padding:2px; }
/**/
.accordion-sliders .accordion-color { background: #f6f6f6; color: #666; }
.accordion-sliders .accordion-cont { height: 0px; background: #f6f6f6; padding:"5px"}
/**/
.accordion-down { padding:2px; }
.accordion-sliders .accordion-tab {
cursor: pointer;
font-family: arial;
}
.marco{
float:left;
width:260px;
height:380px;
}
.marco1{
clear:both;
}
.accordion-contents{
padding:10px;
font-weight:normal;
font-family:arial;
font-size:12px;
}
.accordion-contents2{
padding:10px;
font-family:times;
font-size:13px;
}
</style>
<script>
function iniciar(){
var auto_normal_accordion_options={
panelWidth:250,
panelHeight:"auto",
tabLocation:'inline',
onLoadShowTab:2,
expandedBg:"#f6f6f6",
collapsedBg:"#f6f6f6",
hoverBg:"#f0f0f0",
hoverTextColor:"#222",
collapsedTextColor:"#666",
borderColor:"#ccc",
expandedTextColor:"#666",
fixborders:true //look at this whe you apply padding
};
var auto_retract_normal_accordion_options={
panelWidth:250,
panelHeight:"auto",
tabLocation:'inline',
onLoadShowTab:-2,
expandedBg:"#f6f6f6",
collapsedBg:"#f6f6f6",
hoverBg:"#f0f0f0",
hoverTextColor:"#222",
collapsedTextColor:"#666",
borderColor:"#ccc",
expandedTextColor:"#666",
fixborders:true //look at this whe you apply padding
};
//Ajax modificado
new Rico.Accordion($('auto_normal_accordion'), auto_normal_accordion_options);
new Rico.Accordion($('auto_retract_normal_accordion'),auto_retract_normal_accordion_options);
}
</script>
2) header.php de <body> kodunu alttaki gibi değiştirin, (başka açılıp kapanan scriptler varsa bu koddan sonra çalışmyabilir.)
<body onload="iniciar();">
3) Alttaki kodu temanızda menünün görünmesini istediğiniz yere koyun. (önce bir yanmenüde deneyin çalışıyormu diye çünkü ben tüm menüleri yan menüde denedim çalıştı)
Daha fazla fikir edinmek için menü dosyası içindeki men5.html dosyasını notpad ile açıp kodlara bakın.
<div class="marco1">
</div>
<div>
<div class="marco">
<div id="auto_normal_accordion" class="accordion-sliders">
<div id="overviewPanel" class="accordion-pane">
<div id="overviewHeader" class="moofx-toggler accordion-tab accordion-down hhh accordion-color">
canarkadaş
</div>
<div id="panel1Content" class="moofx-slider accordion-cont">
<div class="accordion-contents">
İyi zamanlaRA.
</div>
</div>
</div>
<div id="overviewPane2" class="accordion-pane">
<div id="overviewHeader" class="moofx-toggler accordion-tab accordion-down hhh accordion-color">
Einstein
</div>
<div id="panel1Content" class="moofx-slider accordion-cont">
<div class="accordion-contents">
Yes, we have to divide up our time like that, between our politics and our equations. But to me our equations are far more important, for politics are only a matter of present concern. A mathematical equation stands forever.
</div>
</div>
</div>
<div id="overviewPane2" class="accordion-pane">
<div id="overviewHeader" class="moofx-toggler accordion-tab accordion-down hhh accordion-color">
Sophia Loren
</div>
<div id="panel1Content" class="moofx-slider accordion-cont">
<div class="accordion-contents">
Getting ahead in a difficult profession requires avid faith in yourself. That is why some people with mediocre talent, but with great inner drive, go much further than people with vastly superior talent.
</div>
</div>
</div>
<div id="overviewPane2" class="accordion-pane">
<div id="overviewHeader" class="moofx-toggler accordion-tab accordion-down hhh accordion-color">
Sir Walter Raleigh
</div>
<div id="panel1Content" class="moofx-slider accordion-cont">
<div class="accordion-contents">
Remember, that if thou marry for beauty, thou bindest thyself all thy life for that which perchance will neither last nor please thee one year; and when thou hast it, it will be to thee of no price at all; for the desire dieth when it is attained, and the affection perisheth when it is satisfied.
</div>
</div>
</div>
</div>
</div>
|
