Reikia CSS ir HTML kodo

Mckcra · Rugsėjo 18, 2016

Sveiki, prireikė maždaug tokio CSS ir HTML kodo t.y. tokio box'o. SS iš filmai.in

Reikia panašiu arba būtent tokiu

Numesiu kelis f.eur arba ka nors kita

KappaDerp · Rugsėjo 18, 2016

su inspect elementu negali nusikopint ? 4Head

Mckcra · Rugsėjo 18, 2016

su inspect elementu negali nusikopint ? 4Head

Negaliu. viskas būna kreiva

BaubasPoLova · Rugsėjo 18, 2016

css failą dar nepamiršk parsisiųsti gi

Mckcra · Rugsėjo 18, 2016

css failą dar nepamiršk parsisiųsti gi

Aš ant savo dizo noriu isimest

BaubasPoLova · Rugsėjo 18, 2016

Aš ant savo dizo noriu isimest

Nu tai tvarkoje, išsiimk savo tuos .css visus reikalingus stilius ir viskas

Mckcra · Rugsėjo 18, 2016

Nu tai tvarkoje, išsiimk savo tuos .css visus reikalingus stilius ir viskas

jo, kaip viskas pro visa page eina?

@foxon · Rugsėjo 20, 2016

<!DOCTYPE html>
<html>
<head>
<style>

.movie-poster {
 float: left;
 position:relative;
 width: 183px;
 height: 270px;
 background:url(../images/no-poster.jpg) no-repeat;
 color: #C2C3CC;
}

.movie-poster img:hover{
 cursor: pointer;
}

.notes-short-v2:hover > .movie-poster .movie-admin{
 opacity: 1;
}

.last-update {
 background: #0d110f;
 font-size: 13px; 
 border: 1px solid #1f2723; 
 position: absolute; 
 bottom: 5px; left: 5px; right: 5px; 
 padding: 5px; 
 text-align: center;
 opacity: 0.7;
 border-radius: 2px;
 
 -o-transition:opacity .1s ease-out;
 -ms-transition:opacity .1s ease-out;
 -moz-transition:opacity .1s ease-out;
 -webkit-transition:opacity .1s ease-out;
 transition:opacity .1s ease-out;
}
.notes-short-v2:hover > .movie-poster .last-update{
 opacity: 1;
}

.shortfavor {
 background: #0d110f;
 font-size: 23px; 
 border: 1px solid #1f2723; 
 position: absolute; 
 top: 5px; left: 5px; 
 padding: 5px; 
 text-align: center;
 opacity: 0;
 border-radius: 2px;
 
 -o-transition:opacity .1s ease-out;
 -ms-transition:opacity .1s ease-out;
 -moz-transition:opacity .1s ease-out;
 -webkit-transition:opacity .1s ease-out;
 transition:opacity .1s ease-out;
}
.notes-short-v2:hover > .movie-poster .shortfavor{
 opacity: 1;
}

.thumbperc {
 background: #0d110f;
 font-size: 23px; 
 border: 1px solid #1f2723; 
 position: absolute; 
 top: 5px; right: 5px; 
 padding: 5px; 
 text-align: center;
 opacity: 0.7;
 border-radius: 2px;
 
 -o-transition:opacity .1s ease-out;
 -ms-transition:opacity .1s ease-out;
 -moz-transition:opacity .1s ease-out;
 -webkit-transition:opacity .1s ease-out;
 transition:opacity .1s ease-out;
}
.notes-short-v2:hover > .movie-poster .thumbperc{
 opacity: 1;
}

.movie-controls {
 background: #0d110f; 
 position: absolute; 
 bottom: 10px; 
 left: 10px; 
 right: 10px;
 border: 2px solid #1f2723; 
 text-align: center; 
 padding: 8px 0 7px 0;
 border-radius: 2px;
 cursor: pointer;
 text-transform: uppercase;
 font-size: 12px;
 line-height: 12px;
 font-weight: bold;
 letter-spacing: 2px;
 
 -o-transition:border .1s ease-out, background .1s ease-in;
 -ms-transition:border .1s ease-out, background .1s ease-in;
 -moz-transition:border .1s ease-out, background .1s ease-in;
 -webkit-transition:border .1s ease-out, background .1s ease-in;
 transition:border .1s ease-out, background .1s ease-in;
}
.notes-short-v2:hover > .movie-hover .movie-text .movie-controls{
 background: #221602; 
 border: 2px solid #ffa405;
}
.notes-short-v2:hover > .movie-hover .movie-text .movie-controls a{
 color: #ffa405;
 text-decoration: none;
}

.movie-play-temp {
 float: left;
 color:#fff;
 padding-left: 15px;
 width:177px;
}

.movie-play-temp  a {
 color:#fff !important;
 font-size: 16px !important;
}

div.notes-short-v2{margin:4px 5px 2px 2px;padding:0px 0px 0px 0px;border:1px solid #000;background:url(../images/notes_light_short_bg.png) 0 0 repeat;text-align:justify;width:380px;height:270px;float:left;} 
/*div.notes-short-v2:hover{border:1px solid #ffa405;}*/

.movie-hover {
 display:block;
 float:left;
 height: 270px; 
 width: 197px;
}

.notes-short-v2:hover > .movie-hover .movie-text .movie-controls{
 background: #221602; 
 border: 2px solid #ffa405;
}
.notes-short-v2:hover > .movie-hover .movie-text .movie-controls a{
 color: #ffa405;
 text-decoration: none;
}

.movie-text {
 line-height:20px;
 color:#fff; 
 position: relative; 
 height: 270px; 
 width: 197px; 
 padding: 0;
 margin: 0
}

.movie-title {
 text-align:center;
 height: 40px;
 width:182px;
 padding: 10px 5px 0px 5px;
 margin-bottom: 10px;
 overflow:hidden;
 font-family: "Trebuchet MS";
 font-size: 16px;
}
.movie-title a {
 color:#fff;
 text-decoration: none;
}
.movie-title small {
 color:#ccc;
}

.movie-info {
 position: absolute; 
 margin: 0; 
 padding: 0; 
 left: 0; 
 right: 0; 
 top: 70px; 
 text-align: center;
}

.shortfavor {
 background: #0d110f;
 font-size: 23px; 
 border: 1px solid #1f2723; 
 position: absolute; 
 top: 5px; left: 5px; 
 padding: 5px; 
 text-align: center;
 opacity: 0;
 border-radius: 2px;
 
 -o-transition:opacity .1s ease-out;
 -ms-transition:opacity .1s ease-out;
 -moz-transition:opacity .1s ease-out;
 -webkit-transition:opacity .1s ease-out;
 transition:opacity .1s ease-out;
}
.notes-short-v2:hover > .movie-poster .shortfavor{
 opacity: 1;
}
</style>
</head>
<body>

<div class="notes-short-v2" id="news-26189">
 <div class="movie-poster">
  <img onclick="window.location='/26189-fosteriai-the-fosters-sezonas-4.html'" id="img-26189" class="deferimg" src="http://static.filmai.in/uploads/posts/2016-06/thumbs/1466491778_foster.jpg" data-src="http://static.filmai.in/uploads/posts/2016-06/thumbs/1466491778_foster.jpg" width="183px" height="270px" alt="The Fosters poster" title="Fosteriai">

  

  
  <div class="shortfavor">
   <span id="fav-id-26189"><a id="fav-id-26189" onclick="doFavorites('26189', 'plus'); return false;" href="javascript:void(0)"><i class="fa fa-heart-o fa-lg"></i></a></span>
  </div>
  
  
  
  <div class="last-update">
   atnaujinta 10 serija (lietuviški subtitrai)
  </div>
  
  
  
  <div class="thumbperc">
   <span title="434 iš 446 sako TAIP">97%</span>
  </div>
  
 </div>

 <div class="movie-hover">
  <div class="movie-text">
   <div class="movie-title">
    <a href="/26189-fosteriai-the-fosters-sezonas-4.html">
     Fosteriai
     
     <small>S04</small>
    </a>
   </div>

   <div class="movie-info">
    <span style="color: #ffde00">Lie</span><span style="color: #00c10e">tu</span><span style="color: #da0000">vių</span> <img data-src="http://static.filmai.in/templates/filmai_black/images/icons/flags/lt.png" src="http://static.filmai.in/templates/filmai_black/images/icons/flags/lt.png" class="deferimg" height="11" width="16"><br>
    Mėgėjiškas<br>
    
    <span style="border-bottom: 1px dashed #444; cursor: pointer" title="HDTVRip">Aukšta kokybė</span><br>
    
    8.0 (16,401 balsai)<br>
    <a href="/komentarai/26189/" class="PlayComments34 fancybox.iframe" title="Filmo 'Fosteriai' komentarai">
     Komentarai: 66
    </a><br>

    
     <a class="PlayTreiler34 fancybox.iframe" title="Treileris: Fosteriai" href="/trailer/26189">Anonsas</a>
    
    
    
    
    
   </div>
   
   <div class="movie-controls" onclick="location.href='/26189-fosteriai-the-fosters-sezonas-4.html'">
    <a href="/26189-fosteriai-the-fosters-sezonas-4.html">žiūrėti</a>
   </div>
   
   <!--<div class='movie-controls' data-post-id="26189">
    žiūrėti</a>
   </div>-->
  </div>
 </div>
</div>

</body>
</html>

Prašau xD

Luck3z · Rugsėjo 20, 2016

<!DOCTYPE html>
<html>
<head>
<style>

.movie-poster {
 float: left;
 position:relative;
 width: 183px;
 height: 270px;
 background:url(../images/no-poster.jpg) no-repeat;
 color: #C2C3CC;
}

.movie-poster img:hover{
 cursor: pointer;
}

.notes-short-v2:hover > .movie-poster .movie-admin{
 opacity: 1;
}

.last-update {
 background: #0d110f;
 font-size: 13px; 
 border: 1px solid #1f2723; 
 position: absolute; 
 bottom: 5px; left: 5px; right: 5px; 
 padding: 5px; 
 text-align: center;
 opacity: 0.7;
 border-radius: 2px;
 
 -o-transition:opacity .1s ease-out;
 -ms-transition:opacity .1s ease-out;
 -moz-transition:opacity .1s ease-out;
 -webkit-transition:opacity .1s ease-out;
 transition:opacity .1s ease-out;
}
.notes-short-v2:hover > .movie-poster .last-update{
 opacity: 1;
}

.shortfavor {
 background: #0d110f;
 font-size: 23px; 
 border: 1px solid #1f2723; 
 position: absolute; 
 top: 5px; left: 5px; 
 padding: 5px; 
 text-align: center;
 opacity: 0;
 border-radius: 2px;
 
 -o-transition:opacity .1s ease-out;
 -ms-transition:opacity .1s ease-out;
 -moz-transition:opacity .1s ease-out;
 -webkit-transition:opacity .1s ease-out;
 transition:opacity .1s ease-out;
}
.notes-short-v2:hover > .movie-poster .shortfavor{
 opacity: 1;
}

.thumbperc {
 background: #0d110f;
 font-size: 23px; 
 border: 1px solid #1f2723; 
 position: absolute; 
 top: 5px; right: 5px; 
 padding: 5px; 
 text-align: center;
 opacity: 0.7;
 border-radius: 2px;
 
 -o-transition:opacity .1s ease-out;
 -ms-transition:opacity .1s ease-out;
 -moz-transition:opacity .1s ease-out;
 -webkit-transition:opacity .1s ease-out;
 transition:opacity .1s ease-out;
}
.notes-short-v2:hover > .movie-poster .thumbperc{
 opacity: 1;
}

.movie-controls {
 background: #0d110f; 
 position: absolute; 
 bottom: 10px; 
 left: 10px; 
 right: 10px;
 border: 2px solid #1f2723; 
 text-align: center; 
 padding: 8px 0 7px 0;
 border-radius: 2px;
 cursor: pointer;
 text-transform: uppercase;
 font-size: 12px;
 line-height: 12px;
 font-weight: bold;
 letter-spacing: 2px;
 
 -o-transition:border .1s ease-out, background .1s ease-in;
 -ms-transition:border .1s ease-out, background .1s ease-in;
 -moz-transition:border .1s ease-out, background .1s ease-in;
 -webkit-transition:border .1s ease-out, background .1s ease-in;
 transition:border .1s ease-out, background .1s ease-in;
}
.notes-short-v2:hover > .movie-hover .movie-text .movie-controls{
 background: #221602; 
 border: 2px solid #ffa405;
}
.notes-short-v2:hover > .movie-hover .movie-text .movie-controls a{
 color: #ffa405;
 text-decoration: none;
}

.movie-play-temp {
 float: left;
 color:#fff;
 padding-left: 15px;
 width:177px;
}

.movie-play-temp  a {
 color:#fff !important;
 font-size: 16px !important;
}

div.notes-short-v2{margin:4px 5px 2px 2px;padding:0px 0px 0px 0px;border:1px solid #000;background:url(../images/notes_light_short_bg.png) 0 0 repeat;text-align:justify;width:380px;height:270px;float:left;} 
/*div.notes-short-v2:hover{border:1px solid #ffa405;}*/

.movie-hover {
 display:block;
 float:left;
 height: 270px; 
 width: 197px;
}

.notes-short-v2:hover > .movie-hover .movie-text .movie-controls{
 background: #221602; 
 border: 2px solid #ffa405;
}
.notes-short-v2:hover > .movie-hover .movie-text .movie-controls a{
 color: #ffa405;
 text-decoration: none;
}

.movie-text {
 line-height:20px;
 color:#fff; 
 position: relative; 
 height: 270px; 
 width: 197px; 
 padding: 0;
 margin: 0
}

.movie-title {
 text-align:center;
 height: 40px;
 width:182px;
 padding: 10px 5px 0px 5px;
 margin-bottom: 10px;
 overflow:hidden;
 font-family: "Trebuchet MS";
 font-size: 16px;
}
.movie-title a {
 color:#fff;
 text-decoration: none;
}
.movie-title small {
 color:#ccc;
}

.movie-info {
 position: absolute; 
 margin: 0; 
 padding: 0; 
 left: 0; 
 right: 0; 
 top: 70px; 
 text-align: center;
}

.shortfavor {
 background: #0d110f;
 font-size: 23px; 
 border: 1px solid #1f2723; 
 position: absolute; 
 top: 5px; left: 5px; 
 padding: 5px; 
 text-align: center;
 opacity: 0;
 border-radius: 2px;
 
 -o-transition:opacity .1s ease-out;
 -ms-transition:opacity .1s ease-out;
 -moz-transition:opacity .1s ease-out;
 -webkit-transition:opacity .1s ease-out;
 transition:opacity .1s ease-out;
}
.notes-short-v2:hover > .movie-poster .shortfavor{
 opacity: 1;
}
</style>
</head>
<body>

<div class="notes-short-v2" id="news-26189">
 <div class="movie-poster">
  <img onclick="window.location='/26189-fosteriai-the-fosters-sezonas-4.html'" id="img-26189" class="deferimg" src="http://static.filmai.in/uploads/posts/2016-06/thumbs/1466491778_foster.jpg" data-src="http://static.filmai.in/uploads/posts/2016-06/thumbs/1466491778_foster.jpg" width="183px" height="270px" alt="The Fosters poster" title="Fosteriai">

  

  
  <div class="shortfavor">
   <span id="fav-id-26189"><a id="fav-id-26189" onclick="doFavorites('26189', 'plus'); return false;" href="javascript:void(0)"><i class="fa fa-heart-o fa-lg"></i></a></span>
  </div>
  
  
  
  <div class="last-update">
   atnaujinta 10 serija (lietuviški subtitrai)
  </div>
  
  
  
  <div class="thumbperc">
   <span title="434 iš 446 sako TAIP">97%</span>
  </div>
  
 </div>

 <div class="movie-hover">
  <div class="movie-text">
   <div class="movie-title">
    <a href="/26189-fosteriai-the-fosters-sezonas-4.html">
     Fosteriai
     
     <small>S04</small>
    </a>
   </div>

   <div class="movie-info">
    <span style="color: #ffde00">Lie</span><span style="color: #00c10e">tu</span><span style="color: #da0000">vių</span> <img data-src="http://static.filmai.in/templates/filmai_black/images/icons/flags/lt.png" src="http://static.filmai.in/templates/filmai_black/images/icons/flags/lt.png" class="deferimg" height="11" width="16"><br>
    Mėgėjiškas<br>
    
    <span style="border-bottom: 1px dashed #444; cursor: pointer" title="HDTVRip">Aukšta kokybė</span><br>
    
    8.0 (16,401 balsai)<br>
    <a href="/komentarai/26189/" class="PlayComments34 fancybox.iframe" title="Filmo 'Fosteriai' komentarai">
     Komentarai: 66
    </a><br>

    
     <a class="PlayTreiler34 fancybox.iframe" title="Treileris: Fosteriai" href="/trailer/26189">Anonsas</a>
    
    
    
    
    
   </div>
   
   <div class="movie-controls" onclick="location.href='/26189-fosteriai-the-fosters-sezonas-4.html'">
    <a href="/26189-fosteriai-the-fosters-sezonas-4.html">žiūrėti</a>
   </div>
   
   <!--<div class='movie-controls' data-post-id="26189">
    žiūrėti</a>
   </div>-->
  </div>
 </div>
</div>

</body>
</html>

Prašau xD

Paplosiu kad toks kietas tu :::: .

Kodėl jūs viska pateikiat ? Žmogus pats turi plušti, paskiau š gaunas. Galit paiškinti, ir to užtenka. :/

Aš pats kai nemoku kažko, tai aiškinus kol moku

@foxon · Rugsėjo 20, 2016

Paplosiu kad toks kietas tu :::: .

Kodėl jūs viska pateikiat ? Žmogus pats turi plušti, paskiau š gaunas. Galit paiškinti, ir to užtenka. :/

Aš pats kai nemoku kažko, tai aiškinus kol moku

Žmogau čia nėra jokio mokslo tiesiog coppy & paste

Prisijungti

Reikia CSS ir HTML kodo

Recommended Posts

Mckcra

KappaDerp

Mckcra

BaubasPoLova

Mckcra

BaubasPoLova

Mckcra

@foxon

Luck3z

@foxon

Prisijungti prie diskusijos

Šiame puslapyje naršo: 0 nariai

Skelbimai

Naujausios temos

Naujausi būsenos atnaujinimai

Nustatymai

Teksto formatavimas

Nario nuotrauka

Member

Nustatymai

Populiariausi nariai

📝 Referatai, konspektai, kursiniai ir kt. rašto darbai ✏️

📝 Referatai, konspektai, kursiniai ir kt. rašto darbai ✏️

📝 Referatai, konspektai, kursiniai ir kt. rašto darbai ✏️

Naujienos

Bendruomenė

Prisijungti

Reikia CSS ir HTML kodo

Recommended Posts

Prisijungti prie diskusijos

Šiame puslapyje naršo: 0 nariai

Skelbimai

Naujausios temos

Naujausi būsenos atnaujinimai Nustatymai Teksto formatavimas Nario nuotrauka Member Išsaugoti

Nustatymai

Populiariausi nariai

Naujausi būsenos atnaujinimai

Nustatymai

Teksto formatavimas

Nario nuotrauka

Member