انجمن


تغییر جزیی قالب لطفا جواب بدید، فکر میکنم خیلی ساده باش  (۷ نوشته)

  • karaneha

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

    با سلام من در قسمت پانوشت سایتم یک ستونبا با عرض 430 و با ارتفاع200 پیکسل دارم، میخواستم مثل همون ستون کنارش هم ایجاد کنم...
    لطفا راهنماییم کنید چطوری میتونم این کار رو انجام بدم؟
    فکر میکنم این تغییر باید در قسمت <!-- Start Change --> به بعد اعمال بشه،چون این ستون افقی ازاون قسمتن ببینید!
    این آدرس دومین:www.ansaralhosein.com
    این هم محتویات footer.php

    <div id="centerbottom">
                    <div class="smallbox"><h3 class="titr"id="center">تــابــلوي ولايــتـــ و امامــــتــ</h3>
            <ul>
            <?php $recent = new WP_Query("category_name=leader&showposts=6"); while($recent->have_posts()):$recent->the_post();?>
    				<li class="hnews-titr"><a href="<?php the_permalink() ?>" rel="bookmark">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/hnews-titr.gif" class="list-img" /><h3><?php the_title(''); ?></h3>
                    </a></li>
                    <?php endwhile; ?>
    
                    </ul>
                    </div>
                    <div class="smallbox"><h3 class="titr">تابــلوي شــهدا و دفــاع مقدس</h3>
           <ul>
            <?php $recent = new WP_Query("category_name=martyr-and-war&showposts=6"); while($recent->have_posts()):$recent->the_post();?>
    				<li class="hnews-titr"><a href="<?php the_permalink() ?>" rel="bookmark">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/hnews-titr.gif" class="list-img" /><h3><?php the_title(''); ?></h3>
                    </a></li>
                    <?php endwhile; ?>
    
                    </ul>
    </div>
                    <div class="smallbox"><h3 class="titr">تابلوي گالري نــوا و نـماي سايت</h3>
    
                    <ul>
            <?php $recent = new WP_Query("category_name=music-movie&showposts=6"); while($recent->have_posts()):$recent->the_post();?>
    				<li class="hnews-titr"><a href="<?php the_permalink() ?>" rel="bookmark">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/hnews-titr.gif" class="list-img" /><h3><?php the_title(''); ?></h3>
                    </a></li>
                    <?php endwhile; ?>
    
                    </ul>
    
                    </div>
    
                    </div>
                    <div class="smallbox"><h3 class="titr">تابــلوي هيئت انصارالحسيـــن(ع)</h3>
    
                    <ul>
            <?php $recent = new WP_Query("category_name=news&showposts=6"); while($recent->have_posts()):$recent->the_post();?>
    				<li class="hnews-titr"><a href="<?php the_permalink() ?>" rel="bookmark">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/hnews-titr.gif" class="list-img" /><h3><?php the_title(''); ?></h3>
                    </a></li>
                    <?php endwhile; ?>
    
                    </ul>
    
                    </div>
                </div><!-- End centerbottom -->
                <!-- Start Change -->
                <div id="box4news-tarahanenovin">
                	<div id="title-tarahanenovin"><h3 class="titr-news"id="center">دانلودآخرین مراسم هـیـتـــ</h3></div>
                   <marquee onmouseover="this.stop()" onmouseout="this.start()" style="margin-right:5px;" direction="up" width="780" height="140"scrollamount="1" behavior="scroll">
    <?php $my_query = new WP_Query("category_name=music-movie/download-end");
    while ($my_query->have_posts()):
    $my_query->the_post();
    $do_not_duplicate = $post->ID;
    ?>
    <div id="class-3">
    <div id="thumb"><?php
    if(has_post_thumbnail()) {
    echo '<a href="'.get_permalink().'">';
    echo get_the_post_thumbnail($post->ID, array(50,50) );
    echo '</a>';
    } ?></div>
    <div id="the_title"><a href="<?php the_permalink(); ?>" class="the_title" style="color:#666;">
    <?php the_title(); ?></a></div>
                  </div>
    
                	 <?php endwhile; ?>
                    		</marquee>	
    
                </div>
    
                <!-- End Change -->
                <div id="footerbox">
                </div>
            </div><!-- End center-content -->
    
            <div id="bottom-content">
            <img src="<?php echo get_template_directory_uri(); ?>/images/arrowr.gif" alt="arrow" align="right" class="arrowr" />
            <marquee direction="right" class="ziarat" width="816"><?php get_key_word(); ?></marquee>
            <img src="<?php echo get_template_directory_uri(); ?>/images/arrowl.gif" alt="arrow" align="left" class="arrowl" />
            </div><!-- End bottom-content -->
        </div><!-- End content -->

    خواهشا کمک کنید اساتید بزرگوار.

  • karaneha

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

    یعنی هیچکس تا حال با این باکسها کارنکرده؟
    این هم محتویات style.css مربوط به این باکس:

    #box4news-tarahanenovin {
    	width:430px;
    	height:150px;
    	background:#000;
    	float:right;
    	margin-right:10px;
              margin-left:10px;
    	margin-bottom:10px;
    	background-color:#e6e4c4;
    	border:#b0ab7c 1px solid;
    	border-radius:5px;
    }
    #title-tarahanenovin {
    	background:url(http://ansaralhosein.com/wp-content/uploads/2013/01/boxbg.gif) no-repeat;
    	width:200px;
    	height:30px;
    	padding-top:3px;
    	text-align:center;
    	margin:8px auto;
    }
    .titr-news{
    	margin-top:7px;
    	width:225px;
    	font-size:11px;
    	font-weight:normal;
    	text-shadow:0 0 0.2em #e6e4c4, 0 0 0.2em #e6e4c4, 0 0 0.2em #e6e4c4;
    }
    #class-3 {
    	width:auto;
    	height:50px;
    	margin-bottom:5px;
    }
    #thumb {
    	width:50px;
    	height:50px;
    	margin-top:5px;
    	float:right;
    }
    #the_title {
    	margin-right:55px;
    	font-size:16px;
    	width:auto;
    	height:auto;
    	padding-top:1px;
    	text-align:right;
    	text-shadow:0 0 0.2em #e6e4c4, 0 0 0.2em #e6e4c4, 0 0 0.2em #e6e4c4;
    }
    #content-tarahanenovin {float:right; width:330px; height:auto;}
    .the_title {
    	overflow: hidden;
        -webkit-transition: All 0.5s ease;
        -moz-transition: All 0.5s ease;
        -o-transition: All 0.5s ease;
        -ms-transition: All 0.5s ease;
        transition: All 0.5s ease;
    }
    .the_title:hover {background:#b0ab7c; padding:2px; border-radius:8px; color:#000;}

    عکس سایت رو هم گذاشتم؛ میخوام یه ستون دقیقا مثل همین کنارش باشه.

    http://upload.tehran98.com/img1/6l4983hwezwfstb29bl.jpg
    لطفا اگه میدونید جواب بدین، من خودم خیلی کارا کردم نشد. نهایتش تونستم یه ستون دیگه زیرش بذارم!!!!!

  • Seo one

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

    این تگ رو باید اضافه کنی

    <!-- Start Change -->
                <div id="box4news-tarahanenovin">
                	<div id="title-tarahanenovin"><h3 class="titr-news"id="center">دانلودآخرین مراسم هـیـتـــ</h3></div>
                   <marquee onmouseover="this.stop()" onmouseout="this.start()" style="margin-right:5px;" direction="up" width="780" height="140"scrollamount="1" behavior="scroll">
    <?php $my_query = new WP_Query("category_name=music-movie/download-end");
    while ($my_query->have_posts()):
    $my_query->the_post();
    $do_not_duplicate = $post->ID;
    ?>
    <div id="class-3">
    <div id="thumb"><?php
    if(has_post_thumbnail()) {
    echo '<a href="'.get_permalink().'">';
    echo get_the_post_thumbnail($post->ID, array(50,50) );
    echo '</a>';
    } ?></div>
    <div id="the_title"><a href="<?php the_permalink(); ?>" class="the_title" style="color:#666;">
    <?php the_title(); ?></a></div>
                  </div>
    
                	 <?php endwhile; ?>
                    		</marquee>	
    
                </div>
    
                <!-- End Change --><!-- Start Change -->
                <div id="box4news-tarahanenovin">
                	<div id="title-tarahanenovin"><h3 class="titr-news"id="center">دانلودآخرین مراسم هـیـتـــ</h3></div>
                   <marquee onmouseover="this.stop()" onmouseout="this.start()" style="margin-right:5px;" direction="up" width="780" height="140"scrollamount="1" behavior="scroll">
    <?php $my_query = new WP_Query("category_name=music-movie/download-end");
    while ($my_query->have_posts()):
    $my_query->the_post();
    $do_not_duplicate = $post->ID;
    ?>
    <div id="class-3">
    <div id="thumb"><?php
    if(has_post_thumbnail()) {
    echo '<a href="'.get_permalink().'">';
    echo get_the_post_thumbnail($post->ID, array(50,50) );
    echo '</a>';
    } ?></div>
    <div id="the_title"><a href="<?php the_permalink(); ?>" class="the_title" style="color:#666;">
    <?php the_title(); ?></a></div>
                  </div>
    
                	 <?php endwhile; ?>
                    		</marquee>	
    
                </div>
    
                <!-- End Change -->

    البته باید توجه داشته باشی که این تگ رو با تگ قبلی بیاریش تو یه جدول که دو ستون داشته باشه

    اگه عرض جدول ها بیشتر از حد شد با width تنظیم کن البته یه روشی هست که با استفاده از درصد کار میکنه مثلا میگه 50 درصد عرض رو به این جدول اختساص بده

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

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

    سلام ،خیلی ممنون رسول عزیز.
    چه عجب یکی پیدا شد توی این انجمن، جواب بده!
    ببخشید جدول رو چه جوری بیارم؟؟؟؟؟؟؟؟؟ کجا بیارمش؟ داخل همین قسمت؟؟؟
    کجا میتونم آموزش جدول نویسی رو پیدا کنم؟ داخل این سایت که نبود.

  • karaneha

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

    من این دستور table رو که مربوط به html میشه گذاشتم، درست شد ،
    ولی فقط توی مرورگر فایرفاکس.
    دستور table در php چه جوریه؟ آقا رسو لطفا خودتون جواب بدید.

  • Seo one

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

    اره جدول ها رو باید بر اساس html بنویسی .... php به این موضوع ربطی نداره

    باید برای همه مرورگر ها بهینه کنی ولی تگ table تو html 5 پشتیبانی میشه فکر ننم مشکل از اون باشه یا مرورگر های دیگه ات خیلی قدیمی هست یا مشکل تو نوشتن این تکه برنامه هست ...

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

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

    خیلی ممنون- مشکلم حل شد.

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



برچسب‌ها

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