erorr

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

9 پست در این موضوع قرار دارد

سلام

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

کد من اینه:


<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>

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

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

یا اینکه مطالب سایت اینجوری باشه مثل این سایت.

0

به اشتراک گذاری این پست


لینک به پست

خب شما حلقه ی پست های index.php رو با ul li شروع کن و کلاس اون رو بهش بده...

1

به اشتراک گذاری این پست


لینک به پست

اینم کد:

<!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>

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

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری