By lmmac on

am in need of creating menu bar in slide show as in http://sydney.edu.au/ in my drupal site.Can any1 suggest any solution....thanks in advance

⋅ Categories: Drupal 6.x

Comments

jan.stoeckler’s picture

jan.stoeckler
he/his
Primary language German
commented

Take a look at the views.accordion module: http://drupal.org/project/views_accordion. It serves a similar purpose, and it might be possible to change the "direction" of the "slides" from vertical to horizontal...

lmmac’s picture

lmmac commented

thanks for ur rply..... its working now, but i need it in horizontal block.... hw its possible? do i need to edit the pgm for that or any other option in view itself?????????
pls reply me.......... once again thank you so much for ur kind information!!!!!

lmmac’s picture

lmmac commented

could u plz tell me how can i change the direction of slides..........where can we find adjust settings of this module.....plz do help me!!!!!!!!!!!!!

jan.stoeckler’s picture

jan.stoeckler
he/his
Primary language German
commented

i'll look into this this weekend.

lmmac’s picture

lmmac commented

thank you so much!

jan.stoeckler’s picture

jan.stoeckler
he/his
Primary language German
commented

try this and see if it works... it should go in a *.css file of your theme like "style.css".

.accordion-active {
  clear: both;
}

.views-accordion-item .accordion-header, h3.accordion-header {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 0;
  word-wrap: break-word;
}

.accordion-content {
  float: left;
  overflow: hidden;
}

item-list.views-accordion {
  float: left;
}

/**
 * Width of collapsed pane
 */
.views-accordion-item .accordion-header, h3.accordion-header {
  width: 25px; /* Change this line to your liking */
}

/**
 * Width of content of expanded pane
 */
.accordion-content {
  width: 710px; /* This should be the full width of block/page minus
                   (number of items * width of collapsed pane), 
                   for example for a full width of 960px, a collapsed 
                   pane width of 10px and a total number of 10 items: 
                   960px - (10 * 25px) = 710px */
}

/**
 * Desired height of all elements
 */
.views-accordion-item .accordion-header, h3.accordion-header, .accordion-content {
  height: 250px; /* Change this line to your liking */
}
lmmac’s picture

lmmac commented

The image is still sliding from bottom to top... Is thr any way to display that image sliding to the right or left????? I think it takes the default style... It may be in php or javascript files... Please reply me...