Bőrszínű modulstílus
2013.08.16. 16:29
Menü neve |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar rhoncus risus, vel ornare lacus sagittis sit amet. Duis vel sem magna. Proin pulvinar velit eleifend ligula ultrices vestibulum. Nunc posuere dolor eu mauris feugiat dignissim.
|
HTML kód:
<table align="center" border="0" cellpadding="1" cellspacing="1" style="width: 380px; ">
<tbody>
<td class="tablazatfejlec" colspan="2" style="text-align: center;">
Menü neve</td>
</tr>
<tr>
<td class="tablazat" colspan="2" style="text-align: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar rhoncus risus, vel ornare lacus sagittis sit amet. Duis vel sem magna. Proin pulvinar velit eleifend ligula ultrices vestibulum. Nunc posuere dolor eu mauris feugiat dignissim.</td>
</tr>
</tbody>
</table>
CSS kód:
<style type="text/css">
.tablazatfejlec {
font-family: georgia; /*betűtípus*/
font-style: bold; /*betűstílus pl.: dőlt*/
font-size: 18px;
color: #F8F8FF; /*betű színe*/
text-align: none; /*szöveg elhelyezése pl.: középre*/
background: #DEB887; /*kereten belüli mező színe*/
border: 3px solid #DEB887;
background-repeat: no-repeat;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.tablazat {
font-family: georgia; /*betűtípus*/
font-style: none; /*betűstílus pl.: dőlt-italic*/
font-size: 12px;
color: #ffffff; /*betű színe*/
text-align: none; /*szöveg elhelyezése pl.: középre*/
background: #DEB887; /*kereten belüli mező színe*/
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-left-radius: 30px;
}
</style>
|