dodatkowy div w homslider

[korni]

Witam, 

 

Chciałem wstawić dodatkowy blok z "cieniem" w png w homeslider, ale w chwili spojrzenia na kod html, który to się znajduje w pliku ze skryptem to zwątpiłem.
Jako, że od dawna mam ambiwalentny stosunek do javy, muszę prosić o pomoc jak to zrobić.

 

potrzebuję wstawić dodatkowy blok <div class="slider_shadow"> pomiędzy <div class="bx-window"> a <div class="bx-pager"> a następnie go ostylować.

 

Blok ten będzie zawierał tło obrazkowe (albo od razu obraz) o wymiarach 973 na 39px

 

z góry dziękuję za pomoc 

Edited March 17, 2014 by korni (see edit history)

[vekia]

a dlaczego by styli z tego diva .slider_shadow nie zaadoptowac do .bx-wrapper ?

[vekia]

np

.bx-wrapper {
-webkit-box-shadow: 0px 11px 31px -5px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 11px 31px -5px rgba(0,0,0,0.49);
box-shadow: 0px 11px 31px -5px rgba(0,0,0,0.49);
}

efekt

[korni]

dzięki za odpowiedź.

Nie chciałem w css'ie ponieważ przygotowałem sobie cień w rysunku, którego nie da się za pomocą styli zrobić.
No, ale jak będzie za bardzo skomplikowane dopisanie jeszcze jednego bloku, to będę musiał w ten sposób to rozwiązać.

[vekia]

ale skoro jest on jako obrazek, to nic nie stoi na przeszkodzie wstawić go jako obrazek za pomocą cssów

 

dla przykładu, ustawiamy padding bottom na 30px i dodajemy parametr background z ustawieniem na bottom

.bx-wrapper {
padding-bottom:30px;
background:url('http://mojobrazek.com/obrazek.jpg') bottom no-repeat;
}

[korni]

w sumie nie pomyślałem o tym, żeby w tło wrzucić z marginesem, dzięki wielkie