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
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
284 napja
701 néző

WordPress themes

WordPress themes
286 napja
198 néző

G-Portál themes

G-Portál themes
286 napja
112 néző

Tumblr themes

Tumblr themes
286 napja
162 néző

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