Buttons auf Frontpage

2 posts from 2 voices

• Started 5 months ago by Headup
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   Headup
   Member

   Hallo,

   ich wil anklickbare Buttons auf den Slider legen.
   Aber jedoch nur auf der Frontpage. hatte jetzt folgenden CSS code dafür gedacht:

   
#buttonwrapper {

   position:absolute;
   top:35px;
   left:240px;
   width:150px;
   height:550px;
   z-index:1;
   }

   .buttons {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
background: -moz-linear-gradient(
top,
#6b6b6b 0%,
#000000);
background: -webkit-gradient(
linear, left top, left bottom,
from(#6b6b6b),
to(#000000));
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 1px solid #000000;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
text-shadow:
0px -1px 0px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}


   und als code:

   
<div id="buttonwrapper">
<button type="button" name="" value="" class="buttons">Button1</button>
<button type="button" name="" value="" class="buttons">Button2</button>
<button type="button" name="" value="" class="buttons">Button3</button>
<button type="button" name="" value="" class="buttons">Button4</button>
</div>
</div>


   Komme aber zu keiner Lösung. habt ihr einen ansatz?

   LG und einen schönen 4. Advent

   Posted 5 months ago #
2. 

   Dude
   Dude

   Hallo,
   der Slider unterstützt derzeit leider nur zwei Buttons. Ein workaround wäre mehrere Slides mit jeweils zwei Buttons zu erstellen, wobei man diese natürlich nicht gleichzeitig anzeigen kann. Auf der Bearbeitungsseite suche nach dem "Featured media - add any number of images and/or videos" Optionsfeld und lade/wähle ein (oder mehrere) Bilder für die Slideshow aus. Dann klicke auf "Show" rechts neben den Vorschaubildern, um weitere Optionen einzublenden. Anschließend suche nach dem "Caption Advanced" Tab/Reiter und dort kann man die Buttons konfigurieren. ZB die Demo hier: http://www.kriesi.at/themes/coherence/ zeigt solche Buttons in der Slideshow.

   Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.