GameKing said:

Salam, sifirdan yazdigim, kicik de olsa belke ekser chat heveskarlarinin axtardigi plug-in -i paylasmaq isteyirem.

Ilk once top-picture.php adinda fayl yaradib icerisine asagidaki kodlari yazin.

PHP:

<style>
    #content {
        margin: auto;
        overflow-x: auto;
        white-space: nowrap;
    }

    .parent {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin-top: 32px;
        margin-left: 5px;
    }

    .image1 {
        position: relative;
        top: 0;
        left: 0;
        width: 64px;
        height: 64px;
        border: 2px rgba(229, 97, 96, .5) dashed;
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
    }

    .image2 {
        position: absolute;
        top: -32px;
        right: -32px;
        transform: rotateY(0deg) rotate(45deg);
        z-index: 9999;
    }
</style>

<?php

$query = mysql_query("SELECT photo, idfoto FROM albom ORDER BY rand() LIMIT 5;", $link);

?>

<div id="content">

<?php while (list($photo, $idfoto) = mysql_fetch_row($query)): ?>

<div class="parent">
    <img class="image1" src="image.php?img=photos/<?=$idfoto?>/<?=$photo?>&size=70" alt=".">
    <img class="image2" src="./img/christmas-hat.png" alt=".">
</div>

<?php endwhile; ?>

</div>

Daha sonra hemin php faylini index.php faylinda muvafiq yere include edin.

Asagida paylasdigim sekili ise img qovluguna elave edin.

Genişləndirmək üçün klikləyin...