W jaki sposób zrealizowalibyście efekt tych 3 kroków? Tam nic się ma nie zmieniać. Tylko wyświetlanie kółek i kresek. Czy całość jako SVG, czy może kółka beforami, ale co z kreskami wtedy? Całość absolutem?
Szukam dobrego scenariusza, bo sam nie wiem, co będzie najlepsze.
Zrzut ekranu 2015-11-02 o 15.56.32.png 212,69 KB
0 Ilość pobrań
Stoi to na bootstrapie, i są tam 3 boxy w kolumnach col-md-4.
Napisano 03 listopada 2015 - 13:42
Napisano 04 listopada 2015 - 08:35
Nie możesz podglądnąć źródła? Chyba że to projekt i trzeba to zakodować?
Proponuję coś w ten deseń:
http://codepen.io/anon/pen/qOyzrM
* oczywiście numerek ostylowany na pałę niekoniecznie z wymiarami z grafiki etc.
Użytkownik unbreak edytował ten post 04 listopada 2015 - 08:36
webDeveloper
Napisano 04 listopada 2015 - 13:33
Gdyby nie wzmianka o BS, spróbowałbym to zrobić na numerowanej liście + zagnieżdżony kontener z zawartością [border-top 1px + ujemny górny margines].
Co prawda BS zajmie się automatycznie AWD, ale na własną rękę css byłby króciutki.
Mimo wszystko, minimalizacja html-a nie wchodzi tu w ogóle w grę (swoją drogą nie pamiętam kiedy widziałem coś takiego jak minimalizacja kodu html)
Napisano 04 listopada 2015 - 13:58
Przecież wrzuciłem Ci gotowe rozwiązanie
No nie do konca. Raz, że każdy z tych lementów jest w osobnym kontenerze col-md-4. Czyli linie nie będą się dotykać (minusowe marginesy). Dwa, że na mobilkach te boxy beda jeden pod drugim i trzeba w pionie to sieknac ;p
UPDATE:
Tak jak byś tutaj nad tymi elementami mial to dodac: http://getbootstrap....ples/jumbotron/
Napisano 04 listopada 2015 - 14:15
Zonic, na prawdę nie widzę problemu
1.png 120 KB 0 Ilość pobrań
Tylko border dałem kolumnie, teraz w rwd odpowiednio w momencie kiedy kolumny przechodzą jedna pod drugą ustawiasz border top none, za to border left ustawiasz tak jak było, a elementowi z numerem margin-top ustawiasz na 0 a margin-left na -11px czy ile tam będzie potrzeba wg wielkości kółka
2.png 36,51 KB 0 Ilość pobrań
No chyba że ja czegoś tutaj nie pojmuję
+ oczywiście jeżeli te numery mają iść niżej to dodajesz im float left i margin-topem ustawiasz odpowiednio
webDeveloper
Napisano 04 listopada 2015 - 14:19
Zonic, na prawdę nie widzę problemu
Tylko border dałem kolumnie, teraz w rwd odpowiednio w momencie kiedy kolumny przechodzą jedna pod drugą ustawiasz border top none, za to border left ustawiasz tak jak było, a elementowi z numerem margin-top ustawiasz na 0 a margin-left na -11px czy ile tam będzie potrzeba wg wielkości kółka
No chyba że ja czegoś tutaj nie pojmuję
+ oczywiście jeżeli te numery mają iść niżej to dodajesz im float left i margin-topem ustawiasz odpowiednio
Dobrze pojmujesz Po prostu na sucho na to patrzyłem, bo dopiero kończę projekt Za daleko szukałem. Dzięki
Podeślę efekt końcowy.
Podone tematy
Temat | Forum | Autor | Podsumowanie | Ostatni post | |
---|---|---|---|---|---|
Jaki koszt pozycjonowania sklepu internetowego |
Promocja i marketing | x_n |
|
|
|
Siłownia - jakie suplementy i odżywki na począteksiłownia, dieta i 1 więcej |
Po godzinach | zonic |
|
|
|
Jaki system do prowadzenia magazynu w sklepie internetowym |
Software | x_n |
|
|
|
W jakim banku zaciągnąć kredyt hipoteczny |
Po godzinach | x_n |
|
|
|
Jaki jest najlepszy sposób na zarabianie na stronach www? |
Zarabianie na stronach | light |
|
|
Użytkownicy przeglądający ten temat: 0
0 użytkowników, 0 gości, 0 anonimowych