2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
2018. 04. 01.Gif készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
75 napja
110 néző

WordPress themes

WordPress themes
76 napja
114 néző

G-Portál themes

G-Portál themes
76 napja
67 néző

Tumblr themes

Tumblr themes
76 napja
98 néző

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