Egyszerű szövegdoboz 1. |
Ez egy nagyon klassz friss dobozka. Mondjuk a főoldalon ebben írhatod a napi frissítéseket. A doboz szélességre automatikusan állítódik, attól függően mennyire keskeny vagy vastag az oldalad :) Képeket is lehet beletenni. Ha nem tetszik a doboz színe, akkor a CSS-ben átírhatod a színeit. Szöveg, kép, link vagyis minden mehet bele.
|
írta: LindaDesign ; időpont: 2010. Január 10.. |
Szövegdoboz kódja
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="main1">
Egyszerű szövegdoboz 1.
</td>
</tr>
<tr>
<td class="main2">
<p>
Ez egy nagyon klassz friss dobozka. Mondjuk a főoldalon ebben írhatod a napi frissítéseket. A doboz szélességre automatikusan állítódik, attól függően mennyire keskeny vagy vastag az oldalad :) Képeket is lehet beletenni. Ha nem tetszik a doboz színe, akkor a CSS-ben átírhatod a színeit. Szöveg, kép, link vagyis minden mehet bele.
</p>
<p style="text-align: center;">
<br />
<img alt="" src="/images/scripts/image-effects/008.png" style="width: 300px; height: 300px;" />
</p>
</td>
</tr>
<tr>
<td class="main3">
írta: <em>LindaDesign </em>; időpont:<em> 2010. Január 10..</em>
</td>
</tr>
</tbody>
</table>
CSS kód
<style type="text/css">
.main1 { /* cím kinézete */
background-color: #1B1C16;
font-family: Trebuchet MS;
font-size: 15px;
font-weight: bold;
font-style: normal;
color: #DCF8FF;
text-align: center;
text-transform: uppercase;
border-bottom: 5px solid #E275DA;
padding: 8px;}
.main2 { /* tartalom kinézete */
background-color: #DFF9FF;
font-family: Arial;
font-size: 14px;
font-weight: normal;
color: #484848;
text-align: justify !important;
padding: 8px;
}
.main3 { /* alsó rész kinézete */
background-color: #F7E7F3;
font-family: Arial;
font-size: 12px;
color: #484848;
text-align: center;
padding: 4px;
}
-->
</style>
3 046 megtekintés