سید مهدی امامیدرود
من در صفحه اصلی سایتم یک بخشی را فعال کردم که مطالب یک دسته خاص را نمایش می دهد
حالا چه طور می تونم به این بخش استایل بدم
سپاس
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;با تشکر
ارادتمند : مسلم فلاح نیتکاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
سید مهدی امامی
آموزش وردپرسدربارهی این موضوع
- خوراک RSS برای این موضوع
- آغاز شده ۹ سال پیش توسط سید مهدی امامی
- آخرین پاسخ توسط آموزش وردپرس
- این موضوع
حل‌شده
