Peršokti į turinį
  • ŽAIDIMAI
  • , ŽAIDIMAI
  • ŽAIDIMAI

Paveiksliukas važineja į šonus

darrel.

Parašė darrel.
forume HTML / HTML5

 Pasidalinti

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 3987 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Recommended Posts

darrel. Dievas

darrel.

(redaguota)

Sveiki, dabar rimtai užstrigau :D. Koduoju random dizaino .psd ir užstrigau vienoj vietoj, dedu dizainerio kreditus o ten eina visas jo logotipas ir kai zoom'inu jis man važineja į šonus


 


HTML code 




 

<!DOCTYPE HTML>

  <head>

     <title> HardPlay.LT </title>

       <meta charset="UTF-8"></meta>

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

</head>

   <body>

     <div class="logo">

       <img src="img/logo.png"/>

     </div>

       <div id="games">

          <div class="counterstrike">

              <div class="cstitle">

                 <a href="#">

                   <p> Lorem Ipsum </p>

                  </a>

               </div>

            </div>

            <div class="minecraft">

               <div class="mctitle">

                 <a href="#">

                  <p> Lorem Ipsum </p>

                 </a>

              </div>

          </div>

       </div>

         <div class="footer">

       </div>

   </body>

</html>

 

Su lygiavimu nedraugauju jei ką


 


CSS code




 

body {

    background-color: #000;

}


.logo {

    padding-left: 31%;

}


#games {

    padding-left: 21%;

}


.counterstrike {

    background: url("img/cs.png") no-repeat;

    height: 250px;

    width: 678px;

    border: 4px solid #d9d9d9;

}


.cstitle {

    background: rgba(0, 0, 0, 0.5);

    height: 53px;

    width: auto;

    margin-top: 29%;

}


.cstitle p {

    font-size: 12px;

    color: white;

    font-family: Trebuchet MS;

    padding-top: 19px;

    padding-left: 15px;

}


.cstitle a {

    text-decoration: none;

}


.minecraft {

    background: url("img/mc.png") no-repeat;

    height: 250px;

    width: 678px;

    border: 4px solid #d9d9d9;

    margin-top: 1%;

}


.mctitle p {

    font-size: 12px;

    color: white;

    font-family: Trebuchet MS;

    padding-top: 19px;

    padding-left: 15px;

}


.mctitle {

    background: rgba(0, 0, 0, 0.5);

    height: 53px;

    width: auto;

    margin-top: 29%;

}


.mctitle a {

    text-decoration: none;

}


.footer {

    background: url("img/greddy.png") no-repeat scroll center center ;

    height: 50px;

    width: 500px;

    opacity: 0.5;

    margin: 0;

}

Redaguota , nario darrel.

HP Omen 15

Ryzen 7 5800H @ 3.2GHz | 2x8GB DDR4 3200MHz | 1TB Sabrent SSD | NVIDIA GeForce RTX 3060 6GB 80W + 20W Dynamic Boost | Windows 11 Home 64bit

Hugo Boss Dalyvis (-ė)

Hugo Boss

Nu tai:

<span class='tekstas'>Lorem ipsum</span>

Sita dek po paveiksliuku (html faile)

O css:

.tekstas{

margin: 12px 20px;

backround:rgba(0,0,0,0.8);

}

as taip darau :D


<div class="counterstrike">
             <a href="#">
               <img src="img/cs.png"/>
<span class='text'>Lorem ipsum</span>

.text{
background:black;
margin:0 auto;
}
 ir pns.

Dear moderators. We are legion. Expect us!

darrel. Dievas

darrel.

  • Autorius

 

Nu tai:

<span class='tekstas'>Lorem ipsum</span>

Sita dek po paveiksliuku (html faile)

O css:

.tekstas{

margin: 12px 20px;

backround:rgba(0,0,0,0.8);

}

as taip darau :D

<div class="counterstrike">
             <a href="#">
               <img src="img/cs.png"/>
<span class='text'>Lorem ipsum</span>

