• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi
Zapytaj

Pomoże mi ktoś ze responsywnością strony bootstarp...

Object Storage Arubacloud
0 głosów
178 wizyt
pytanie zadane 14 kwietnia 2020 w HTML i CSS przez fff Gaduła (3,950 p.)

strona tylko w css: https://filszu.000webhostapp.com/clicker/v1.8/

strona z bootstrap: https://filszu.000webhostapp.com/clicker/v2.0_beta/

 

Dopiero co zacząłem uczyć się bootstrap i mam lekki problem

a)dlaczego ikony kłódki się nie powiększają

b) dlaczego główne zdjęcie (avatar) jest przesunięty

c)Jak zablokować stronę przed powiększaniem na telefonie

d) jak wyświetlić całą stronę bez tła na urządzeniu mobilnym

jak to wszystko naprawić i może macie jeszcze jakiś pomysł na poprawę 

 

kod

Nie mogę umieścić kodu bo przekracza 15000 znaków

 

 

 komentarz 14 kwietnia 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)
szkoda, że jest ban za adblocka
 komentarz 14 kwietnia 2020 przez fff Gaduła (3,950 p.)
i tak jeszcze tam nie ma reklam. są jakby tymczosowo uśpione.  jak będę edytował stronę ponownie to wyłączę to

1 odpowiedź

0 głosów
odpowiedź 15 kwietnia 2020 przez jaca121212 Nałogowiec (40,760 p.)

Tu masz  rozwiązanie  twojego  problemu.

 komentarz 15 kwietnia 2020 przez fff Gaduła (3,950 p.)
ale dlaczego avatar jest przesunięty?
 komentarz 15 kwietnia 2020 przez fff Gaduła (3,950 p.)

wystarczyło dodać

 justify-content-center

do div'a

 komentarz 15 kwietnia 2020 przez fff Gaduła (3,950 p.)
Możesz pomóc jeszcze z tym

a)dlaczego ikony kłódki się nie powiększają i czcionka
 komentarz 15 kwietnia 2020 przez jaca121212 Nałogowiec (40,760 p.)
pomogę ci ale musisz wstawić  kod
 komentarz 16 kwietnia 2020 przez fff Gaduła (3,950 p.) 
<!DOCTYPE HTML>
<html lang="pl">
<head>


	<meta charset="utf-8" />
	<!--<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><!--zablokowanie powiększania-->
	<meta name="keywords" content="Flying, Sausage, klic-k, filip, szumowski, 2005">
	
	<link rel="Shortcut icon" href="h2.ico">
	<title>Clicker FS 2.0</title>
<script src="dzialanie.js"></script>
	

<link rel="stylesheet" href="css/bootstrap.min.css">
	
	<link rel="stylesheet" href="style.css" type="text/css" />
	

	<link href="https://fonts.googleapis.com/css?family=Indie+Flower&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap" rel="stylesheet">
		<!--<script src="start.js"></script>-->
		
		
	<!--------------------------ADSENCE__-->
	<script data-ad-client="ca-pub-6202644433627847" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	
	<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150979934-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-150979934-2');
</script>
	
	<!---ikony---->
	<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<!--Get your own code at fontawesome.com-->

	
</head>


<body onselectstart="return false" onselect="return false" oncopy="return false" >

	
		<div id="wszystko" class="col-sm-12 col-md-12 col-lg-12">
		 <div class="container">
	
	
					
	
		 
		 
				  <!--<div class="ad">
						<section class="reklama" style="min-height: 300px;">
						
										
								   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
						
							<ins class="adsbygoogle"
								 style="display:inline-block;width:120px;height:500px"
								 data-ad-client="ca-pub-6202644433627847"
								 data-ad-slot="9891631187"></ins>
							<script>
								 (adsbygoogle = window.adsbygoogle || []).push({});
							</script>
						</section>
				<a href="#współpraca" >reklamuj się<br><br>
				<br>RESETUJ GRĘ</a>						
				 </div>-->
				 
				 
				 
				 
				 <div class="row">
				  <div id="pojemnik" >
				  <div id="logo">
				  <center><img style="width: 100px;" src="reka.png" alt="reka">
					<h1>CLICKER	&copy by FS</h1>
					<div id="witaj"><h2></h2></div>
								<article class="arty">
									<a href="#zarabiaj"><h1></b>GRAJ I ZARABIAJ [KONKURS] </b>w jeden dzień <br><b>NAWET 15$</b> </h1></a>
								</article>

					  <section class="reklama">
										<!--ADY----------------------------------->
											<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
									<!-- ada_poziomo -->
									<ins class="adsbygoogle"
										 style="display:block"
										 data-ad-client="ca-pub-6202644433627847"
										 data-ad-slot="9824737480"
										 data-ad-format="auto"
										 data-full-width-responsive="true"></ins>
									<script>
										 (adsbygoogle = window.adsbygoogle || []).push({});
									</script>
									<!-------------------------------------------------------------------------------->
									
					</section>
					
										<section class="arty">
				 <h1><div id="zegar">data</h1>
				 </section>
					</center>
					</div>
					
					<!--------------------------------------------------------------------------------------------->
					
												 <!-------------DO WYKRYWANIA ADBLOCKA------------->
							<div class="reklama-info" style="visibility:hidden;">Informacja</div>
								<div id="oAdblock" onclick="adlockNot()">
									<div id="text">Doceniasz moją pracę? <img src="adblock.jpg"> <br>to WYŁĄCZ ADBLOCKA!!</div>	
								</div>
							<!--------------------------->
					
					<div id="plansza">
					
					 
						
					  <div id="allKlikniecia" class="napis1">Wszystkie Kliknięcia: 0</div>
					 <div class="row justify-content-center">
					  
						 <div class="col-sm-12 col-md-8 col-lg-6" onclick="zmienLVL()" id="przycisk1"> <div id="avatar0"><img src="avatar\1.jpg" alt="avatar"> </div>
						  
						  <section class="cent"><p id="n1" >Kliknij mnie </p>
						  
						  <div id="suma" >0 kliknięć</div>
						  <div id="lvlc">LVL1</div>
						 </section>  
						  </div>
					
					</div>
					  
					  <div class="napis1">
					  Pozostałe Klięcia do następnego LVL:
					  <div id="ToNextLvl">5</div>
					  </div>
					  
					  <section class="panel_wyboru">
					  
						<div>
							<p style='font-size:20px;'> sklep - każda postać 100$</p></span>
						   <span style='font-size:45px;color:green' >
							 <i class='fas fa-money-bill-alt' style='font-size:48px;color:green'></i><span id="money">:0</span>$
							<!-- <i class='fas fa-lock' style='font-size:30px;color:red'></i>
							 <i class='fas fa-unlock-alt' style='font-size:30px;color:red'></i>---->
							 
							<!-- +1000$;-->
							<!--<button onclick="testy()">test</button>
							
							---->
						</div>
						
						  
						<div class="row">
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
									 <div class="wybor" onclick="zmien_duszka(1)">
									
										 <img src="avatar\1.jpg" alt="avatar"> 
										 
										<!--<p class="centered">  <i  id="ic1" class='fas fa-unlock-alt'></i></p>-->
									 </div>
								</div>
									 
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">	 
									 <div class="wybor" onclick="zmien_duszka(2)">
									 <p class="centered">  <i  id="ic2" class='fas fa-unlock-alt' ></i></p>

										<img  src="avatar\2.jpg" alt="avatar"> 
									 </div>
								</div>
								
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
									 <div class="wybor" onclick="zmien_duszka(3)">
										<img  src="avatar\3.jpg" alt="avatar"> 
										<p class="centered">  <i  id="ic3" class='fas fa-unlock-alt'></i></p>
									 </div>
								</div>
								 
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">								 
								   <div class="wybor" onclick="zmien_duszka(4)">

									<img  src="avatar\4.jpg" alt="avatar"> 
									<p class="centered">  <i  id="ic4" class='fas fa-unlock-alt'></i></p>
									 </div>
								</div>
								
								
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
									 <div class="wybor" onclick="zmien_duszka(5)">
									 
									 <p class="centered">  <i  id="ic5" class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\5.jpg" alt="avatar"> 
									 </div>
								</div>	 
								
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
									 <div class="wybor" onclick="zmien_duszka(6)">
									 <p class="centered">  <i  id="ic6" class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\6.jpg" alt="avatar"> 
									 </div>
								</div>	 
								
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
									 <div class="wybor" onclick="zmien_duszka(7)">
									 <p class="centered">  <i  id="ic7" class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\7.jpg" alt="avatar"> 
									 </div>
								</div>

								<div class="col-6 col-sm-6 col-md-4 col-lg-2">		 
									 <div class="wybor" onclick="zmien_duszka(8)">
									 <p class="centered">  <i   id="ic8"class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\8.jpg" alt="avatar"> 
									 </div>
								</div>
								

								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
											 <div class="wybor" onclick="zmien_duszka(9)">
												 <p class="centered">  <i id="ic9" class='fas fa-unlock-alt'></i></p>
												 <img  src="avatar\9.jpg" alt="avatar"> 
											</div>
								</div>
								
									 
									 
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">	 
											 <div class="wybor" onclick="zmien_duszka(10)">
									 <p class="centered">  <i  id="ic10" class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\10.jpg" alt="avatar"> 
									 </div>
								</div>	 
									 
									 <div class="col-6 col-sm-6 col-md-4 col-lg-2">
											 <div class="wybor" onclick="zmien_duszka(11)">
									 <p class="centered">  <i  id="ic11" class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\11.jpg" alt="avatar"> 
									 </div>
								</div>	 
									 
									 <div class="col-6 col-sm-6 col-md-4 col-lg-2">
											 <div class="wybor" onclick="zmien_duszka(12)">
									 <p class="centered">  <i  id="ic12" class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\12.jpg" alt="avatar"> 
									 </div>
								</div>	 
									 
									 <div class="col-6 col-sm-6 col-md-4 col-lg-2">
											 <div class="wybor" onclick="zmien_duszka(13)">
									 <p class="centered">  <i id="ic13"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\13.jpg" alt="avatar"> 
									 </div>
								</div>	 
									 
									 <div class="col-6 col-sm-6 col-md-4 col-lg-2">
										 <div class="wybor" onclick="zmien_duszka(14)">
									 <p class="centered">  <i id="ic14"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\14.jpg" alt="avatar"> 
									 </div>
								</div>	 
									 
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">									 
										 <div class="wybor" onclick="zmien_duszka(15)">
									 <p class="centered">  <i id="ic15"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\15.jpg" alt="avatar"> 
									 </div>
								</div>	

								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
										 <div class="wybor" onclick="zmien_duszka(16)">
									 <p class="centered">  <i id="ic16"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\16.jpg" alt="avatar"> 
									 </div>
								</div>	 
									 
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
										 <div class="wybor" onclick="zmien_duszka(17)">
									 <p class="centered">  <i id="ic17"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\17.jpg" alt="avatar"> 
									 </div>
								</div>	

								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
										 <div class="wybor" onclick="zmien_duszka(18)">
									 <p class="centered">  <i id="ic18"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\18.jpg" alt="avatar"> 
									 </div>
								</div>	 
									 
								 <div class="col-6 col-sm-6 col-md-4 col-lg-2">
										 <div class="wybor" onclick="zmien_duszka(19)">
									 <p class="centered">  <i id="ic19"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\19.jpg" alt="avatar"> 
									 </div>
								</div>	

								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
										 <div class="wybor" onclick="zmien_duszka(20)">
									 <p class="centered">  <i id="ic20"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\20.jpg" alt="avatar"> 
									 </div>
								</div>

								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
										 <div class="wybor" onclick="zmien_duszka(21)">
									 <p class="centered">  <i id="ic21"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\21.jpg" alt="avatar"> 
									 </div>
							 </div>

 

 komentarz 16 kwietnia 2020 przez fff Gaduła (3,950 p.) 
