رفتن به مطلب

راهنمائی اصلاح کد


پست های پیشنهاد شده

سلام

ببخشید عنوان واضحی انتخاب نکردم

در این کد


.definepost-body{line-height: 18px; text-shadow: 1px 1px #FFFFFF; }
.title-define{margin: -6px 25px 19px 0; text-shadow: 0 0; }
.div56 ul{}
.div56 ul li{background: url(mytheme.ir_08.jpg) no-repeat right center transparent; list-style: none; padding: 0 0 0 0; }
.div56 ul li .last{border-bottom: 1px dashed #AAAAAA; display: block; float: right; padding: 0 7px 5px 0; width: 420px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; }
.div56 ul li .last:hover{background: #DDDDDD; text-decoration: none; }
.post-date{color: #888888; float: left; font-size: 10px; margin: 0 6px 0 0; }
.definepost-bottom{background: url(definepost-bottom.png) no-repeat transparent; float: right; height: 25px; width: 400px; }
.title-posts {
margin: -13px 0 0;

قسمت div56 ul li

مربوط به فلش هست؛ یعنی فلش در کنار عنوان ها

حالا اگر بخوام این فلش رو به این تغییر بدم


باید چیکار کنم

لطفا" دقیق راهنمائی کنید

چطوری بهشdiv بدم

ممنون

لینک به ارسال

میتونید عکس فلش مورد نظر خودتون رو به پوشه قالب منتقل کنید و با استفاده از دستور زیر عکس رو به li نسبت بدید


list-style-image:url(img/list-style.png);

لینک به ارسال

نه منظورم اینه که یهdiv جدید براش نوشته بشه و در این divجدید به جای فلش، این . قرار بگیره

چرا div جدید ؟ اگر میخواید به جای اینکه فلش در کنار عنوان ها قرار بگیره ، همین دستوری رو که گفتم رو به کلاس عنوان هاتون بدید و عکسی رو که میخواید به جای فلش قرار بگیره ( همین مربع یا هر چیزه دیگه ای ) رو جایگزین url من کنید

ویرایش شده توسط ialireza
لینک به ارسال

نشد

میدونید مشکل ار کجاست، مشکل اینه که این فلش ها در لیست آخرین ارسال ها که کدش رو گذاشتم کنار عنوان که باید قرار بگیره، قرار نمیگیرد، و به ای اون در مطالبم وقتی مطلبی و به این شکل میذارم،

  • تست
  • تست
  • تست

اون فلش میاد به جای اون نقطه ها

لینک به ارسال

آقا مشکل رو تا حدودی رفع کردم ، یه مقدار کدها رو حذف کردم

الان اینطوری شده ، و در کنار هر ارسال قرار نمیگیره، این رفع بشه فقط

post-523-0-16772200-1358777846_thumb.jpg


.definepost-body{line-height: 18px; text-shadow: 1px 1px #FFFFFF; }
.title-define{margin: -6px 25px 19px 0; text-shadow: 0 0; }
.last{border-bottom: 1px dashed #AAAAAA; display: block; float: right; padding: 0 7px 5px 0; width: 420px;-moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; }
.last:hover{background: #DDDDDD; text-decoration: none; }
.post-date{color: #888888; float: left; font-size: 10px; margin: 0 6px 0 0; }

ویرایش شده توسط کیوان65
لینک به ارسال

خوب گویا فقط خودم دارم به خودم پاسخ میدم

الان درست شد، فقط تاریخ ارسال مطلب در کنار عنوان قرار نمیگیره ،میاد پایین؛ این رو راهنمائی کنید

post-523-0-36384400-1358781745_thumb.jpg

لینک به ارسال

خاصیت float هر دو تگ را یکی قرار دهید تا در کنار هم باشند

البته اگر از نظر width کمبودی نباشد

لینک به ارسال
خوب گویا فقط خودم دارم به خودم پاسخ میدم

همیشه بهترین نفری که میتونه جواب شما رو بده خودتون هستید بعد دیگران . میتونید با جستجوی ساده اکثر مشکلات رو حل کنید .

لینک به ارسال

خاصیت float هر دو تگ را یکی قرار دهید تا در کنار هم باشند

البته اگر از نظر width کمبودی نباشد

ممنون

ولی درست متوجه نشدم

این آخرین کد که ویرایش کردم

میشه همونی رو که گفتید در این کد بذارید


.definepost-body{line-height: 18px; text-shadow: 1px 1px #FFFFFF; }
.title-define{margin: -6px 25px 19px 0; text-shadow: 0 0; }
.last{border-bottom: 1px dashed #aaaaaa; display: block; padding: 0 7px 5px 0; width: 420px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; }
.last:hover{background: #dddddd; text-decoration: none; }
.post-date{color: #0f0f0f; float: left; font-size: 10px; margin: 0 6px 0 0;}

ویرایش شده توسط کیوان65
لینک به ارسال

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

.title-define{margin: -6px 25px 19px 0; text-shadow: 0 0;float: right}
.post-date{color: #0f0f0f; float: right; font-size: 10px; margin: 0 6px 0 0;padding: 0 0px 3px 0;}

لینک به ارسال

خوب الان میخواین این ها فاصله ش با نوشته کم بشه. باید اول مقدار padding رو صفر کنید.

اگر css-reset برای پوسته ندارید باید li ها رو ریست کنید.

نکته مهم اینه که padding برای فونت هایی مثل تاهوما متقارن اضافه نمیشه.

لینک به ارسال

padding رو صفر کردم و تغییری نکرد

اگر css-reset برای پوسته ندارید باید li ها رو ریست کنید.

متوچه این قسمت نشدم

ولی اول کار متقارن بود؛ منتها مشکلاتیی داشت، به اینکه این بالت ها رو بباره؛ فلش های موجود در سایت رو براش قرار داده بودنف اون ها رو که هیچ نمی آورد، وقتیی توی متنی از بالت برای برخی متن ها استفاده میکردم؛ همه اش میشد فلش،تا اینجا که این مشکلات رفع شده و فقط مونده اینکه تاریخ ارسال بیاد روبروی ارسال

لینک به ارسال

ببخشید ولی فکر کنم یک کم در حال چرخاندن لقمه اید

این کد را تست کنید


.definepost-body li
{
list-style:square;
list-style-position:inside;
padding-right:25px;
}

و کدهای اصلی را در تگ li بگذارید

لینک به ارسال

ممنون از راهنمائی شما

اما متوجه نشدم باید چیکار کنم؟!


.definepost-body{line-height: 18px; text-shadow: 1px 1px #FFFFFF; }
.title-define{margin: -6px 25px 19px 0; text-shadow: 0 0; float: right; }
.last{border-bottom: 1px dashed #aaaaaa; display: block; padding: 0 7px 5px 0; width: 420px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; }
.last:hover{background: #dddddd; text-decoration: none; }
.post-date{color: #0f0f0f; float: left; font-size: 10px; margin: 0 6px 0 0;}

لینک به ارسال

کدی که ایمان عزیز دادن رو به انتهای کدتون اضافه کنید.

لینک به ارسال

به این شکل قرار دادم اما بازم نشد


.definepost-body{line-height: 18px; text-shadow: 1px 1px #FFFFFF; }
.title-define{margin: -6px 25px 19px 0; text-shadow: 0 0; float: right; }
.last{border-bottom: 1px dashed #aaaaaa; display: block; padding: 0 7px 5px 0; width: 420px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; }
.last:hover{background: #dddddd; text-decoration: none; }
.post-date{color: #0f0f0f; float: left; font-size: 10px; margin: 0 6px 0 0;}
.definepost-body li
{
list-style:square;
list-style-position:inside;
padding-right:25px;
}

لینک به ارسال

کدهای اصلی را هم در li قرار دادید ؟

یعنی باید به این صورت باشه


<div class="definepost-body">
<ul>
کدهای فراخوانی
</ul>
</div>

لینک به ارسال

سلام

کدها در صفحه اصلی بدین شکل قرار داده شده


<div class="div21">
<div class=div55></div>
<div class=div56><font class=text4>
<ul>
<?php $recent = new WP_Query("cat=0&showposts=10"); while ($recent->have_posts()) : $recent->the_post(); ?>
<li><a class="last" href="<?php the_permalink(); ?>" target="_blank" alt="<?php the_title(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a><span class="post-date">(<?php the_time(get_option('date_format')); ?>)</span></li>
<?php endwhile; wp_reset_query(); ?>
</ul>
</font>
</div></div>

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


.definepost-body{line-height: 18px; text-shadow: 1px 1px #FFFFFF; }
.title-define{margin: -6px 25px 19px 0; text-shadow: 0 0; float: right; }
.last{border-bottom: 1px dashed #aaaaaa; display: block; padding: 0 7px 5px 0; width: 420px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; }
.last:hover{background: #dddddd; text-decoration: none; }
.post-date{color: #0f0f0f; float: left; font-size: 10px; margin: 0 6px 0 0;}
.definepost-body li
{
list-style:square;
list-style-position:inside;
padding-right:25px;
}

لینک به ارسال

باید مال خود قالب باشه

برای انحصاری کردنش کدها را این شکلی تغییر دهید


<div class="div21">
<div class=div55></div>
<div class=div56><font class=text4>
<ul class="myulclass">
<?php $recent = new WP_Query("cat=0&showposts=10"); while ($recent->have_posts()) : $recent->the_post(); ?>
<li><a class="last" href="<?php the_permalink(); ?>" target="_blank" alt="<?php the_title(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a><span class="post-date">(<?php the_time(get_option('date_format')); ?>)</span></li>
<?php endwhile; wp_reset_query(); ?>
</ul>
</font>
</div></div>


.definepost-body{line-height: 18px; text-shadow: 1px 1px #FFFFFF; }
.title-define{margin: -6px 25px 19px 0; text-shadow: 0 0; float: right; }
.last{border-bottom: 1px dashed #aaaaaa; display: block; padding: 0 7px 5px 0; width: 420px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; }
.last:hover{background: #dddddd; text-decoration: none; }
.post-date{color: #0f0f0f; float: left; font-size: 10px; margin: 0 6px 0 0;}
.myulclass li
{
list-style:square;
list-style-position:inside;
padding-right:25px;
}

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...