کمک در استایل دادن به لیست

[نسـتـــرن 194]

سلام

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

این عکس:

http://upload7.ir/images/46673526113425454569.jpg

هایلایت شده ها رو میخوام تبدیل کنم به این شکل:

http://upload7.ir/images/65830069046413659344.jpg

اما هرکاری میکنم نمیشه که نمیشه.ی حالت لیست به خودش میگیره.با inspect element نمیتونم درسش کنم.

میشه کسی راهنماییم کنه؟مرسی

صفحه مورد نظر:

http://glassy-garden.com/

[سعید شعبانی 2,046]

برای من که درست نشون میده

آدرس هم اشتباه داده بودید. این بخش

[ali56 197]

این کد جایگزین خط 76 کن

.tab1_container ul li a{font:12px 'glass';}

این کد هم جایگزین خط 415

.post-info2 span{color:#313131; margin-right:5px;}

تست کن

ویرایش شده در تیر 92 توسط ali56

[نسـتـــرن 194]

ممنونم

درست نشد

فکر کنم البته مشکل بنده رو متوجه نشدید

تو اون کادر زرده اسامی مانند نام نویسنده و دسته بندی باید افقی کنار هم باشیند.مانند این عکسه:

http://upload7.ir/images/65830069046413659344.jpg

اما الان این شکلیه تو همون صفحه اصلی

http://upload7.ir/images/46673526113425454569.jpg

[imanfakhar 26,207]

.Example ul{
display:block;
line-height:24px;
list-style:none;
margin:0;
padding:0;
}
.Example ul li {
float: right;
display:inline-block;
padding:0;
margin:0px;
}
.Example ul li:first-child {
margin-right:100px;
}
.Example ul li a {
display:block;
padding:5px 15px;
text-align:center;
}

بجای Example نام کلاس مربوطه را بنویسید

[نسـتـــرن 194]

ممنونم.ولی نشد.

[سعید شعبانی 2,046]

به نظر من کلا از اول html markup این بخش (بخش پست ها ) را بنویسید چون اینطور که من دیدم درست کد نویسی و البته استایل دهی نشده بود. بخش هایی که روی اون بخش نامرتب اثر زیادی گذاشته بودند موار زیر هستند

<p class="caption">
<div class="post-info2">
<span>

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

ویرایش شده در تیر 92 توسط سعید شعبانی

[نسـتـــرن 194]

قبول دارم.یکم شلخته است:دی

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

<ul>
<?php
$the_query = new WP_Query('cat=3,7,4&showposts=4&orderby=post_date&order=desc');   
while ($the_query->have_posts()) : $the_query->the_post(); ?>
<li>
<?php

if ( has_post_thumbnail() ) {
the_post_thumbnail( 'thumbnail',array('class' => 'stylish'));
}

?>
<p class="caption"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
<div class="post-info2">
<span>نویسنده : <?php the_author_posts_link(); ?></span>
<span>دسته بندی : <?php the_category(', ');?></span>
<span><?php the_time(__('j F Y', 'kubrick')) ?></span>

</div>
</li>

<?php endwhile; ?>
<?php wp_reset_query(); ?>

</ul>

البته این ul خودش داخل

<div class="tab1_container">
<div id="photoshop" class="tab1_content">

هست

[نسـتـــرن 194]

میشه یکی کمکم کنه؟؟؟به خدا فقط تنها مشکلم همینه تو قالب،اصلا نتونستم درستش کنم

اصن اگه میشه هزینه اش رو میدم ی نفر زحمتشو بکشه

[سعید شعبانی 2,046]

با این ژنراتور یک کئوری جدید بسازید و استایل اضافی هم بهش ندید فقط استایل های لازم را براش قرار بدید

ویرایش شده در تیر 92 توسط سعید شعبانی

[imanfakhar 26,207]

<ul id="nastaran-top-menu">
<?php
$the_query = new WP_Query('cat=3,7,4&showposts=4&orderby=post_date&order=desc');  
while ($the_query->have_posts()) : $the_query->the_post(); ?>
<li>
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail( 'thumbnail',array('class' => 'stylish'));
}
?>
<p class="caption"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
<div class="post-info2">
<span>نویسنده : <?php the_author_posts_link(); ?></span>
<span>دسته بندی : <?php the_category(', ');?></span>
<span><?php the_time(__('j F Y', 'kubrick')) ?></span>
</div>
</li>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
</ul>

#nastaran-top-menu {
display:block;
line-height:24px;
list-style:none;
margin:0;
padding:0;
}
#nastaran-top-menu li {
float: right;
display:inline-block;
padding:0;
margin:0px;
}
#nastaran-top-menu li:first-child {
margin-right:100px;
}
#nastaran-top-menu li a {
display:block;
padding:5px 15px;
text-align:center;
}

[نسـتـــرن 194]

این کوئری آخه تصویر شاخص نمیده.بعدش من کلی تصویر شاخصش رو ویرایش کردم.

[نسـتـــرن 194]

واقعا ممنونم ازتون.اولش درست شد،منتها خیلی به هم ریخته بود.دوباره رفرش کردم دیدم باز درست نشد

شاید کلاس post-info2 مشکل داره.یعنی استایل های اون

[imanfakhar 26,207]

به عنوان تایپیک دقت کنید

مکه شما دنبال کد استایل بندی برای منوی ابتدای سایت نیستید؟

آی دی nastaran-top-menu را به ul مربوطه اضافه کنید و استابل را در style.css قرار بدید(البته فکر نکنم با این کد بتونید منو رو فراخوانی کنید)

[نسـتـــرن 194]

داخل عنوان که چیزی از منو نیست.همین کار ها رو کردم.یعنی استایل ها رو به style.css اضافه کردم و این ul رو هم جایگزین کوئری کردم.البته کدی که دادید قطعا برای ساخت منو نبود،البته منظورتون از منو همون منوهای بالای سایته؟؟

من منظورم رو خیلی بد میرسونم،از این بابت عذر میخوام.البته داخل عنوان هم چیزی از منو نگفتم.فکر کنم تصویر خیلی بیشتر از حرفای من،منظورم رو برسونه

http://uploadax.com/images/83075430544402784160.jpg

[imanfakhar 26,207]

بفرمایید

<div class="post-info2">
<ul class="nastaran-list">
<li>نویسنده : <?php the_author_posts_link(); ?></li>
<li>دسته بندی : <?php the_category(', ');?></li>
<li><?php the_time(__('j F Y', 'kubrick')) ?></li>
</ul>
</div>

و

.nastaran-list {
display:block;
line-height:24px;
list-style:none;
margin:0;
padding:0;
}
.nastaran-list li {
float: right;
display:inline-block;
padding:0;
margin:0px;
}
.nastaran-list li:first-child {
margin-right:100px;
}
.nastaran-list li a {
display:block;
padding:5px 15px;
text-align:center;
}

تست کنید