انجمن

  • سید مهدی امامی

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

    درود
    من در صفحه اصلی سایتم یک بخشی را فعال کردم که مطالب یک دسته خاص را نمایش می دهد
    حالا چه طور می تونم به این بخش استایل بدم
    سپاس

    sheravar.com

    پایین صفحه اول سایت برید کاملا مشخصه

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    آموزش وردپرس
  • آموزش وردپرس

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

    اول بزارشون داخل یه کلاس منحصر به فرد که قبلا نبوده تا من کدشو بدم با تشکر
    ارادتمند : مسلم فلاح نیت

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

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

    amoozesh98com گفت:
    اول بزارشون داخل یه کلاس منحصر به فرد که قبلا نبوده تا من کدشو بدم با تشکر
    ارادتمند : مسلم فلاح نیت

    درود
    این کارو کردم
    حالا می خوام به این باکس یک استایل زیبا و جالب بدم

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    آموزش وردپرس
  • آموزش وردپرس

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

    لطفا این کلاس رو که ایجاد کرده بودین <div class="box-1learn">

    بزارید داخل کلاس left-col index.php قالب اینطوری استاندارد نیست با تشکر
    ارادتمند : مسلم فلاح نیت

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

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

    amoozesh98com گفت:
    لطفا این کلاس رو که ایجاد کرده بودین <div class="box-1learn">

    بزارید داخل کلاس left-col index.php قالب اینطوری استاندارد نیست با تشکر
    ارادتمند : مسلم فلاح نیت

    درود هرچه تلاش می کنم موفق نمی شم اون چیزی که می خوامو درست کنم
    اگر ممکنه یک کلاس با استایلش برای من اینجا قرار بدید که در سایتم تعریف کنم
    می خواهم در یک سطر 2 تا باکس داشته باشم
    اما در حال حاضر در یک سطر یک باکس دارم

  • آموزش وردپرس

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

    کدی های index.php قالبتون رو داخل سایت زیر قرار بدین و لینکشو اینجا بزارید.

    http://hastebin.com

    با تشکر
    ارادتمند : مسلم فلاح نیت

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

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

    amoozesh98com گفت:
    کدی های index.php قالبتون رو داخل سایت زیر قرار بدین و لینکشو اینجا بزارید.

    http://hastebin.com

    با تشکر
    ارادتمند : مسلم فلاح نیت

    سلام
    من ونستم 2 تا باکس اوکی کنم در انتهای صفحه اصلی سایت
    می تونید در سایت مشاهده بفرمایید

    حالا می خواهم هر لینکی در از لینک دیگه جدا بشه

    <div class="postboxx">
    <div class="singletitlee">گوناگون</div>
    <?php
    $my_query = new WP_Query('showposts=23&cat=14012');
    while ($my_query->have_posts()):
    $my_query->the_post();
    $do_not_duplicate = $post->ID;?>
     <a href="<?php the_permalink() ?>"><?php the_title(); ?></a></br>
    <?php endwhile; ?>
    
    <div class="clear"></div>
    </div>

    اینم کد باکسمه

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    آموزش وردپرس
  • آموزش وردپرس

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

    اصلا نفهمیدم یعنی چی در از لینک یگه جدا باشه ؟ با دقت و خانا بگید لطفا

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

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

    amoozesh98com گفت:
    اصلا نفهمیدم یعنی چی در از لینک یگه جدا باشه ؟ با دقت و خانا بگید لطفا

    درود و سلام مجدد
    من در انتهای صفحه اصلی سایتم 2 تا باکس ایجاد کردم که مطالب دسته دلخواه را نمایش می دهد
    (این 2 تا باکس در یک سطر قرار دارند که من هم همین را می خواهم)
    حالا من هدفم اینه که به این باکس یک استایل و ظاهر زیبایی بدیم
    ظاهرش مثل این تصویر بشه

    http://8pic.ir/images/n834ibwj3abnxf6temem.png

    این هم کد های index.php سایتم

    <?php get_header(); ?>
    <div class="middle">
    <?php get_sidebar(); ?>
    <div class="mainpart">
    
    	<link rel='stylesheet' id='meteor-slides-css'  href='<?php bloginfo('template_directory'); ?>/boxes.css' type='text/css' media='all' />
    
    	<div class="homepage-last-posts">
    		<div class="right-col">
    			<div class="box-icon"><img src="<?php bloginfo('template_directory'); ?>/images/icon-photo.png" alt="تصویر" /></div>
    			<div class="box-name">تصویر</div>
    		</div>
    		<div class="left-col">
    			<h3><a href="#" title="آرشیو بخش تصاویر">آرشیو بخش تصاویر</a></h3>
    			<div class="posts">
    				<ul>
    					<?php
    					$query = new WP_Query( 'cat=14012&posts_per_page=15');
    					if ( $query->have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?>
    					<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><div class="image"><?php if ( has_post_thumbnail() ) {the_post_thumbnail(); } ?></div></a><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
    					<?php endwhile; wp_reset_postdata(); endif;?>
    				</ul>
    			</div>
    		</div>
    	</div>
    
    	<div class="homepage-last-posts">
    		<div class="right-col">
    			<div class="box-icon"><img src="<?php bloginfo('template_directory'); ?>/images/icon-video.png" alt="تصویر" /></div>
    			<div class="box-name">فیلم</div>
    		</div>
    		<div class="left-col">
    			<h3><a href="#" title="آرشیو بخش ویدئو">آرشیو بخش ویدئو</a></h3>
    			<div class="posts">
    				<ul>
    					<?php
    					$query = new WP_Query( 'cat=14119&posts_per_page=15');
    					if ( $query->have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?>
    					<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><div class="image"><?php if ( has_post_thumbnail() ) {the_post_thumbnail(); } ?></div></a><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
    					<?php endwhile; wp_reset_postdata(); endif;?>
    				</ul>
    			</div>
    		</div>
    	</div>
    
    <div class="postboxx">
    <div class="singletitlee">گوناگون</div>
    <?php
    $my_query = new WP_Query('showposts=23&cat=14012');
    while ($my_query->have_posts()):
    $my_query->the_post();
    $do_not_duplicate = $post->ID;?>
     <a href="<?php the_permalink() ?>"><?php the_title(); ?></a></br>
    <?php endwhile; ?>
    
    <div class="clear"></div>
    </div>
    
    <div class="postboxx">
    <div class="singletitlee">اخبار داغ شبکه های اجتماعی</div>
    <?php
    $my_query = new WP_Query('showposts=23&cat=16908');
    while ($my_query->have_posts()):
    $my_query->the_post();
    $do_not_duplicate = $post->ID;?>
     <a href="<?php the_permalink() ?>"><?php the_title(); ?></a></br>
    <?php endwhile; ?>
    
    <div class="clear"></div>
    </div>
    
    </div>
    </div>
    <div class="clear"></div>
    <?php get_footer(); ?>

    با احترام

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    آموزش وردپرس
  • آموزش وردپرس

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

    خط 127 style.css بشه این شکلی

    .singletitlee {
        background: none repeat scroll 0 0 #7fba00;
        border: 6px double ghostwhite;
        border-radius: 5px 20px;
        color: white;
        font-size: 18px;
        margin-bottom: 20px;
        padding: 10px 30px 10px 0;
    }

    و بعد هم بعد از این این رو بزارید.

    .postboxx a {
        border-bottom: 1px dotted #d1d1d1;
        color: #19007d !important;
        display: block;
        margin-top: -14px;
        padding-bottom: 7px;
        padding-top: 1px;
    }

    با تشکر
    ارادتمند : مسلم فلاح نیت

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

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

    amoozesh98com گفت:
    خط 127 style.css بشه این شکلی

    .singletitlee {
        background: none repeat scroll 0 0 #7fba00;
        border: 6px double ghostwhite;
        border-radius: 5px 20px;
        color: white;
        font-size: 18px;
        margin-bottom: 20px;
        padding: 10px 30px 10px 0;
    }

    و بعد هم بعد از این این رو بزارید.

    .postboxx a {
        border-bottom: 1px dotted #d1d1d1;
        color: #19007d !important;
        display: block;
        margin-top: -14px;
        padding-bottom: 7px;
        padding-top: 1px;
    }

    با تشکر
    ارادتمند : مسلم فلاح نیت

    سلام و عرض ادب فراوان
    من دستورات را اجرا کردم
    اما باز هم مانند این شکل نشد

    http://8pic.ir/images/n834ibwj3abnxf6temem.png

    منظورم اینه که اون علامت های سمت راست عنوانا نیست

  • آموزش وردپرس

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

    این مورد چون سایت شما باکسش کوچک هست و مقداری غیر استاندارد کد شده بهترین از به نظرم نمیشه نه اینکه نشه یه مقداری ریزه کاری داره واقعا...

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

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

    amoozesh98com گفت:
    این مورد چون سایت شما باکسش کوچک هست و مقداری غیر استاندارد کد شده بهترین از به نظرم نمیشه نه اینکه نشه یه مقداری ریزه کاری داره واقعا...

    سپاس در همین حدشم خوبه ممنون از لطفتون
    فقط یک پیز اون هم این که امکانش هست زمانی که موس می ره روش رنگش عوض بشه

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    آموزش وردپرس
  • آموزش وردپرس

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

    به سایت w3shcools.com برید و از قسمت آموزش css خاصیت hover رو یاد بگیرید با دادن hover به تگهای a مربوط به این باکس میشه رنگ تنظیم کرد مثلا

    .inbox a:hover
    {
    color:red;
    }
    
    ya color: #fff;

    با تشکر
    ارادتمند : مسلم فلاح نیت

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

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



برچسب‌ها

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