
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>
2 532 megtekintés