<div class="col-6 col-sm-6 col-md-4 col-lg-2">	 
										 <div class="wybor" onclick="zmien_duszka(22)">
									 <p class="centered">  <i id="ic22"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\22.jpg" alt="avatar"> 
									 </div>
								</div>
								

								<div class="col-6 col-sm-6 col-md-4 col-lg-2">
										 <div class="wybor" onclick="zmien_duszka(23)">
									 <p class="centered">  <i id="ic23"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\23.jpg" alt="avatar"> 
									 </div>
								</div>
									 
									 
								<div class="col-6 col-sm-6 col-md-4 col-lg-2">	 
												 <div class="wybor" onclick="zmien_duszka(24)">
									 <p class="centered">  <i id="ic24"  class='fas fa-unlock-alt'></i></p>
									 <img  src="avatar\24.jpg" alt="avatar"> 
									 </div>
							 </div>
									 
									 
									
									 
									 
									 <div style="clear:both"></div>
						 </div>
						 
						 
					  </section>
					  
						<section class="reklama">
										<!--ADY----------------------------------->
											<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
									<!-- ada_poziomo -->
									<ins class="adsbygoogle"
										 style="display:block"
										 data-ad-client="ca-pub-6202644433627847"
										 data-ad-slot="9824737480"
										 data-ad-format="auto"
										 data-full-width-responsive="true"></ins>
									<script>
										 (adsbygoogle = window.adsbygoogle || []).push({});
									</script>
									<!-------------------------------------------------------------------------------->
									
					</section>
					  
					 
					  
					  <!--------------------------------------------------------------------------------------------->
					  

					  
					  <section id="panel2">
											
														
						
										<!--------------------------------------------->
					  <br><br><br>
					 <u> Jesteś najlepszy i chcesz zapisać swój wynik, i <b>WYGRAĆ NAGRODĘ?</b> </u><br>
					  <label> Imię: <input id="wpis1" type="text" name="imie" placeholder="Jak masz na imię?"></label><br>
					  
					  Podaj swój email:<br> <input  type="text" name="e-mail" placeholder="Podaj swój e-mail?"><br>
					  
						 <br>
					   <label> KOD PROMOCYJNY: <input id="kod2" type="text" name="kod2" placeholder="A" style="width:10px;"></label> : <input id="kod" type="text" name="kod1" placeholder="np: BDGYD21-hhhhhhh-7654321" style="width:300px;"></label><br>
					   
					  
					  <input type="checkbox" value="b" disabled checked>zapoznałem się z regulaminem<br>
					  

					  <p>Wybierz swoją nagrodę: </p>
					  <select name="pr">
					<option selected>power bank</option>
					<option>pendrive 1TB</option>
					<option>bon 100zł</option>
					
					<!--------------------------------------------->
										<div class="ady">
								<section class="reklama">
										<!--ADY----------------------------------->
											<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
									<!-- ada_poziomo -->
									<ins class="adsbygoogle"
										 style="display:block"
										 data-ad-client="ca-pub-6202644433627847"
										 data-ad-slot="9824737480"
										 data-ad-format="auto"
										 data-full-width-responsive="true"></ins>
									<script>
										 (adsbygoogle = window.adsbygoogle || []).push({});
									</script>
									<!-------------------------------------------------------------------------------->
										</section>
										
										

										</div>
					<!--------------------------------------------->
					
					</select><br>
					<p style="text-align: right">->
					<input onclick="zzz()" type="button" value="zamawiam!"></p>
					</section>

					  
					 <div id="współpraca" class="reklama1"> Reklamuj się! Kontakt <b><u> admin@filszu.cba.pl</u></b> w tytule "FSC współpraca". Cenny już od 1zł!!! </div>
					</div>
						
						
							<!--------------------------------------------->
										<div class="ady">						
										
									<section class="reklama">
										<!--ADY----------------------------------->
											<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
									<!-- ada_poziomo -->
									<ins class="adsbygoogle"
										 style="display:block"
										 data-ad-client="ca-pub-6202644433627847"
										 data-ad-slot="9824737480"
										 data-ad-format="auto"
										 data-full-width-responsive="true"></ins>
									<script>
										 (adsbygoogle = window.adsbygoogle || []).push({});
									</script>
									<!-------------------------------------------------------------------------------->
										</section>

										</div>
					<!--------------------------------------------->
						
						
					<article class="arty" id="zarabiaj">
					<u><h1><h1></b>GRAJ I ZARABIAJ </b>w jeden dzień <b>NAWET 15$</b></h1></u>
					<ol>
						<li>Za każde rozegrane 5h na tej stronie-zarobisz <u>3$ dolary</u></li>
						<li>Musisz mieć przynajmniej 8000 kliknięć</li>
						<li>odwiedzić stronę partnerską<b> <a href="http://filszu.cba.pl/" target="_blank">https://filszu.000webhostapp.com/</a></b></li>
						<li>i spędzić na niej przeglądaniu min 5 min</li>
						<li>Przesłać screena wszystkich podstron strony partnerskiej na email <u> admin@filszu.cba.pl</u></li>
					</ol>
					Sprawdź czy masz już spełniony pierszy i drugi ppkt <input onclick="ccc()" type="button" value="otrzymaj $$$"></p>
					
					</article>
							<!--------------------------------------------->
										<div class="ady">						
										
										<section class="reklama">
										<!--ADY----------------------------------->
											<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
									<!-- ada_poziomo -->
									<ins class="adsbygoogle"
										 style="display:block"
										 data-ad-client="ca-pub-6202644433627847"
										 data-ad-slot="9824737480"
										 data-ad-format="auto"
										 data-full-width-responsive="true"></ins>
									<script>
										 (adsbygoogle = window.adsbygoogle || []).push({});
									</script>
									<!-------------------------------------------------------------------------------->
										</section>
										
										

										</div>
					<!--------------------------------------------->	
					<article class="arty">
					<h1>Jak stać się najlepszym?</h1>
					Chcesz mieć szanse na wygranie wybranej nagrody:
					<p>Masz 2 opcje; albo ciągle klikać, lub stworzyć <u>program klikający za ciebie.*</u></p>
					*chcę zachęcić młodych programistów do kreatywności, abstrakcyjnego myślenia i stworzenia własnych programów.
					</article>
					
					  <section class="reklama">
										<!--ADY----------------------------------->
											<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
									<!-- ada_poziomo -->
									<ins class="adsbygoogle"
										 style="display:block"
										 data-ad-client="ca-pub-6202644433627847"
										 data-ad-slot="9824737480"
										 data-ad-format="auto"
										 data-full-width-responsive="true"></ins>
									<script>
										 (adsbygoogle = window.adsbygoogle || []).push({});
									</script>
									<!-------------------------------------------------------------------------------->
									
					</section>
					
					<article class="arty">
					   <h1>Najlepsi klickMENI i zwycięzcy nagród:</h1>
					   <ol>
					   <span style="color: gold;">
					   <h2><li><b>Uddd5584</b>-pendrive 1Tb</li></h2>
					   <h3><li><b>huba</b>-pendrive 1Tb</li></h3>
					   <h4><li><b>fffui</b>25$</li></h4>
					   </span>
					   <li><b>Ugbnfdk734</b>-pendrive 1Tb</li>
					   <li><b>Jakub</b>-pendrive 1Tb</li>
					   <li><b>Filip</b>-pendrive 1Tb</li>
					   <li><b>Jack</b>-poverbank</li>
					   <li><b>udfhdhjdjsfd</b>-poverbank</li>
					   <li><b>hoj</b>-poverbank</li>
					   <li><b>jestemnieznany</b>-100zł</li>
					   </ol>
						  
					</article>
					<section class="arty">
					<h1>Resetuj grę</h1>
					<button onclick="location.reload()">RESETUJ GRĘ</button>
					 <h1>Co w następnych aktualizacjach?</h1>
					 <ul>
						<li><b>3.0</b> Dodanie bazy danych dla najlepszych <i>clickmenów</i></li>
					</ul>
					<h1>Co w tej aktualizacji?</h1>
					<ul>
						<li><b>2.5</b> Dodanie bootstrpapa</li>
						<li><b>2.5</b> responsywność strony</li>
					 </ul>
					<h1>Co w poprzednich aktualizacjach?</h1>
					<ul>
						<li><b>2.0</b> Możliwość kupna postaci</li>
						<li><b>1.0</b> Stworzenie gry</li>
					 </ul>
					 
					</section>
					

				  <div class="reklama1" style="color:black;"> Reklamuj się! Kontakt <b><u> admin@filszu.cba.pl</u></b> w tytule "FSC współpraca". Cenny już od 1zł!!! </div>
				  
				  
				 
				 </div>  
				 

					</div>
					


					
					
					
					
				  
				<!--<div class="ad">
						<section class="reklama">
												
								   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
							
							<ins class="adsbygoogle"
								 style="display:inline-block;width:120px;height:500px"
								 data-ad-client="ca-pub-6202644433627847"
								 data-ad-slot="9891631187"></ins>
							<script>
								 (adsbygoogle = window.adsbygoogle || []).push({});
							</script>
						</section>
				<a href="#współpraca" >reklamuj się</a>

				</div>-->



				</div>
				<div style="clear:both;"></div>
				
			
		 
		 </div>
		 </div>
		 
		 
		 


		 
		 
