Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Promowane odpowiedzi

Marosking.    55

Cześć, dla jednych to może być bułka z masłem, ale ja nie mogę sobie poradzić z tym problemem. Otóż to gdy otwiera mi się boostrap modal, ściemnia mi się wszystko, a powinno tylko tło. Niżej zdjęcie o co chodzi dokładnie.

blad1.thumb.png.c2e186c4475ee71cebebc56698b03e4a.png

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Marosking.    55
<div class="modal fade" id="lsmodsLogin" tabindex="-1" role="document" aria-labelledby="lsmodsLoginName" aria-hidden="true">
					<div class="modal-dialog modal-lg" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="lsmodsLoginName">Panel użytkownika</h5>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<div class="row">
									<div class="col-md-6">
										<div class="card">
											<div class="card-body">
												<h4 class="card-title">Zaloguj się</h4>
												<h6 class="card-subtitle mb-2 text-muted">Jesteś już naszym użytkownikiem? Użyj swoich danych, aby się zalogować.</h6>
												<p class="card-text">
													<form>
														<div class="form-group">
															<label for="login_email">Adres e-mail</label>
															<input type="email" class="form-control" id="login_email" aria-describedby="emailHelp" placeholder="Wpisz swój adres e-mail wpisany podczas rejestracji.">
															<small id="emailHelp" class="form-text text-muted">Nigdy nie podawaj swojego adresu e-mail nikomu.</small>
														</div>
														<div class="form-group">
															<label for="login_password">Hasło</label>
															<input type="password" class="form-control" id="login_password" placeholder="Wpisz swoje hasło wpisane podczas rejestracji.">
														</div>
														<input type="submit" class="btn btn-primary" value="Zaloguj się"/>
													</form>
												</p>
											</div>
										</div>
									</div>
									<div class="hr-vertical"></div>
									<div class="col-md-6">
										<div class="card">
											<div class="card-body">
												<h4 class="card-title">Zarejestruj się</h4>
												<h6 class="card-subtitle mb-2 text-muted">Jesteś nowy? Chciałbyś dołączyć do grona użytkowników? Wypełnij ten formularz.</h6>
												<p class="card-text">
													<form>
														<div class="form-group">
															<label for="register_nick">Nazwa użytkownika</label>
															<input type="text" class="form-control" id="register_nick" aria-describedby="emailHelp" placeholder="Wpisz swój adres e-mail.">
															<small id="emailHelp" class="form-text text-muted">Nigdy nie podawaj swojego adresu e-mail nikomu.</small>
														</div>
														<div class="form-group">
															<label for="register_email">Adres e-mail</label>
															<input type="email" class="form-control" id="register_email" aria-describedby="emailHelp" placeholder="Wpisz swój adres e-mail.">
															<small id="emailHelp" class="form-text text-muted">Nigdy nie podawaj swojego adresu e-mail nikomu.</small>
														</div>
														<div class="form-group">
															<label for="confirm_register_email">Potwierdź adres e-mail</label>
															<input type="email" class="form-control" id="confirm_login_email" placeholder="Wpisz swój adres e-mail ponnownie.">
														</div>
														<div class="form-group">
															<label for="register_password">Hasło</label>
															<input type="password" class="form-control" id="register_password" placeholder="Wpisz swoje hasło.">
														</div>
														<div class="form-group">
															<label for="confirm_register_password">Hasło</label>
															<input type="password" class="form-control" id="confirm_register_password" placeholder="Wpisz swoje hasło ponnownie.">
														</div>
														<input type="submit" class="btn btn-primary" value="Zarejestruj się"/>
													</form>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="modal-footer">
								<p class="pull-right">LSMods.pl &copy 2017</p>
							</div>
						</div>
					</div>
				</div>

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
rogue    579

Wrzuć stronę na jakiś serwer, będzie prościej. Albo jak tego nie chcesz robić to klikasz prawym i "Zbadaj Element" i szukasz problemu.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Salva    3,347

Pewnie z-index za wysoki dla overlaya, musisz napisać BS, innego wyjścia nie ma. Dodatkowo zgłoś błąd do developerów BS.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
rogue    579
30 minut temu, Salva napisał:

Pewnie z-index za wysoki dla overlaya, musisz napisać BS, innego wyjścia nie ma. Dodatkowo zgłoś błąd do developerów BS.

Ale w dokumentacji działała poprawnie więc wątpię czy to błąd BS skoro autor jak wspomniał skopiował CSS.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
arces    61

Dlatego bez kodu nic mu nie podpowiemy, na screenie widać tyle ile widać, a przyczyn takiego efektu może być wiele.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.


  • Podobna zawartość

    • Przez Mr Joker
      Witam, to znów ja. Tym razem chciałbym się dowiedzieć, jak zrobić, by mój plik .jpg wyświetlał się prawidłowo na każdej rozdzielczości przy użyciu gotowych funkcji i klas Bootstrapa?  Z góry bardzo dziękuję i pozdrawiam.
    • Przez Mr Joker
      Witam, chciałbym korzystać z Bootstrapa. Mam pytanie, jak zaimplementować swój kaskadowy arkusz stylów (*.css) do stylów z Bootstrapa? Przykładowo, chciałbym nadać divovi z menu klasę z bootstrapa (aby dopasować pod mobilne aplikacje) oraz zaimplementować swoje "właściwości" tzn. kolory i inne efekty. Załóżmy, że mam zamiar nadać (temu samemu divov) i klasę navigation (z Bootstrap) oraz .moje_menu (własna klasa). Jak to zrobić?   
       
      Z góry bardzo dziękuję za pomoc i pozdrawiam
    • Przez CreWix
      Witam!
      Na imię mam Bartosz, kryję się pod nickiem CreWix. Jestem całkiem młodym webmasterem (freelancer), z ogromną motywacją do pracy! Tworzę strony internetowe, sklepy oraz fora dyskusyjne i o wiele więcej. Do mojej pracy podchodzę bardzo poważnie, uwielbiam ją, to moja pasja. Systematycznie rozwijam swoje umiejętności.
      Wierzę, że razem możemy zrobić coś fajnego. Masz projekt? Zatrudnij mnie.
      Prywatnie? Jestem  pogodnym, tolerancyjnym człowiekiem pełnym pozytywnych pomysłów i rozwiązań.
       
      Wykonuję zlecenia, takie jak:
      - Kodowanie stron internetowych.
      - Kodowanie motywów/szablonów pod fora, jak i konfiguracją etc.
      - Tworzenie stron WWW opartych o popularne CMS'y (Wordpress, Joomla, LekkiCMS itp.)
      - Instalacja, modyfikacja, konfiguracja skryptów.
      - Tworzenie sklepów internetowych opartych o PrestaShop.
      - Naprawa błędów na stronach i forach internetowych.
      - Przeniesienie stron do innego usługodawcy.
      - Dostarczenie profesjonalnie wykonanej grafiki.
      - Doradztwo w wyborze hostingu i domeny.
      - Administracja Stronami WWW.
      - I inne.
       
      TANIO, SZYBKO I PROFESJONALNIE!
      KONTAKT:
      GG: 50912000 (zalecane)
      Mail: kontakt@creatiweb.pl (odpisuję w ciągu 24h.)
       
    • Przez rogue

       
      Witam w moim kolejnym poradniku, w którym skupie się na chwilę na narzędziach ułatwiających pracę każdemu programiście. Zarówno języki niezwiązane zupełnie z wedevem jak i te back-end'owe i front-end'owe posiadają swoje własne wspomagacze, które przede wszystkim powodują, że kod pisany przez nas jest klarowny, przejrzysty i nie tracimy czasu na budowanie jego składni. 
      Jednak zanim zaczniemy musimy odpowiedzieć sobie na jedno ważne pytanie.
       
      Czym jest framework CSS i jak tego używać?
      Odpowiedź jest banalnie prosta. Jest to zestaw reguł CSS, którym przyporządkowany jest odpowiedni kod HTML, który możemy wklepać do naszego edytora i tym samym ułatwić sobie pracę jaką jest tworzenie stron internetowych. Jednak frameworki nie ograniczają się tylko do CSS jak wskazuje nazwa. Posiadają również liczne rozwiązania napisane w JavaScript oraz jQuery, takie jak lightboxy, slidery czy tooltipy. Zwykle wystarczy skopiować z pobranej paczki główny plik CSS oraz JavaScript a także zestaw czcionek o ile dany framework je posiada. Jednak niektóre są na tyle rozbudowane, że dodatkowo trzeba zaimplementować komponenty, które ulokowane są oddzielnie a także dodatkowe linijki kodu, które należy umieścić pomiędzy tagami head.
       
      Komponenty? A co to dokładnie oznacza?
      Nie będę opisywał budowy każdego frameworka ani jednego wybranego. Napiszę to trochę ogólnie. Każdy taki FW (Framework) posiada ściśle określoną strukturę. Mamy podział na elementy główne (core), których nie możemy od tak sobie wyodrębnić, komponenty (components), które stanowią dodatek możliwy do ewentualnego wyłączenia jeżeli czegoś nie potrzebujemy oraz skrypty (JavaScript), którymi również możemy dowolnie zarządzać. Najczęściej w komponentach umieszczone są elementy, które nie stanowią ważnego elementu frameworka ani nie zawszę są potrzebne dla naszej strony internetowej.
       
      Chciałbym również poruszyć pewną kwestię, którą często zauważam wśród wielu niedoświadczonych programistów stron www. Jeżeli CSS nie jest waszą mocną stroną, ale chcecie się go nauczyć w takim stopniu aby samodzielnie zbudować ładnie prezentującą się stronę internetową to nauka po przez korzystanie z dowolnego frameworka CSS jest złym pomysłem odradzanym przez wielu, który pracują w tej branży już jakiś czas. Po przez kopiowanie gotowych fragmentów kodu niczego się nie można nauczyć a dodatkowo osoba będąca zielona w tej dziedzinie może nieświadomie zepsuć sobie cały kod po przez modyfikacje, których sama nie jest do końca pewna. 
       
      Jednak należy zaznaczyć, że nie zawszę framework CSS ułatwi nam pracę podczas pisania strony internetowej czy to dla siebie czy dla klienta. W przypadku małych projektów zaciąganie takiej maszyny jaką jest FW to kompletna strata czasu, a jeśli już ktoś jest na tyle uparty, że bez odpowiedniej pomocy nie może napisać nawet prostej strony promującej jakiś produkt to zwykle wyciągany jest tylko i wyłącznie grid, który pozwala nam zbudować idealną siatkę w mgnieniu oka. Nie ma jednolitej reguły mówiącej kiedy dobrym pomysłem jest użycie frameworka a kiedy nie, to zadanie należy do programisty a dokładnie mówiąc sam musi ocenić czy projekt wymaga ingerencji FW czy obejdzie się bez tego. 
       
      Wybór odpowiedniego frameworka nie jest w cale taki trudny. Praktycznie wszystkie posiadają te same właściwości a jedyna różnica między nimi to kod HTML, który służy do aktywacji odpowiednich partii CSS. Dodatkowym atutem frameworka jest to czy umożliwia użycie preprocesorów CSS czyli Less lub Sass. W całej swojej karierze używałem i nadal używam tylko i wyłącznie trzech frameworków. Jednym z nich oraz tym pierwszym jest Bootstrap, który na prawdę pomógł mi zbudować nie jedną stronę czy szablon pod forum. Jest prosty a także łatwo nawigować po jego dokumentacji. Umożliwia dość swobodne dostosowanie tego co jest nam najbardziej potrzebne i możemy pobrać tylko to co chcemy. Moim drugim FW był UIKit który mówiąc szczerze jest cholernie ciężki w ogarnięciu a przynajmniej dla mnie. Zbytnio przyzwyczaiłem się na operowaniu klasami bootstrapa, że za każdym razem jak używam UIKit to muszę mieć otwarte kilka kart w przeglądarce na dokumentacji tego frameworka. Do pisania stron jest trochę cięższy niż BS, ale za to w przypadku wersji mobilnych stron baź aplikacji sprawdza się idealnie i jeżeli muszę się przygotować projekt oparty tylko i wyłącznie na urządzenia mobilne to nie widzę lepszego kandydata niż właśnie UIkit. Ostatnim jest Foundation Zurb, którego używałem tylko dwa razy i to w przypadku mailingu. Spodobały mi się autorskie narzędzia jakie posiada a także fakt,  że tak jak ja preferuje używanie Sass niż Less.
       
      Nie jest to żaden ranking ani szczegółowy poradnik opisujący mechanizm działania każdego frameworka. Chciałem jedynie przedstawić w kilku zdaniach co to dokładnie jest framework oraz jak powinno się go stosować.
      A wy w czym piszecie swoje projekty? Preferujecie używanie frameworków czy może wolicie sami napisać wszystko od podstaw?
    • Przez S!gn
      Autorzy: [Kod: SignWeb] [Grafika: cssauthor.com]
      Tematyka: Sklep
      Screen/Demo:  www.SignWeb.xaa.pl/sklep

       
      Pobierz:
      sklep.rar
  • Ostatnie tematy

×