رفتن به مطلب

هاور کردن عکس های مطالب


پست های پیشنهاد شده

سلام

من میخواستم عکس های بند انگشتی مطالب سایتم مثل این بشه .

حتی اندازه و همه چی.

ممنون میشم کمکم کنید خیلی گیر این موضوع هستم

لینک به ارسال

اون آموزش و خوندم ولی نمودنم چجوری تو کدهای وردپرس ازش استفاده کنم!

کد من اینه:


<article>

<a href="<?php the_permalink(); ?>"<div class="thumbnail"><?php if ( has_post_thumbnail() ) {the_post_thumbnail('post-thumb');}else {echo '<img src="' . get_bloginfo( 'template_url' ) . '/img/thumb-135x135.jpg" width="135" height="135" alt="' . get_the_title() . '" title="' . get_the_title() . '"/>';} ?></div></a>

<div class="clear"></div>



</article>

و میخوام وقتی موس میره روش عنوان و لینک مطلب هم نمایش داده بشه

لینک به ارسال

کجای کد ها رو متوجّه نشدید تا بیشتر توضیح بدیم؟

نمیدونم کدهارو چجوری باید جایگذاری کنم تا مثل همین دربیاد!

کدهای php شو نمیدونم کجای کدهای خودم بزارم!

لینک به ارسال

فایل ها رو پیوست کردم بی زحمت یه نگاهی بندازید.

من هر کاری میکنم نمیشه!

global_articles.php

responsive-portfolio-gallery-with-jquery-tutorial.zip

لینک به ارسال

اینم کد:

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" type="text/css" href="fdw-demo.css" media="all" />

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>

<link rel="stylesheet" type="text/css" href="style.css">

<script type="text/javascript" src="js/jquery-v1.7.1.js"></script>

<script type="text/javascript" src="js/jquery-hover-effect.js"></script>

<script type="text/javascript">

//Image Hover

jQuery(document).ready(function(){

jQuery(function() {

jQuery('ul.da-thumbs > li').hoverdir();

});

});

</script>

</head>

<body>

<div id="container">

<div class="freshdesignweb">

<!-- Portfolio 4 Column start -->

<div class="image_grid portfolio_4col">

<ul style="height: 495px;" id="list" class="portfolio_list da-thumbs"><li>

<img src="<?php if ( has_post_thumbnail() ) {the_post_thumbnail('post-thumb');}else {echo '<img src="' . get_bloginfo( 'template_url' ) . '/img/thumb-135x135.jpg" width="135" height="135" alt="' . get_the_title() . '" title="' . get_the_title() . '"/>';} ?>" alt="<?php get_the_post_title(get_option(' title_lenght ')); ?>">

<article class="da-animate da-slideFromLeft" style="display: block;">

<h2><?php get_the_post_title(get_option(' title_lenght ')); ?></h2>

<em><?php the_time('j F Y');?></em>

<span class="link_post"><a href="<?php the_permalink(); ?>"></a></span>

<span class="zoom"><a href="<?php the_permalink(); ?>"></a></span>

</article>

</li>

</ul>

</div>

<!-- Portfolio 4 Column End -->

</div></div>

<!--/ freshdesignweb top bar -->

<script type="text/javascript">

var get_height = window.innerHeight;

var get_height1 = get_height - 25;

var get_container = document.getElementById('container');

get_container.style.height = get_height1 + 'px';

</script>

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(["_setAccount", "UA-10146041-18"]);

_gaq.push(["_trackPageview"]);

(function() {

var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;

ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";

var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

</body>

</html>

فقط یادت نره که حتماً استایل ها و اسکریپت ها رو روی هاستت آپلود کنی و آدرس هاش رو جایگزین آدرس های اصلی این کد کنی.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...