درخواست نمایش دسته خاص مثل این عکس

Alireza_B13 · بهمن 93

سلام به دوستان عزیز من میخوام یه دسته خاص نمایش بدم توی صفحه اصلیم مثل این عکس کدی چیزی ازش ندارم میخوام اگه کسی میتونه کد اصلیش با css برام بنویسه

فرهاد-سئو · بهمن 93


<html>
<head>
<style>
.row {
width: 600px;
margin: 0 auto 0 auto;
background: #F5F5F5;
border: solid 1px #ebebeb;
border-radius: 4px;
padding: 5px;
}
.row .pic {
position:relative;
width:150px;
height:150px;
text-align:center;
}
.row .pic img {
border:0;
}
.row .pic h2 {
position:absolute;
background:rgba(0, 0, 0, 0.13);
padding:3px;
text-align:center;
font-size:14px;
color:#FFF;
bottom:0;
width:100%;
}
</style>
</head>
<body>
<div class="row">
<div class="pic">
  <img src="images/test.jpg"></img>
  <h2><a href="#" target="_blank"> تست عنوان آزمایشی </a></h2>
</div>
</div>
</body>

</html>

Alireza_B13 · بهمن 93


<html>
<head>
<style>
.row {
width: 600px;
margin: 0 auto 0 auto;
background: #F5F5F5;
border: solid 1px #ebebeb;
border-radius: 4px;
padding: 5px;
}
.row .pic {
position:relative;
width:150px;
height:150px;
text-align:center;
}
.row .pic img {
border:0;
}
.row .pic h2 {
position:absolute;
background:rgba(0, 0, 0, 0.13);
padding:3px;
text-align:center;
font-size:14px;
color:#FFF;
bottom:0;
width:100%;
}
</style>
</head>
<body>
<div class="row">
<div class="pic">
<img src="images/test.jpg"></img>
<h2><a href="#" target="_blank"> تست عنوان آزمایشی </a></h2>
</div>
</div>
</body>

</html>

واقعا ممنونم از شما امکانش هست کد css روی این کد پیاده کنید؟؟


<ul>
<?php $recent = new WP_Query("cat=14&showposts=4");
while($recent->have_posts())
: $recent->the_post();?>
<li class="small">
<a href="<?php the_permalink() ?>"><?php the_post_thumbnail(medium); ?></a>
<div class="title"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<?php the_title(); ?>
</a></div>
</li>
<?php endwhile; ?>
</ul>

اگه تغییری لازم داره کدش مشکلی نیست

mrasoul · بهمن 93

من از این توی قالبم استفاده کردم


Php code :
<?php
	  query_posts('cat=1&showposts=6'); ?>
	  <?php while (have_posts()) : the_post(); ?>
			    <div class="index-post">
							 <div class="post-thumb">
								 <i class="thumb-icon fa-play-circle"></i>
	    <?php
		 if ( has_post_thumbnail() ) { ?>
		 <a href="<?php the_permalink() ?>"> <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src= <?php get_image_url(); ?>&h=160&w=256&zc=1" title="<?php the_title(); ?>" /></a>
	    <?php } else { ?>
	   <a href="<?php the_permalink() ?>"> <img src="<?php bloginfo('template_directory'); ?>/img/nothumb.hpg" title="<?php the_title(); ?>" /></a>
	 <?php } ?>
Css code :
.index-post{
width: 30%;
margin:22px 1.6% 0 1.73%;
float: right;
}
.index-post-title{
margin-top:4px;
height: 40px;
line-height:15px;
border: 1px solid #e9ebf2;
text-align: center;
}
.index-post-title h3{
font-family: BYekan,Tahoma;
font-weight: normal;
color: #828282;
font-size:0.9em;
}
.index-post-title a{
color: #828282;
}

البته این فایل رو هم باید بذاری داخل قالبت

timthumb.php

ورود

درخواست نمایش دسته خاص مثل این عکس

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

Alireza_B13 19

لینک به ارسال

فرهاد-سئو 905

لینک به ارسال

Alireza_B13 19

لینک به ارسال

mrasoul 86

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

فهرست بخش ها

فعالیت ها