</body>
</html>

 

 komentarz 16 kwietnia 2020 przez fff Gaduła (3,950 p.)

css 



body
{
	background-color: #222222;
	padding:0px;
	margin: 0px;
	
}


#wszystko
{
	padding:0px;
	margin: 0px;
	/*min-width:1240px;*/
	/*margin-left: auto;
	margin-right: auto;*/
	
	/*display: flex;
justify-content: center;
align-items: flex-start*/

}
#pojemnik
{
	/*width: auto;*/
	/*min-width: 1000px;*/
	background-color: gray;
	margin-left: auto;
	margin-right: auto;
	/*float: left;*//
	min-height: 2050px;
	
	
}

#logo
{
	font-family: 'Indie Flower', cursive;
	margin-left: auto;
	margin-right: auto;
	color: white;
}

.ad
{
    width: 160px;
   min-height: 600px;/*(600)*/
	background-color:black;
	float: left;
	color: white;	
	border-radius: 10px;
	padding: 4px;
	
	position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 3;
  
}
a{
	color:white;
	text-decoration: none;
}
a:hover
{
	
	color: white;
}
	
#przycisk1
{
	font-family: 'Source Code Pro', monospace;
	font-size: 25px;
	border: 5px double #444444;
	/*width: 300px;
	height: 300px;
	
	
	margin-left: auto;
	margin-right: auto;*/
	text-align: center;
	padding: 15px;	
	background-color: #111111;
	color: white;	
	
	position: relative;
  text-align: center;
  
  
	
}

