Home Forums Panda HTML Theme Reply to Hansolgo's question on TF

This topic contains 1 reply, has 1 voice, and was last updated by  Johnny 4 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #770

    Johnny
    Participant

    1. list-portfolio-1_1.html add mouseover effect
    copy these code replace all li tag:

    <li style="height: 400px; width: 400px; position: absolute; left: 0px; top: 0px; -webkit-transform: translate(10px, 0px);" class="item da-thumbs  imageblock haslink gui masonry portfolio container isotope-item">
                            <div class="gallery_wrap card">
                                <div class="front face" style="overflow:hidden;">
                                    <img class="thumb" alt="GalleryPost demo 12" src="./img/demo/demo400x400.jpg">
                                </div>
                                <div class="back face">
                                    <div class="thumb_info_wrap">
                                        <h2><a href="./content-gallery-post.html" title="GalleryPost demo 12" style="cursor: pointer;">GalleryPost demo 12</a></h2>
                                        <ul class="hover_thumb_wrap">
                                            <li class="hover_thumb_unit">
                                                <a href="./img/demo/demo612x612.jpg" title="GalleryPost demo 12" class="imgwrap"  data-rel="prettyPhoto[177]" style="cursor: pointer;"><img width="50" height="50" src="./img/demo/demo50x50.jpg" class="attachment-50x50" alt="IMG_1880"></a>
                                            </li>
                                            <li class="hover_thumb_unit">
                                                <a href="./img/demo/demo612x612.jpg" title="GalleryPost demo 12" class="imgwrap"  data-rel="prettyPhoto[177]" style="cursor: pointer;"><img width="50" height="50" src="./img/demo/demo50x50.jpg" class="attachment-50x50" alt="IMG_1805"></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!--End gallery_wrap  -->
                        </li>

    2. change duration
    open css/style.flip.css, find all 0.6s change to what value you want.

    Thanks

    • This topic was modified 4 years ago by  Johnny.
    • This topic was modified 4 years ago by  Johnny.
    • This topic was modified 4 years ago by  Johnny.
    #786

    Johnny
    Participant

    hi, for ‘have images listed instead of a gallery’, please replace single-wrap div with this:

    <div id="single-wrap">
    			<ul class="image-wrap">
    							<li>
    					<img src="path/to/someimage.jpg" alt="a">
    				</li>
    								<li>
    					<img src="path/to/someimage.jpg" alt="b">
    				</li>
    							</ul>
    			</div>

    good luck

    • This reply was modified 4 years ago by  Johnny.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.