2019. 03. 05.Videó | Vízjel eltüntetése képről Photoshop-ban
2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
Coppermine Gallery themes

Coppermine Gallery themes
920 napja
2526 néző

WordPress themes

WordPress themes
921 napja
638 néző

G-Portál themes

G-Portál themes
921 napja
276 néző

Tumblr themes

Tumblr themes
921 napja
387 néző

Képes project szövegdoboz 24.
954 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