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 4.
Munkálat címe
2015. 06. 26

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.

Hírek Online Hivatalos Képek

 

Project doboz kódja

 

<div id="project">
<img align="left" class="block-img" src="/images/scripts/kepvalto/01/002.png" width="120" /> <b>Munkálat címe</b><br />
<i>2015. 06. 26</i><br />
<blockquote>
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.
<br>
<center><a href="/" class="project-link">Hírek</a> <a href="/" class="project-link">Online</a> <a href="/" class="project-link" target="_blank">Hivatalos</a> <a href="/" class="project-link" target="_blank">Képek</a></center>
</blockquote>
</div>
<br>

 

CSS kód

 

<style type="text/css">
#project {
width: 350px;
}
.block-img { /* a kiskép kinézete */
padding: 6px;
margin: 3px 3px 3px 6px;
background: #E8E8E8;
border: 1px solid #D5D5D5;
}
div[id*="project"] blockquote { /* a tartalom kinézete */
margin: 5px 0px;
background-color: #F8F8F8;
font-family: Arial;
font-size: 13px;
color: #6A6A6A;
padding: 10px;
border: 1px solid #D5D5D5 !important;
}
div[id*="project"] b { /* cím kinézete */
margin: 25px 0px 0px -5px;
width: 100%;
font-family: Arial;
font-size: 14px;
color: #6A6A6A;
padding: 5px;
text-transform: uppercase;
}
div[id*="project"] i { /* dátum kinézete */
font-family: Arial;
font-size: 11px !important;
color: #B9B9B9 !important;
font-weight: bold;
}
a.project-link:link, a.project-link:visited { /* linkek a doboz alatt */
background: #D5D5D5 !important;
color: #ffffff !important;
padding: 8px;
margin: 4px;
font-family: Arial;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 3px solid #7A7A7A;
line-height: 10px;
}
a.project-link:hover {
background: #939393 !important;
color: #ffffff !important;
text-decoration: none;
font-family: Arial;
font-size: 10px;
border-bottom: 3px solid #7A7A7A;
}
</style>


1 698 megtekintés

Hozzászólások