Peršokti į turinį

Paveiksliukas važineja į šonus

darrel.

Parašė darrel.
forume HTML / HTML5

 Pasidalinti

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 3197 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.
Nuoroda į komentarą
Dalintis per kitą puslapį
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.
Nuoroda į komentarą
Dalintis per kitą puslapį
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.

Nuoroda į komentarą
Dalintis per kitą puslapį
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.

Nuoroda į komentarą
Dalintis per kitą puslapį
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ų.

Nuoroda į komentarą
Dalintis per kitą puslapį
Hugo Boss Dalyvis (-ė)

Hugo Boss

 

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ų.

 

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

Ir tavo gyrimasis, paraše yra :)

Nuoroda į komentarą
Dalintis per kitą puslapį
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.

Nuoroda į komentarą
Dalintis per kitą puslapį

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 3197 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ą...