2017. 11. 20.Képes project szövegdoboz 32.
2017. 11. 18.Videó beágyazása Coppermine galériába 2.0
2017. 11. 16.Coppermine themes
2017. 11. 16.WordPress themes
2017. 11. 15.Új design a LindaDesign-on
png-keszites.flv

PNG kép készítése

demi-lovato.png

Sosugary Gallery themes

lindadesign-fantasy.png

Coppermine Gallery themes

vanessa-marano.png

G-Portál themes

Képes project szövegdoboz 24.
214 megtekintés

 
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>




Előző, következő cikk



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

  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