keyvan

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

28 پست در این موضوع قرار دارد

سلام

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

در این کد


.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 جدید براش نوشته بشه و در این 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;}

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

این بالت های کنار نوشته ها برای تگ li هست یا عکس هست؟

به اشتراک گذاری این پست


لینک به پست

خوب الان میخواین این ها فاصله ش با نوشته کم بشه. باید اول مقدار 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;
}

به اشتراک گذاری این پست


لینک به پست

div21 را با definepost-body در کدهابی که من دادم عوض کنید

به اشتراک گذاری این پست


لینک به پست

div21 مربوط به خود قالب هست، محیطی که اخرین ارسال ها در آن نمایش داده میشود

به اشتراک گذاری این پست


لینک به پست

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

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


<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;
}

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری