Aemy Design

Üdvözlet

Üdvözlet egy PortálSzépítéssel foglalkozó oldalon, amivel a kezdő és/vagy fejlődni vágyó szerkesztőknek szeretnék segíteni.
Ötleteket találtok a rendezett és igényes oldalhoz, trükköket, képeket, teljes kinézeteket, kódolásokat WordPress és G-Portálos oldalhoz egyaránt.
Kellemes ittlétet!
Aemy

A kódot másold be, majd a css átírásával a megfelelő színűre és méretre szabhatod, hogy passzoljon az oldaladba.
G-Portálon: egy üres oldalsó modulba tedd, kódnézetben
FTP oldalon: a <body> elé tedd.

<div id=”hmenu”>
<ul><li>
<a href=”http://”>Menüpont </a>
</li><li>
<a href=”http://”>Menüpont </a>
</li><li>
<a href=”http://”>Menüpont </a>
</li><li>
<a href=”http://”>Menüpont </a>
</li><li>
<a href=”http://”>Menüpont </a>
</li><li>
<a href=”http://”>Menüpont </a>
</li></ul>
</div>

<style type=”text/css”>
div#hmenu {
margin: 10;
padding: 10px 10 10px 10;
background-color: #232323;
width: 100%;
text-align: center; }

div#hmenu ul {
list-style: none;
margin: 0;
padding: 0;
}

div#hmenu ul li {
margin: 0;
padding: 0;
display: inline; }

div#hmenu ul a:link, div#hmenu ul a:visited{
margin: 0;
padding: 10px 15px 10px 15px;
font-family: Trebuchet MS;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
font-size: 12px;
color: #ffffff;
transition: all .9s ease-in-out; }

div#hmenu ul a:hover{
text-decoration: none;
color: #000000 ;
background-color: #f1e15a ; transition: all .9s ease-in-out;
}</style>

Tovább az eszköztárra