#przycisk1:hover
{
	background-color: #531822;
	cursor: pointer;
	
	
}

.napis1
{
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	

}
#plansza
{
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	
	
}
#panel2
{
	font-family: 'Source Code Pro', monospace;
}

#avatar0 img
{
	width: 100%;
}



.cent
{
		  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
   weight: 300;
}



.wybor 
{
	/*width: 50px;
	height: 50px;*/
	background-color: black;
	/*float:left;*/
	/*display: inline-block;*/
	margin:10px;
	
 position: relative;
  text-align: center;
  color: white;
}

.wybor img
{

 width: 100%;
height: auto;

}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:30px;
  color: black;
}



.panel_wyboru
{
	padding: 5px;
	background-color: yellow;
	min-height:300px;
	border-radius: 15px;
}
#witaj
{
	font-size:30px;
}

.reklama1
{
	font-family: 'Source Code Pro', monospace;
	padding: 20px;
	background-color: yellow;
	border: 3px dashed red;
	border-radius: 20px;
	font-size: 25px;
}

.arty
{
	padding: 0px 20px 0px 20px;
	font-family: 'Source Code Pro', monospace;
	color: white;
}


.reklama
{
	
	background-color:#66b3a4;
	background-image: url("ada1.png");
	min-height: 100px;
	/*height: 100px;*/
	min-height: 100px;
	width: 85%;
	padding: 8px;
	margin-left:auto;
	margin-right:auto;
	border: 3px dashed black;
	border-radius: 20px;
}

