رفتن به مطلب

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


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

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

post-5095-0-51961200-1422469869_thumb.pn

لینک به ارسال

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

لینک به ارسال


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

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

لینک به ارسال

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


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

لینک به ارسال

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

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

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

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

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

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

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

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

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