ایجاد دکمه ادامه مطلب به جای متن

[ms368]

سلام دوستان

قالبی که استفاده میکنم یه قالب حرفه ایه و چیزی ازش سر در نمیارم جز فارسی سازیش

الان نمایش " ادامه مطلب " به صورت زیره و خیلی ریز و متنیه که ممکنه بازدید کننده متوجه ادامه مطلب نشه ( که چندتا از دوستام هم به این موضوع اشاره کردن )



میخوام که حداقل به صورت عکس یا css یا همچین چیزی باشه که بازدید کننده گمراه نشه

اینم فایل های قالب که نمیدونم کدوم رو باید تغییر بدم



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

 

[ms368]

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

	<p class="links">
		<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php _e('&#1575;&#1583;&#1575;&#1605;&#1607; &#1605;&#1591;&#1604;&#1576; &#46;&#46;&#46;', 'warp'); ?></a> |
		<?php comments_popup_link(__('&#1576;&#1583;&#1608;&#1606; &#1606;&#1592;&#1585;', 'warp'), __('1 &#1606;&#1592;&#1585;', 'warp'), __('% &#1606;&#1592;&#1585;', 'warp')); ?>
	</p>

 

[Essin]

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

	<p class="links">
		<a rel="nofollow" href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php _e('ادامه مطلب ...', 'warp'); ?></a> |
		<?php comments_popup_link(__('بدون نظر', 'warp'), __('1 نظر', 'warp'), __('% نظر', 'warp')); ?>
	</p>

سلام
بجای

<?php _e('ادامه مطلب ...', 'warp'); ?>

کد یک عکس رو قرار بدید بصورت زیر

<img src="آدرس عکس" alt="<?php the_title_attribute(); ?>" />

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

 

[ms368]

آقا ممنون
درست شد
ولی یه مشکل اعصاب خورد کنه دیگه درست شد

وقتی اون نوشته ها رو حذف میکنم یه کاراکتر "»" هنوز میمونه و نمیره و روبروی عکس ظاهر میشه
هر کاری کردم پیداش کنم نشد
حتی نمیشه selectش کرد

اینم کد اصلی

<div id="item-<?php the_ID(); ?>" class="item">

	<h1 class="title"><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>

	<p class="meta"><?php printf(__('نوشته شده توسط %s در %s. دسته بندی %s', 'warp'), '<a href="'.get_author_posts_url(get_the_author_meta('ID')).'" title="'.get_the_author().'">'.get_the_author().'</a>', get_the_date(), get_the_category_list(', ')); ?> <?php if(function_exists('the_views')) { the_views(); } ?></p>
			
	<g:plusone size="medium" href="<?php the_permalink(); ?>"></g:plusone>
	<div class="content"><?php the_content(''); ?></div>

	<p class="links">
		<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php _e('ادامه مطلب ...', 'warp'); ?></a> |
		<?php comments_popup_link(__('بدون نظر', 'warp'), __('1 نظر', 'warp'), __('% نظر', 'warp')); ?>
	</p>
			
	<?php edit_post_link(__('این پست را ویرایش کنید', 'warp'), '<p class="edit">','</p>'); ?>

</div>

از طریق view page source هم اصلا چنین کاراکتری توش نمیتونم پیدا کنم ( عکس هم نیست )

چیکار کنم ؟

میشه به جای حذف کردن نوشته یه کد Css بذارم که فقط یه کادر رنگی بیاد زیر نوشته و نوشته محفوظ بمونه ؟

 

[Essin]

خواهش میکنم
تو کد

