انجمن


راهنمايي در مورد بند انگشتي  (۷ نوشته)

  • irandll

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳
    # نوشته شده: ۷ سال پیش
    ۲۸ بهمن ۱۳۹۲ - ۲۳:۰۵

    سلام
    من براي سايتم بلوكي تهيه كردم كه 5 مطلب آخر سايت را با خلاصه متن خبر به همراه عكس بنداگشتي نمايش مي دهد و مشكل 2 تا دارم اول اينكه بايد چكار كنم كه بصورت خودكار عكس كه در بند انگشتي آپلود مي كنم در اين بلوك با سايز 70*70 پيكسل نمايش بدهد و دوم مشكل اينكه قرار گيري عكس بنداگشتي و عنوان و خلاصه متن منظم نيست(عكس در بالا و عنوان و متن خلاصه در پايين قرار مي گيرد)مي خواهم عنوان در زيرش خلاصه متن و در كنارش عكس كوچك شده بنداگشتي قرار بگيرد.
    عكس مشكل بلوك من:
    http://up.irandll.net/images/dp0ycf2lofqyarp5tdg6.jpg
    عكس كه مي خوام بلوك من به اين صورت بشود:
    http://up.irandll.net/images/h1w4i7xmlu7aphgdu27x.jpg
    اين هم كد كه من براي اين بلوك خلاصه متن استفاده مي كنم:

    <?php
    query_posts('showposts=6&cat=1,2,27,23'); ?>
    <?php while (have_posts()) : the_post(); ?>
    <div class="hotposts">
    <a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><?php if(has_post_thumbnail()) {the_post_thumbnail();} else {echo '<img src="'.get_bloginfo("template_url").'/images/no-image.gif" />';}?></a><H3><span><a href="<?php the_permalink() ?>" rel="bookmark" target="_blank" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></span></H3>
    <?php the_excerpt(); ?>
    <div style="clear:both;"></div>
    </div>
    <?php endwhile; ?>
    </div>
  • parsian1361

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۲۲
    تشکر شده: ۴۵ بار
    # نوشته شده: ۷ سال پیش
    ۲۹ بهمن ۱۳۹۲ - ۱۰:۲۷

    برای تعیین سایز عکس این کد رو جایگزین کنید و بجای 120,120 اندازه دلخواه خودتون رو بدید:

    <?php
    query_posts('showposts=6&cat=1,2,27,23'); ?>
    <?php while (have_posts()) : the_post(); ?>
    <div class="hotposts">
    <a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><?php if(has_post_thumbnail()) {
    	echo get_the_post_thumbnail($post->ID, array(120,120) );
    	} else {echo '<img src="'.get_bloginfo("template_url").'/images/no-image.gif" />';}?></a><H3><span><a href="<?php the_permalink() ?>" rel="bookmark" target="_blank" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></span></H3>
    <?php the_excerpt(); ?>
    <div style="clear:both;"></div>
    </div>
    <?php endwhile; ?>
    </div>

    برای مورد دوم هم باید برای هر قسمت تو سی اس اس عرض مناسب تعریف کنید تا کنار هم قرار بگیرند

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    irandll
  • irandll

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳
    # نوشته شده: ۷ سال پیش
    ۲۹ بهمن ۱۳۹۲ - ۱۱:۲۰

    سلام
    ممنون دوست عزيز parsian1361 مشكل اول حل شد
    امكان دارد مشكل دوم من هم حل كنيد و كد سي اس اس در اينجا مي گذارم

    /*
    Theme Name:
    Version:
    Author:
    Author URI:
    */
    * {
    	margin: 0;
    	padding: 0;
    }
    
    body {
    background: #e5e5e5 url(images/bg.jpg) repeat-x;
    font-size: 11px;
    line-height: 17px;
    color: #222;
    direction:rtl;
    text-align: justify;
    font-family:tahoma;
    text-align:center;
    }
    
    a {
    text-decoration: none;
    color: #425969;
    }
    a:hover {
    text-decoration: none;
    color: #111;
    }
    
    a.more {
    padding: 3px 5px 3px 5px;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    background-color:#ff7a19;
    -moz-border-radius: 5px;
    }
    
    a.more:hover {
    color: #fff;
    background-color:#373737;
    }
    
    a.btn {
    padding: 4px 6px 6px 6px;
    margin: 3px;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    background-color:#202020;
    -moz-border-radius: 5px;
    }
    
    a.btn:hover {
    color: #1f1f1f;
    background-color:#fff;
    }
    
    div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    	padding: 0px;
    	margin: 0px;
    	vertical-align: baseline ;
    	outline: 0 ;
    	list-style: none;
    	text-decoration: none
    }
    
    input {
    
    color:#797979;
    
    font:normal 11px tahoma;
    
    border:1px solid #d9d9d9;
    
    background:#f7fafb;
    
    }
    
    textarea	{
    
    color:#51535B;
    
    font:normal 11px tahoma;
    
    border:1px solid #d9d9d9;
    
    background:#fbfbfb;
    
    }
    
    #search	{float:left;padding:0;color:#51535B;}
    
    #input	{height:20px; width: 302px; text-align: right; direction: rtl; padding-right:6px; padding-top:3px; border:1px solid #ddd;-moz-border-radius:10px;background:none;margin-bottom: 8px;}
    
    #input2	{height:20px; width: 242px; text-align: right; direction: rtl; padding-right:6px; padding-top:3px; border:1px solid #ddd;-moz-border-radius:10px;background:none;margin-bottom: 8px;}
    
    #warpper {
    margin: 0 auto;
    width: 960px;
    background: #fff;
    box-shadow: 0px 0px 8px #2d2d2d;
    -moz-box-shadow: 0px 0px 8px #2d2d2d;
    -webkit-box-shadow: 0px 0px 8px #2d2d2d;
    text-align: justify;
    }
    
    #header {
    margin: 0 auto;
    width: 960px;
    height: 106px;
    margin-top: 10px;
    background: #fff url(images/header.jpg) no-repeat bottom right;
    
    }
    #nav{
    	background : none;
    height:40px;
    	width :960px ;
    	border : 0;
    padding-top: 5px;
    }
    #nav ul {
    	margin: 0px;
    	padding:0;
    	list-style: none
    }
    #nav ul li {
    	float: left;
    }
    
    #content {
    }
    
    .right {
    float: right;
    width: 150px;
    margin-right: 8px;
    }
    .sidebar-box {
    padding: 3px 5px 3px 5px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    -moz-border-radius: 8px;
    -moz-outline-radius: 8px;
    margin-bottom: 10px;
    outline: 0px solid #ddd;
    list-style-type: none;
    }
    .sidebar-box ul {
    
    list-style-type: none;
    }
    .sidebar-box ul li {
    border-bottom: 1px solid #eee;
    list-style-type: none;
    background:#f5f5f5 url(images/arr.gif) no-repeat top right;
    padding-right:8px;
    }
    .sidebar-box ul li ul {
    border: 0;
    }
    .sodebar-box ul li ul li {
    }
    .sidebar-box H3 {font-size: 11px;}
    
    .rss-box {
    padding: 3px 5px 3px 5px;
    background: #efa903;
    border: 1px solid #d89300;
    -moz-border-radius: 8px;
    -moz-outline-radius: 8px;
    margin-bottom: 10px;
    outline: 0px solid #ddd;
    list-style-type: none;
    color:#fff;
    }
    .rss-box H3 {font-size: 11px;}
    
    .hotposts {
    border-bottom:1px dashed #ddd;
    padding-bottom:7px;
    }
    .hotposts H3 {font-size: 11px; padding-top: 6px;}
    
    .center {
    float: right;
    width:534px;
    margin: 0 4px 0 4px;
    }
    
    .center2 {
    float: right;
    width:474px;
    margin: 0 4px 0 4px;
    }
    
    .centerblocks {
    float: right;
    width: 237px;
    }
    .post {
    border:1px solid #e7e7e7;
    -moz-border-radius: 8px;
    -moz-outline-radius: 8px;
    padding: 3px 5px 8px 5px;
    margin: 0 4px 0 4px;
    background: #fff;
    box-shadow: 0px 0px 5px #ddd;
    -moz-box-shadow: 0px 0px 5px #ddd;
    -webkit-box-shadow: 0px 0px 5px #ddd;
    margin-bottom: 15px;
    }
    .post #block {
    height:150px;
    overflow: hidden;
    
    }
    .post ul {
    list-style-type: none;
    }
    .post ul li {
    border-bottom: 1px solid #eee;
    list-style-type: none;
    background:#fff url(images/arr.gif) no-repeat top right;
    padding-right:8px;
    }
    .post #post-title {
    background: #fff url(images/post.jpg) no-repeat top right;
    }
    .post #post-title h1 {
    font-size: 11px;
    font:bold;
    padding-right: 15px;
    }
    .post #content {
    padding: 4px 5px 8px 5px;
    }
    .post #content img {
    margin: 7px 0 7px 0;
    }
    .post #info {
    padding-right:5px;
    background: #f5f5f5;
    color: #b6b6b6;
    border: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    }
    .post #info:hover {
    background: #ededed;
    color: #232323;
    }
    .post #more {
    }
    
    .author-info {
    background: #fcf2c2 url(images/yellow-bg.gif) bottom right;
    padding: 3px 10px 5px 5px;
    border:1px solid #e7e7e7;
    -moz-border-radius: 8px;
    -moz-outline-radius: 8px;
    margin: 0 4px 0 4px;
    box-shadow: 0px 0px 5px #ddd;
    -moz-box-shadow: 0px 0px 5px #ddd;
    -webkit-box-shadow: 0px 0px 5px #ddd;
    }
    .author-info h4 {
    font-weight: bold;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 8px;
    }
    .author-img {
    float:left;
    border: 5px solid #ded5ab;
    margin: 10px;
    margin-top:0;
    }
    .clipimg {
    float:right;
    width: 99px;
    height: 99px;
    padding: 1px;
    margin: 8px 4px 8px 4px;
    border: 1px solid #ddd;
    }
    .clipimg img {
    border:0;
    width:99px;
    height:99px;
    }
    
    .gameimg {
    float:right;
    width: 86px;
    height: 86px;
    padding: 1px;
    margin: 8px 4px 8px 4px;
    border: 1px solid #ddd;
    }
    .gameimg img {
    border:0;
    width:86px;
    height:86px;
    }
    .game-more {
    padding-right:5px;
    background: none;
    color: #b6b6b6;
    border: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin:0 4px 3px 7px;
    }
    .game-more:hover {
    background: #ededed;
    color: #232323;
    }
    
    .comment {
    padding: 8px 6px 6px 8px;
    direction:rtl;
    }
    .commenthead {
    border-bottom:2px solid #ff7a19;
    padding-bottom:3px;
    }
    .comment-content {
    background: #fff;
    border-bottom:1px dashed #ddd;
    margin:4px 10px 4px 10px;
    padding-bottom: 5px;
    }
    .comment-content #content {
    padding-right: 7px;
    }
    .add-comment {
    padding-right:10px;
    padding-top:10px;
    line-height: 25px;
    }
    
    #text{background:White;
    border:1px solid #E6E6E6;
    text-align:right;
    width:400px;
    height:150px;
    font-family:tahoma;
    font-size:9pt;
    color:#000000;
    margin-top:4px;
    }
    
    #author{
    float:left;
    background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
    border:1px solid #E6E6E6;
    text-align:right;
    font-family:tahoma;
    font-size:9pt;
    color:#000000;
    width:200px;
    height: 20px;
    margin: 1px 0 1px 45px;
    }
    #email{
    float:left;
    background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
    border:1px solid #E6E6E6;
    text-align:right;
    font-family:tahoma;
    font-size:9pt;
    color:#000000;
    width:200px;
    height: 20px;
    margin: 1px 0 1px 45px;
    }
    #url{
    float:left;
    background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
    border:1px solid #E6E6E6;
    text-align:right;
    font-family:tahoma;
    font-size:9pt;
    color:#000000;
    width:200px;
    height: 20px;
    margin: 1px 0 1px 45px;
    }
    
    .left {
    float: left;
    width: 250px;
    margin-left: 8px;
    }
    
    .left2 {
    float: left;
    width: 310px;
    margin-left: 8px;
    }
    
    .articles {
    padding: 10px;
    }
    
    #footer {
    text-align: center;
    font-size: 11px;
    color: #aaa;
    margin-top: 10px;
    border-top: 1px dotted #aaa;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    #footer a { color: #aaa; }
    #footer a:hover { color: #111; }
  • parsian1361

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۲۲
    تشکر شده: ۴۵ بار
    # نوشته شده: ۷ سال پیش
    ۲۹ بهمن ۱۳۹۲ - ۱۸:۱۹

    لطفا آدرس سایت رو اعلام کنید تا بررسی کنم

  • irandll

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳
    # نوشته شده: ۷ سال پیش
    ۲۹ بهمن ۱۳۹۲ - ۲۱:۰۸

    parsian1361 گفت:
    لطفا آدرس سایت رو اعلام کنید تا بررسی کنم

    سلام
    بفرماييد
    http://fun.irandll.net/

  • irandll

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳
    # نوشته شده: ۷ سال پیش
    ۳۰ بهمن ۱۳۹۲ - ۲۲:۰۷

    لطفا كمك كنيد

  • irandll

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳
    # نوشته شده: ۷ سال پیش
    ۲ اسفند ۱۳۹۲ - ۲۳:۴۵

    از دوستان كسي راهنمايي نمي كند؟

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.