HTML/CSS/JQUERY - Potrzebuje pomocy / Bezradność

[jokerblitzz]

Witam serdecznie wszystkich użytkowników !

Mam poważny problem który potrzebuję jak najszybciej rozwiązać i liczę na Waszą pomoc.!

Zasadniczą sprawą jest zdobienie tekstu.. Pokażę to na zdjęciach - będzie prościej.

Teraz jest tak :



Chciałbym, aby wyglądało w ten sposób :



Chodzi tylko i wyłącznie o te paski po bokach, nie mam pojęcia jak to wykonać...

Druga sprawa... mam galerię zdjęć w miniaturach (Fancybox)



Bardzo mi zależy na tym aby przy użyciu ALS List Scroller, te 3 obrazy przesuwały się automatycznie w lewą stronę, odkrywając kolejne obrazy z foldery ( i tak w kółko ) - tyle, że nie chce zmieniać ich postaci w żaden sposób, zależy mi żeby przesuwały się takie jakie są teraz.

Tutaj część css dotycząca h2 ( nagłówka ):

Kod PHP:

.sec-title {
margin-bottom: 50px;
}

.sec-title.white {

    color: #fff;
}

.sec-title h2 {
       font-size: 36px;
    margin: 0 0 30px;
    padding-bottom: 30px;
    position: relative;
    text-transform: uppercase;}

.sec-title.white h2 {
    color: #fff;
}

.sec-title h2:after {
    content: "";
    display: block;
    left: 45%;
    bottom: 0;
    position: absolute;
    width: 115px;
}

.sec-title.white h2:after {    
} 


Oraz kod html do inicjacji nagłówka :

Kod PHP:

<section id="oferta">
<div class="container">
<div class="row">
            <div class="sec-title text-center">
                            <h2 class="wow animated bounceInLeft">OFERTA</h2>
                        </div> 


Jeżeli to dla Was, webmasterów z doświadczeniem jest trudne do wyjaśnienia, mogę zapłacić kilka groszy.

[InternetNeo]

Nie prościej będzie po prostu przerobić obrazek w edytorze grafiki i wrzucić na background?

[Interstellar]

@up - nie wiem czy w tej sytuacji background pomoze...

[Marcin]

1. Ja bym zrobił to mniej więcej tak: http://codepen.io/mkr/pen/zqOWxL/


2. W przypadku animacji to może poszukaj innego rozwiązania. Musi być koniecznie ten slider? Jeśli tak to podeślij może link to strony żebym mógł na spojrzeć. Co masz na myśli obrazy z folderu. Chcesz żeby one się same zaciągały? Jeśli tak to PHP + Ajax. Jeśli listę masz gotową dajmy na to 15 elementów i chcesz mieć 5 slajdów każdy po 3 elementy to będzie to proste do ogarnięcia. Ja osobiście polecam slick slider: http://kenwheeler.github.io/slick/ (drugi przykład z multiple items jest to czego szukasz).

Zajrzałem do tego slidera i są tam takie opcje:

Kod:

$("#my-als-list").als({
    scrolling_items: 3,
        visible_items: 3
});

To powinno zrobić robotę.

[Pen99]

Myslales moze nad zmiana skryptu na inny? Problem z glowy

[Marcin]

Nie ma konieczności zmiany skryptu. Wystarczy poczytać dokumentację. O ile nie ściemniają w dokumentacji to jest to możliwe to ogarnięcia tak jak napisałem powyżej .

[Kartofelek]

To ty jeszcze żyjesz?

[dado]

O co chodzi?

[isak]

To jest bardzo dobre pytanie.

[Kazocha23]

To może ktoś na nie odpowie? xD