.text{
background:black;
margin:0 auto;
}
 ir pns.

Neveikia, tekstas atsiranda šone paveiksliuko.

HP Omen 15

Ryzen 7 5800H @ 3.2GHz | 2x8GB DDR4 3200MHz | 1TB Sabrent SSD | NVIDIA GeForce RTX 3060 6GB 80W + 20W Dynamic Boost | Windows 11 Home 64bit

darrel. Dievas

darrel.

  • Autorius

Paveiklsiuką nurodyk ne per img o kurk naują div'ą ir paveiksliuką nustatyk kaip background'ą.

Oke, pabandysiu.

Bet tada image vapše neatsiranda

 

HTML

 

 
<!DOCTYPE HTML>
  <head>
     <title> HardPlay.LT </title>
       <meta charset="UTF-8"></meta>
     <link href="style.css" rel="stylesheet" type="text/css"></link>
</head>
   <body>
     <div class="logo">
       <img src="img/logo.png"/>
     </div>
       <div id="games">
          <div class="counterstrike">
              <div class="csimg">
              </div>
            </div>
            <div class="minecraft">
          </div>
       </div>
   </body>
</html>
 

 

CSS

 

 
body {
    background-color:black;
}

.logo {
    padding-left:31%;
}

.csimg {
    background: url("img/cs.png") center;
}
 

Na lyg ir susitvarkiau.

HP Omen 15

Ryzen 7 5800H @ 3.2GHz | 2x8GB DDR4 3200MHz | 1TB Sabrent SSD | NVIDIA GeForce RTX 3060 6GB 80W + 20W Dynamic Boost | Windows 11 Home 64bit

darrel. Dievas

darrel.

  • Autorius

Man viskas veikia:

 


<a href='#'>
<img src='img/cs.png'>
<span class='tekstas'>Bla bla</span>


.tekstas{
Color#fff;
position:absolute;
}

Ir margin!

Susitvarkiau šita problema jau bet dabar yra kita :D

HP Omen 15

Ryzen 7 5800H @ 3.2GHz | 2x8GB DDR4 3200MHz | 1TB Sabrent SSD | NVIDIA GeForce RTX 3060 6GB 80W + 20W Dynamic Boost | Windows 11 Home 64bit

darrel. Dievas

darrel.

  • Autorius

Tiek gyries o simple html dizaino nesukoduoji joptvaimat ane? :D

Kur aš gyriuosi kad moku ahuenai HTML kodavimą? :o Niekas nebuvo mineta kad mano patirtis puse mėnesio ar daugiau. Kas nori tas ir žino kad mano patirtis vos keletas savaičių.

HP Omen 15

Ryzen 7 5800H @ 3.2GHz | 2x8GB DDR4 3200MHz | 1TB Sabrent SSD | NVIDIA GeForce RTX 3060 6GB 80W + 20W Dynamic Boost | Windows 11 Home 64bit

darrel. Dievas

darrel.

  • Autorius

Nu ar susitvarkiai? Jeigu ne, foto numesk kaip atrodo.

Ir tavo gyrimasis, paraše yra :)

Aš esu parašęs kad HTML/CSS kodavimas bet nebuvo pamineta kad bus sukoduota ahuenai ar profesionaliai. Aš nesuprantu, ko čia nesuprantu kad kai zoom'ini paveikslelis važineja į šonus t.y jis tiesiog nestovi vietoj kai zoom'ini.

HP Omen 15

Ryzen 7 5800H @ 3.2GHz | 2x8GB DDR4 3200MHz | 1TB Sabrent SSD | NVIDIA GeForce RTX 3060 6GB 80W + 20W Dynamic Boost | Windows 11 Home 64bit

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 3987 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti šioje temoje...

×   Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai

×   Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių

×   Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.

×
 Pasidalinti
Eiti į

  • Šiame puslapyje naršo:   0 nariai

    • Nėra registruotų narių peržiūrinčių šį forumą.

Skelbimai


×
×
  • Sukurti naują...