Cikkajánló
Sziasztok! A napokban készítettem rendelésre G-Portálos design-okat, és úgy belejöttem, hogy csak úgy, mert éppen volt időm, csináltam négy darab ingyen letölthetőt is :) Többször van, hogy mostanában úgy
Elég régen nem hoztam már menüstílusokat és project dobozokat, így ma mivel volt némi időm hoztam két-két darabot. Nekem nagyon tetszik mindegyik :) A két project doboz majdhogynem megegyezik
A nagy melegre való tekintettel nem sok mindenhez van kedvem, így egy újabb G-Portálos egyszerű kinézetet hoztam nektek :) Most már nagyon-nagyon jó lenne, ha ez a  hőség megszűnne,
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
CSS szövegdoboz 1.

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. Mindezt a CSS segítségével. Képet is tehetsz bele :) Linket, bármit.
LindaDesign

 


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="/" target="_blank">LindaDesign</a>
            </p>

 

            <p>
                <img alt="" src="/images/scripts/szovegdobozok/006/002.png" style="width: 420px; height: 203px;" />
            </p>

            <p>
                &nbsp;
            </p>
        </div>

        <p>
            &nbsp;
        </p>
    </div>
</div>


CSS kód
 

<style type="text/css">
div.background {
  width:650px; /* doboz szélessége */
  height:100%; /* doboz magassága */
  background:url(/images/scripts/szovegdobozok/006/001.jpg) repeat; /* doboz háttere */
  border:2px solid #FB5799; /* külső keret */
}
div.transbox {
  width:550px; /* 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>

lindadesign Hozzászólások
1 989 megtekintés

Hozzászólások