Szöveg doboz, link effekt, menü stílus

Buuu!

Hétvégi  blogger révén gondoltam összehozok valamit, ha már ugye szombat van... Lesz majd még egy facebook borítós posztom is, valószínű holnap vagy ma este.

A problémák elkerülése végett, a címben említett dolgokból hozok egyet... igen csak egyet, hisz aki ért hozzá, az úgy is képes lesz átkódolni a saját stílusának megfelelően. Aki nem ért hozzá, az pedig ír nekem e-mailben és a többit megbeszéljük.

Illetve a fejléc rendeléssel kapcsolatban,  tőlem csak péntek-szombat-vasárnap lehet rendelni :) Vagyis akik nem ekkor küldik/küldték a rendelést azok tőlem biztos nem fognak fejlécet kapni. A fejléceket amúgy általában még hétvégén megcsinálom, rosszabb esetben szerdáig... tehát vagy hétvégén tessék zaklatni, vagy soha :DD

És akkor a lényeg:

Link effekt: (nagyobb lesz a betűk közti rés)

<STYLE type=text/css>
A:hover {

letter-spacing:3pt; CURSOR: hand; COLOR: normal; TEXT-DECORATION: none }
--> </STYLE>

Szöveg doboz:

<div style="background-color: white; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; border-top-left-radius: 22px; border-top-right-radius: 22px; border: 10px groove rgb(250, 191, 255); color: #888888; font-family: arial; font-size: 13px; height: 100px; overflow: scroll; text-align: justify; width: 200px;">

<br /><span style="background-color: #f7f6f6; color: #5a5a59; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 20px; text-align: center;">Szöveg</span></div>

Menü stílus:

• Cím
• Cím
• Cím
• Cím
• Cím

<div class="menu">
<ul>
<li>
            <a href="http://www.blogger.com/Link">Cím</a></li>
<li>
          <a href="http://www.blogger.com/Link">Cím</a></li>
<li>
           <a href="http://www.blogger.com/Link">Cím</a></li>
<li>
           <a href="http://www.blogger.com/Link">Cím</a></li>
<li>
            <a href="http://www.blogger.com/Link">Cím</a></li>
</ul>
</div>
<style type="text/css">
.circlemenu{
width: 100%;
overflow:hidden;
}

.menu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: center;
}

.menu li{
display: inline;
margin: 0;
}

.menu li a{
display:inline-block;
text-align:center;
text-decoration: none;
color: #fff;
background-color: #C58FAA;
text-shadow: 1px 1px 1px #000;
margin: 0;
margin-right:2px;
width:70px;
height:20px;
border-radius: 400px;
-moz-border-radius: 400px;
-webkit-border-radius: 400px;
}

.menu a span{
position:relative;
top:40%;
}

.menu li a:visited{
color: #000;
}

.menu a:hover{
background:#9257AF;
text-shadow: 1px 1px 3px #000;
}</style>

Crystal