/*.reklama a
{
	target:_blank
}*/

#oAdblock{
	  position: fixed;
  display: none; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
  z-index: 2;
  cursor: pointer;
   z-index: 20;
	
}

#text{
	z-index: 20;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

.loader {
				  border: 16px solid #f3f3f3;
				  border-radius: 50%;
				  border-top: 16px solid #3498db;
				  width: 120px;
				  height: 120px;
				  -webkit-animation: spin 2s linear infinite; /* Safari */
				  animation: spin 2s linear infinite;
				}

				/* Safari */
				@-webkit-keyframes spin {
				  0% { -webkit-transform: rotate(0deg); }
				  100% { -webkit-transform: rotate(360deg); }
				}

				@keyframes spin {
				  0% { transform: rotate(0deg); }
				  100% { transform: rotate(360deg); }
				  
				}
				
img
{
	
		user-drag: none; 
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
		-webkit-user-select: none;
		-ms-user-select: none;
}

 

 komentarz 16 kwietnia 2020 przez jaca121212 Nałogowiec (40,760 p.)

Masz tutaj to poprawione. nie jest najlepiej napisane ale działa. 

PS

Moim zdaniem źle się uczysz programowania. podstawowe błędy popełniasz. Miedzy innymi 

id - link

class - link

powinieneś już  powoli  uczyć się  wprowadzać nowszą wersję HTML5 

