Aemy Design
Találd meg magad eme kreatív világban!
Színváltós táblázatos oldalmodul

A táblázatos oldalmodul elkészítése ezzel a leírással pofon egyszerű lesz. A dolgod, hogy egy üres oldalsó modulba helyezd kódnézetben. Alá pedig a css kódot másold. A tartalmat magad szabhatod az oldaladhoz mérten.

Íme a másoladnó rész:

<table style=”width:300px;”>
<tbody><tr><td class=”fej”></td>
</tr><tr><td class=”tor”>
<h1>Modul címe</h1>
<img src=”KÉP-LINK” style=”float:left;margin-right:5px;width:100px;”>Lunere ceter qui munere ceteros, philosophia, an iriure lirium obress dolor tudopi visu kedole izaser cukeritus cotidieque intellegam. Rotidieque pro, dolore delenit lotidieque prol nusquam… Sais accommodare pri rebum jophia, an iriure senserit.
<center><p><!– oldalmenü kód eleje –>
<div class=”kiemeltmenu”>
<a href=”#”> Menüpont </a>
<a href=”#”> Menüpont </a>
<a href=”#”> Menüpont </a>
<a href=”#”> Menüpont </a>
</div> <!– oldalmenü kód vége –><p></center>
Deritus cotidieque pro, dolore delenit lotidieque prol nusquam… Sais accommodare pri rebum jophia, ceteros ique omittam quiteant… <i>dőlt</i> <u>aláhúzott</u> <b>félkövér</b> <em>kiemelt</em> <s>áthúzott</s> Deritus cotidieque pro, dolore delenit lotidieque prol nusquam…
<blockquote>Deritusmunere cotidieque lotidieque…</blockquote>
Sais accommodare pri rebum jophia sensereritus cotidieque pro, dolore delenit lotidieque praccommodare pri rebum jophia, an iriure.
</td></tr><tr><td class=”potroh”>
</td></tr></tbody></table>

 

<style type=”text/css”>
td.fej {/* oldalmodulfejléc */
background-image: url(“”);
background-color: transparent ;
font-size: 16px;
font-family: georgia ;
color: #ffffff ;
font-weight: bold ;
font-style: italic ;
text-transform: normal;
text-align: center ;
padding: 0px;
text-shadow: #ffffff 0px 0px 0px;
border: 0px solid #c4325a ;
letter-spacing: 1px;
height: 0px; }

td.tor { /* modul tartalmi része egész */
background-image: url(“”);
background: -moz-linear-gradient(bottom, #356b6b, #7dc3c3 100%); /* szinatmenet Firefox */
background: -webkit-gradient(linear, bottom, center top, from(#356b6b), to(#7dc3c3)); /* Chrome, stb */
font-family: trebuchet ms;
font-size: 12px;
color: #ffffff ;
text-align: justify;
padding:10px;
border: 0px solid #ffffff ;
text-shadow: #ffffff 0px 0px 0px; }

.potroh { /* modulalj */
background: url(”);
background-color: transparent ;
color: #ffffff ;
border: 0px solid #ffffff ;
height: 0px; }

/*kiemelések*/

EM {
color: #222222 ;
font-family: arial;
text-decoration: none;
letter-spacing: 1px;}

U, underground {
color: #222222 ;
font-family: arial;
text-decoration: underground;
font-weight: none;}

B, strong {
color: #222222 ;
font-family: arial;
font-weight: bold; }

I {
font-style: italic;
color: #222222 ;
font-family: arial; }

S {
color: #222222 ;
font-family: georgia;
text-decoration: strike; }

blockquote {
background: #e5e3cd;
font-family: Arial Narrow;
text-align: justify;
color: #222222;
padding: 5px;
}

/* kiemelt menü */
.kiemeltmenu{
list-style: none;
margin: 0;
padding: 0;
text-align:center; }

.kiemeltmenu a , a.kiemeltmenu:link , .kiemeltmenu a:visited , a.kiemeltmenu:visited {
font-family: Arial Narrow;
background: #ffffff !important;
color: #56382d !important;
padding: 7px 7px 7px 7px;
margin: 1px;
margin-top: 6px;
font-size: 11px;
font-weight: normal;
letter-spacing: 1px;
text-transform: none;
text-shadow: 0px 0px 0px #ffffff;
line-height: 10px;
display: inline-block; }

.kiemeltmenu a:hover , a.kiemeltmenu:hover {
background: #ffffff !important;
text-decoration: none !important;
color: #ae8977 !important;}

/* kép */
img , a img {
background-color: #ae8977 ;
padding: 0px;
margin: 0px;
opacity: 0.95; /* halványítás */ }

a img:hover {
background-color: #ae8977 ;
padding: 0px;
margin: 0px;
opacity: 1.00; /* halványítás */ }

h1 { font-weight: normal !important;
text-align: center;
color: #ffffff;
font-family: georgia;
font-size:24px;
background: transparent; font-weight: bold;
font-style: italic; letter-spacing: -1px;
padding: 10px; }

</style>