Cikkajánló
Joseph Morgan Matthew Goode Norman Reedus Ian Fansite Selena Gomez Miley Cyrus Fansite Ashley Tisdale Demi Lovato Fansite   Hoztam egy képeffektet, amit például nagyon jól lehet használni elit
A design színvilága is egy nagyon-nagyon fontos dolog egy weboldal beindításában. Egyáltalán nem mindegy, hogy milyen színeket, mennyit és hogyan alkalmazunk egy oldalon. Nem tudom, ti hogy vagytok vele,
A Képes üdvözlő szövegdoboz után elhoztam a másik nagy népszerűségnek örvendő szövegdobozt is. Ez a Képes project szövegdoboz. Ebbe írható például leírás a kedvenceitek aktuális munkálatairól vagy ismertető egy
Prémium téma | Ellie Goulding G-Portálos téma WordPress | Bejegyzés nem jelenik meg a főoldalon Gal Gadot G-Portálos téma Emilia Clarke G-Portálos téma Cole Sprouse G-Portálos téma
2017. szeptember. 08.
Képes project szövegdoboz 24.

 
DIV kód
A kép szélessége itt most 316 pixel. A kódban a perjelek helyére mennek a link címek.

 

<div class="project">
<big>Projekt címe</big> <img align="middle" src="IDE JÖN A KÉP URL CÍME" width="316" />
<br>
<br>
<b>karakter:</b> Jordan Kersey<br>
<b>dátum:</b> 2017. november 22.<br>
<br>
<div class="projectinfo">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<br>
<center>
<a href="/">info</a><a href="/">trailer</a><a href="/">galéria</a></center>
</div>

 

Projekt címe

karakter: Jordan Kersey
dátum: 2017. november 22.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


infotrailergaléria

 

CSS kód

 

<style type="text/css">
.project {
margin: 0px auto;
width: 316px;
font-family: Arial;
font-size: 12px;
line-height: 18px;
}
.project img {
width: 316px;
float: center;
margin-right: 5px;
border-top: 5px solid #000000;
border-bottom: 5px solid #000000;
}
.project big {
background: #000000;
font-size:11px;
color: #ffffff;
letter-spacing: .8px;
padding: 3px 6px;
position: relative;
top: 10px;
left: 20px;
display: inline-block;
}
.project b {
text-transform: lowercase;
color: #000000;
box-shadow:inset 0px -3px 5px #FFE0C1;
}
.projectinfo { /* tartalom kinézete */
background: #f3f3f3;
font-family: Arial;
color: #3f3f3f;
text-align: justify;
line-height: 18px !important;
border-left: 5px solid #000000;
padding: 10px;
}
.project a {
font-weight: bold;
font-family: arial;
font-size: 10px;
padding: 5px;
background:#000000;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
width:28%;
display: inline-block;
margin-right: 4px;
}
.project a:hover {
background:#ffffff;
color: #000000;
border: 1px solid #000000;
padding: 4px;
text-decoration: none;
}</style>

Kapcsolódó bejegyzések

lindadesign
75 megtekintés

Előző, következő cikk

Képes project szövegdoboz 23.

Projekt címe Szerep: Laureline Típus: Sci-Fi Dátum: 2017. július 21. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

Képes project szövegdoboz 25.

  DIV kód A demó doboz a két kód között található a modul közepén :) A kép nagysága 100×100 pixeles, de a CSS kódban fel is van tüntetve. A perjelek helyére mennek a linkek URL címei.   <div class="projects">

 

Hozzászólások