2019. 03. 05.Videó | Vízjel eltüntetése képről Photoshop-ban
2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
Coppermine Gallery themes

Coppermine Gallery themes
593 napja
1516 néző

WordPress themes

WordPress themes
594 napja
468 néző

G-Portál themes

G-Portál themes
594 napja
172 néző

Tumblr themes

Tumblr themes
594 napja
235 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>


2 178 megtekintés

Hozzászólások