DawidJaroslawski

Untitled

Apr 11th, 2021
428
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.     <head>
  3.         <title>Rośliny</title>
  4.         <meta charset="UTF-8"/>
  5.         <style type="text/css">
  6.             #naglowek{
  7.     margin:auto;
  8.     color: white;
  9.     text-shadow: black 0.1em 0.1em 0.2em;
  10.     font-style: italic;
  11.     background-image:url("img01.jpg" ) ;
  12.     width: 910px;
  13.     height: 172px;
  14. }
  15. body {
  16.   background-image:url("img03.jpg" );
  17. }
  18. .zdjecie {
  19.   margin: auto;
  20.   float: left;
  21. }
  22. .zdjecix{
  23.   height: 180px;
  24.   width: 360px;
  25. }
  26. .kol1 {
  27.     margin:auto;
  28.     background-image:url("img02.jpg" );
  29.     height:38px;
  30.     width: 910px;  
  31. }
  32. h3.a {
  33.     color: white; text-shadow: black 0.2em 0.2em 0.2em
  34. }
  35. .kol2 {
  36.     margin: auto;
  37.     padding-top:1px;
  38.     background-color: floralwhite;
  39.     height:1024px;
  40.     width: 910px;
  41. }
  42.  
  43. .lista{
  44.    
  45.     margin: auto;
  46.     list-style-image:url("imglista.jpg");
  47.    
  48. }
  49. .post{
  50.     padding-left:10px;
  51.     padding-right:10px;
  52. }
  53. .naglowek  {
  54.     padding-top:136px;
  55.     margin-top:0px;
  56.     margin-left:10px;
  57.     font-family: 'Courier New';
  58.     font-weight: bold;
  59.     color: white;
  60.  }
  61. .kol1 ul {
  62.     margin: 0;
  63.     padding: 0;
  64.     list-style: none;
  65.     line-height: normal;
  66. }
  67. .kol1 li{
  68.     float: left;
  69. }
  70. .kol1 a{
  71.     display: block;
  72.     padding: 15px 10px 10px 20px;
  73.     text-transform: uppercase;
  74.     text-decoration: none;
  75.     font-family: Arial;
  76.     font-size: 10px;
  77.     font-weight: bold;
  78.     color: #FFFFFF;
  79. }
  80.         </style>
  81.     </head>
  82.     <body>
  83.     <body style="background-color:lime;">
  84.         <div class="kontener">
  85.             <div id="naglowek"> <h1><a>Flowers</a></h1> </div>
  86.             <div class="kol1">
  87.            
  88.             </div>
  89.             <div class="kol2">
  90.                 <div class="post">
  91.                     <h2><a>U nas kwiaty w dowolych kolorach</a></h2>
  92.                     <div class="lista">
  93.                         <ul>
  94.                         <li><a>Białe</a></li>
  95.                         <li class='li2'><a>Czerwone</a></li>
  96.                         <li class='li3'><a>Niebieskie</a></li>
  97.                         <li><a>Żółte</a></li>
  98.                         <li><a>Czarne</a></li>
  99.                         </ul>
  100.                     </div>
  101.                        
  102.                    
  103.                 </div>
  104.             </div>
  105.            
  106.         </div>
  107.         <script type="text/javascript">
  108.            
  109.            
  110.                 var qS=document.querySelector('h2');
  111.                 console.log(qS);
  112.                 qS.style.color="grey";
  113.            
  114.                 var qSA=document.querySelectorAll('li');
  115.                 console.log(qSA);
  116.                
  117.                 var gEBI=document.getElementById('naglowek');
  118.                 console.log(gEBI);
  119.                 gEBI.style.fontFamily="Brush Script MT"
  120.                
  121.                 var gEBCN=document.getElementsByClassName('lista');
  122.                 console.log(gEBCN);
  123.                 for(const i of gEBCN)
  124.                     {
  125.                         i.style.color="red"
  126.                     }
  127.                 var gEBTN=document.getElementsByTagName('li');
  128.                 console.log(gEBTN)
  129.                 for(let b=0;b<gEBTN.length;b++)
  130.                    {
  131.                        gEBTN[b].style.fontSize="25px"
  132.                    }
  133.                var gEBCN=document.getElementsByClassName("li2");
  134.                console.log(gEBCN);
  135.                for(const i of gEBCN)
  136.                    {
  137.                        i.innerHTML="<p>Bordowe</p>";
  138.                     }
  139.                 var gEBCN=document.getElementsByClassName("li3");
  140.                 console.log(gEBCN);
  141.                 for(const i of gEBCN)
  142.                     {
  143.                         i.innerHTML="<p>Seledynowe</p>";
  144.                     }
  145.                
  146.                 var qS=document.querySelector('h2');
  147.                 qS.style.fontSize="15px"
  148.                 qS.innerHTML="<p><b><i>U nas kwiaty w dowolych kolorach</i></b></p>";
  149.                
  150.                  const qS1=document.querySelector("li");
  151.                 qS1.classList.add("li2");
  152.                 console.log(qS1);
  153.  
  154.                 var gEBCN=document.getElementsByClassName("li2");
  155.                 console.log(gEBCN);
  156.                 for(const i of gEBCN)
  157.                 {
  158.                     i.style.color="blue";
  159.                 }
  160.  
  161.                 const nowy=document.createElement('li');
  162.                 const tekst=document.createTextNode('Kobaltowe');
  163.                 nowy.appendChild(tekst);
  164.                 var kobalt=document.querySelector('ul');
  165.                 kobalt.appendChild(nowy);
  166.  
  167. </script>
  168.     </body>
  169. </html>
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×