2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Eliza Taylor

Eliza Taylor
37 napja
7 néző

Little Mix

Little Mix
37 napja
15 néző

Gal Gadot

Gal Gadot
37 napja
7 néző

Girls' Generation

Girls' Generation
37 napja
10 néző

Szöveg a kép mögött 2.

Donec lectus sapien, dignissim vitae est non, aliquam suscipit velit. Pellentesque ac ligula tincidunt, elementum tortor eu, mattis dolor. Praesent quis hendrerit odio, sed scelerisque risus. Sed at vulputate velit, eget rutrum est. Duis et elementum libero. Curabitur eu libero sodales eros aliquam sagittis sit amet sit amet odio. Vivamus lorem nisl, varius sit amet vehicula blandit, mattis tempus mi. Donec lectus sapien, dignissim vitae est non, aliquam suscipit velit. Pellentesque ac ligula tincidunt, elementum tortor eu, mattis dolor. Praesent quis hendrerit odio, sed scelerisque risus. Sed at vulputate velit, eget rutrum est. Duis et elementum libero.


Navigáció
 


Szövegdoboz kódja
 

<center>
    <div class="hatterkep">
        <div class="szoveg">
            Donec lectus sapien, dignissim vitae est non, aliquam suscipit velit. Pellentesque ac ligula tincidunt, elementum tortor eu, mattis dolor. Praesent quis hendrerit odio, sed scelerisque risus. Sed at vulputate velit, eget rutrum est. Duis et elementum libero. Curabitur eu libero sodales eros aliquam sagittis sit amet sit amet odio. Vivamus lorem nisl, varius sit amet vehicula blandit, mattis tempus mi. Donec lectus sapien, dignissim vitae est non, aliquam suscipit velit. Pellentesque ac ligula tincidunt, elementum tortor eu, mattis dolor. Praesent quis hendrerit odio, sed scelerisque risus. Sed at vulputate velit, eget rutrum est. Duis et elementum libero.
            <center>
                <p>
                    <br />
                    <strong>Navigáció</strong><br />
                    &nbsp;
                </p>

                <div class="tablazat">
                    <div class="sor">
                        <div class="cella">
                            <p>
                                <a href="ide jön a menü linke">Menüpont</a>
                            </p>
                        </div>

 

                        <div class="cella">
                            <p>
                                <a href="ide jön a menü linkje">Menüpont</a>
                            </p>
                        </div>
                    </div>

 

                    <div class="sor">
                        <div class="cella">
                            <p>
                                <a href="ide jön a menü linkje">Menüpont</a>
                            </p>
                        </div>

 

                        <div class="cella">
                            <p>
                                <a href="ide jön a menü linkje">Menüpont</a>
                            </p>
                        </div>
                    </div>
                </div>
            </center>
        </div>
    </div>
</center>


CSS kód
 

<style type="text/css">
.hatterkep{
    width:400px;
    height:465px;
    background: url(/images/scripts/image-effects/001.png) no-repeat;
}
.szoveg{
    width:380px;
    height:445px;  
    opacity:0;
}
.hatterkep:hover .szoveg {
    font-family: Arial;
    font-size:12px;
    color:#000000;
    text-align: justify;
    background:#ffffff;
    padding:10px;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity: 0.6;
}
.tablazat{
    display: table;
}
.sor{
    display: table-row;
}
.cella{
    width: 190px;
    background: #FDF3EC;
    display: table-cell;
    padding: 10px;
    border-top: 1px solid #F3C6AA;
}
.cella a:link, .cella a:visited, .cella a:hover{ /* link kinézete */
    color: #000000 !important;
}
</style>


1 938 megtekintés

Hozzászólások