Neko

Kód

CSS kód

<style type="text/css">
div.background {
  width:500px; /* doboz szélessége */
  height:100%; /* doboz magassága */
  background:url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1270480887_22.jpg) repeat; /* doboz háttere */
  border:2px solid #FB5799; /* külső keret */
}
div.transbox {
  width:400px; /* belső doboz szélessége */
  height:100%; /* belső doboz magassága */
  margin:30px 50px;
  background-color:#ffffff; /* belső doboz háttér színe */
  border:1px solid #57A6C5; /* belső doboz kerete */
  opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
}
div.transbox p {
  margin:30px 40px;
  font-weight:normal;
  font-family: georgia; /* betűtípus */
  font-size: 13px; /* betűméret */
  color:#000000; /* betűszín */
}</style>

Szövegdoboz kódja

<div align="center">
    <div class="background">
        <div class="transbox">
            <p>
                Színes szövegdoboz CSS kóddal :) Ide jön a szöveg, amit ki szeretnél emelni. Bármilyen hátteret tehetsz bele és a doboz színét is megváltoztathatod. <em>Mindezt a CSS segítségével</em>. Képet is tehetsz bele :) Linket, bármit.<br />
                <a href="//aranymeli.gportal.hu" target="_blank">www.aranymeli.gportal.hu</a><br />
                <br />
                <img alt="" src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1310799674_65.png" style="width: 300px; height: 145px;" /></p>
        </div>
    </div>
</div>

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.