Bun venit pe Forumul Andrei

Daca vezi aceasta pagina inseamna ca nu ai cont sau nu esti logat.
Daca doresti doar sa vizualizezi forumul poti apasa pe "x-ul" din dreapta si acesta imagine nu va mai fi afisata.

Pentru o vizualizare cat mai buna a acestui forum recomandam
8
Va uram o zi buna in continuare si o navigare cat mai placuta pe acest forum !


   
AcasaSustineFAQInregistrareConectareCautareCalendar
Twitter



Horizontal Accordion script

Navigare :: Scripturi si tutoriale :: Scripturi
AutorMesaj
 nick
avatar
Rang: Administrator


MesajSubiect: Horizontal Accordion script Mar Iun 22, 2010 3:34 am  
Cod:
<!--Make sure your page contains a valid doctype at the very top-->

<link rel="stylesheet" type="text/css" href="http://forumulandrei.webs.com/Horizontal%20Accordion%20script/haccordion.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://forumulandrei.webs.com/Horizontal%20Accordion%20script/haccordion.js">

</script>

<style type="text/css">

/*CSS for example Accordion #hc1*/

#hc1 li{
margin:0 3px 0 0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: lightblue;
}

/*CSS for example Accordion #hc2*/

#hc2 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 12px solid black;
}

#hc2 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: #E2E9FF;
cursor: hand;
cursor: pointer;
}

</style>

<script type="text/javascript">

haccordion.setup({
   accordionid: 'hc1', //main accordion div id
   paneldimensions: {peekw:'50px', fullw:'400px', h:'158px'},
   selectedli: [0, true], //[selectedli_index, persiststate_bool]
   collapsecurrent: false //<- No comma following very last setting!
})

haccordion.setup({
   accordionid: 'hc2', //main accordion div id
   paneldimensions: {peekw:'30px', fullw:'450px', h:'150px'},
   selectedli: [-1, true], //[selectedli_index, persiststate_bool]
   collapsecurrent: true //<- No comma following very last setting!
})

</script>

<div id="hc1" class="haccordion">
   <ul>

   <li>
      <div class="hpanel">
      <img src="http://img502.imageshack.us/img502/746/thailand.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />The Andaman Sea is regarded as Thailand's most precious natural resource as it hosts the most popular and luxurious resorts in Asia.
      </div>
   </li>

   <li>
      <div class="hpanel">
      <img src="http://img264.imageshack.us/img264/7199/japan.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />Japan is a constitutional monarchy where the power of the Emperor is very limited.
      </div>
   </li>

   <li>
      <div class="hpanel">
      <img src="http://img101.imageshack.us/img101/516/mayai.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />Malaysia is a South Asian country rich in natural resources in areas such as agriculture, forestry and minerals.
      </div>
   </li>

   <li>
      <div class="hpanel">
      <img src="http://img194.imageshack.us/img194/9553/camam.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />Agriculture has long been the most important sector of the Cambodian economy.
      </div>
   </li>

   <li>
      <div class="hpanel">
      <img src="http://img408.imageshack.us/img408/5751/langkawi.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />Langkawi is particularly known for its beaches which are among the best in Malaysia.
      </div>
   </li>

   </ul>
</div>



Parte din cod pe care o modifici este urmatoarea:

Cod:
<div id="hc1" class="haccordion">
   <ul>

   <li>
      <div class="hpanel">
      <img src="http://img502.imageshack.us/img502/746/thailand.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />The Andaman Sea is regarded as Thailand's most precious natural resource as it hosts the most popular and luxurious resorts in Asia.
      </div>
   </li>

   <li>
      <div class="hpanel">
      <img src="http://img264.imageshack.us/img264/7199/japan.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />Japan is a constitutional monarchy where the power of the Emperor is very limited.
      </div>
   </li>

   <li>
      <div class="hpanel">
      <img src="http://img101.imageshack.us/img101/516/mayai.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />Malaysia is a South Asian country rich in natural resources in areas such as agriculture, forestry and minerals.
      </div>
   </li>

   <li>
      <div class="hpanel">
      <img src="http://img194.imageshack.us/img194/9553/camam.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />Agriculture has long been the most important sector of the Cambodian economy.
      </div>
   </li>

   <li>
      <div class="hpanel">
      <img src="http://img408.imageshack.us/img408/5751/langkawi.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />Langkawi is particularly known for its beaches which are among the best in Malaysia.
      </div>
   </li>

   </ul>
</div>

Daca vrei sa modifci si codul js si css le gasesti aici:

=>[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
=>[Trebuie sa fiti inscris si conectat pentru a vedea acest link]





[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
 stefannn
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Horizontal Accordion script Joi Oct 28, 2010 10:41 am  
De cand cautam codul asta laughing foarte folositor!
 George130
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Horizontal Accordion script Vin Oct 29, 2010 9:52 am  
Foarte frumos modul in care poti vizualiza pozele si cu tot cu prezentarea bravo nick.
 marius123
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Horizontal Accordion script Mar Dec 14, 2010 10:42 am  
e asa si asa, adik nui nici prea prea nici foarte foarte
 Pa!NT
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Horizontal Accordion script Mar Dec 14, 2010 11:38 am  
Mie unul îmi place Very Happy Bună treabă !
 Continut sponsorizat
Rang:


MesajSubiect: Re: Horizontal Accordion script  

*Scrie romaneste
*Sterg mesajele inutile sau scrise cu CAPS
*Nu fa spam
*Linkurile relevante în context sunt binevenite.

Transferul se face din contul dumnevoastra de Paypal




Copyright © 2008-2014 Forumul Andrei. Toate drepturile rezervate. Termeni si conditii
Aspect creat si codat de Alexandru Miron & Nick

.