Podobne pytania

0 głosów
1 odpowiedź 117 wizyt
Problem z responsywnością obiektu.
pytanie zadane 31 lipca 2016 w HTML i CSS przez nielotweb Bywalec (2,240 p.)
0 głosów
2 odpowiedzi 257 wizyt
Portfolio- problem z responsywnością strony - scrollSpy
pytanie zadane 26 września 2016 w JavaScript przez Frozenfroggie Użytkownik (990 p.)
0 głosów
1 odpowiedź 127 wizyt
Bootstarp - wycentrowanie content-u w navbarze
pytanie zadane 12 września 2018 w HTML i CSS przez domi10052 Obywatel (1,180 p.)

92,579 zapytań

141,432 odpowiedzi

319,662 komentarzy

61,963 pasjonatów

Kategorie pytań
Programowanie
Sprzęt komputerowy
Systemy operacyjne, programy
Sieci komputerowe
Hostingi, domeny, usługi
Urządzenia mobilne
Bezpieczeństwo, hacking
Rozwój zawodowy, nauka, praca
Egzaminy zawodowe
Matematyka, fizyka, logika
Grafika i multimedia
Ogłoszenia, zlecenia
Nasze projekty
Nasze poradniki
Sprawy forum
Offtop
Programowanie
C i C++ HTML i CSS JavaScript PHP SQL, bazy danych C# Java SPOJ Python Ruby Assembler Visual Basic Android, Swift, Symbian OpenGL, Unity Inne języki Algorytmy Systemy CMS Mikrokontrolery

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci

Snow Theme by Q2A Market
Powered by Question2Answer
...