[COLOR=#000000]<p class="links"> [/COLOR]

رو پیدا کنید و به جاش

[COLOR=#000000]<p> [/COLOR]

رو بزارید

 

[ms368]

خیلی خیلی ممنون
درست شد
ماشالله یه پا استاد هستی واسه خودتا :دی

سایت هایی مثله صفحه اصلی موزیلا ( عکس زیر ) با css دکمه طراحی کردن ؟
خیلی زیباست
میشه در php از کد های css استفاده کنم که hover هم داشته باشه ؟

 

[Essin]

خیلی خیلی ممنون
درست شد
ماشالله یه پا استاد هستی واسه خودتا :دی

سایت هایی مثله صفحه اصلی موزیلا ( عکس زیر ) با css دکمه طراحی کردن ؟
خیلی زیباست
میشه در php از کد های css استفاده کنم که hover هم داشته باشه ؟

مشاهده پیوست 273490

خواهش میکنم
شما خیلی لطف دارین
تو فایل php میشه از کد html استفاده کرد که از طریق html میشه css رو به صفحه اضافه کرد

شما احتمالا میخواین یک همچین چیزی تو صفحه سایت وردپرسی داشته باشید
یک پوسته وردپرس یک فایل style.css داره که میتونید کدهای css رو داخلشون بزارید

 

[ms368]

خواهش میکنم
شما خیلی لطف دارین
تو فایل php میشه از کد html استفاده کرد که از طریق html میشه css رو به صفحه اضافه کرد

شما احتمالا میخواین یک همچین چیزی تو صفحه سایت وردپرسی داشته باشید
یک پوسته وردپرس یک فایل style.css داره که میتونید کدهای css رو داخلشون بزارید

ممنون
بله فایل style.css داره ولی خیلی نمیشه مانور داد باهاش چون برای لینک ها همگی از یه کلاس استفاده کرده و اگه یه کلاس رو دستکاری بکنم همه چیز بهم میریزه
ولی اگه در خود php بتونم تغییرشون بدم دیگه چیزی بهم نمیریزه

به هر حال کار من را افتاد ولی باید بگردم دنبال یه دکمه css زیبا مثل عکس پست قبلی که حداقل hover هم داشته باشه

 

[Essin]

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

    <p class="links">
        <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php _e('ادامه مطلب ...', 'warp'); ?></a> |
        <?php comments_popup_link(__('بدون نظر', 'warp'), __('1 نظر', 'warp'), __('% نظر', 'warp')); ?>
    </p>

از

 <style type="text/css">
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.button:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
 <p>
        <div class="button"><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php _e('ادامه مطلب ...', 'warp'); ?></a></div> |
        <?php comments_popup_link(__('بدون نظر', 'warp'), __('1 نظر', 'warp'), __('% نظر', 'warp')); ?>
    </p>

استفاده کنید
(از این سایت مویتونید استفاده کنید)
موفق باشید

 

[ms368]

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

    <p class="links">
        <a rel="nofollow" href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php _e('ادامه مطلب ...', 'warp'); ?></a> |
        <?php comments_popup_link(__('بدون نظر', 'warp'), __('1 نظر', 'warp'), __('% نظر', 'warp')); ?>
    </p>

از

 <style type="text/css">
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.button:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
 <p>
        <div class="button"><a rel="nofollow" href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php _e('ادامه مطلب ...', 'warp'); ?></a></div> |
        <?php comments_popup_link(__('بدون نظر', 'warp'), __('1 نظر', 'warp'), __('% نظر', 'warp')); ?>
    </p>

استفاده کنید
(از این سایت مویتونید استفاده کنید)
موفق باشید

بابا دسخوش

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

موفق باشید

 

[ms368]

فقط یه مشکل داشت css
نمیتونست رنگ فونت "ادامه مطلب" رو تغییر بده ( با هر روشی رفتم نشد و مثله مابقیه لینک ها رنگ بود

الان یه عکس ناز مامانی ساختم واسه ادامه مطلب ( عکس زیر )

 

[tak3eda]

سلام .
از این کد برای ایجاد دکمه استفاده کردم ، اما در مرورگر فایرفاکس و کروم ، رنگ دکمه با هم فرق داره !!! چطوری میشه که رنگ دکمه در هر مرورگری ثابت باشه ؟!!
سپاس .

 

[ahangha89]

فقط یه مشکل داشت css
نمیتونست رنگ فونت "ادامه مطلب" رو تغییر بده ( با هر روشی رفتم نشد و مثله مابقیه لینک ها رنگ بود

الان یه عکس ناز مامانی ساختم واسه ادامه مطلب ( عکس زیر )

مشاهده پیوست 274114

یعنی
color:#ffffff;
رو کد رنگش رو تغییر میدید رنگ متن کلید تغییر نمیکنه؟ سایتتون آنلاین هست آدرس بدید؟

سلام .
از این کد برای ایجاد دکمه استفاده کردم ، اما در مرورگر فایرفاکس و کروم ، رنگ دکمه با هم فرق داره !!! چطوری میشه که رنگ دکمه در هر مرورگری ثابت باشه ؟!!
سپاس .

شاید ایشون از کدهای css3 مثل گرادینت استفاده کردن و مرورگر شما اجرا نمیکنه رنگ پس زمینه کلید رو بدون گرادینت قرار بدید ببینید در همه مرورگرها یکی میشه یا نه

 

[ms368]

یعنی
color:#ffffff;
رو کد رنگش رو تغییر میدید رنگ متن کلید تغییر نمیکنه؟ سایتتون آنلاین هست آدرس بدید؟

سلام
خیر
پارسال واگذار شد .