یک فخار

سایت شخصی ایمان فخار

رونمایی از یک قالب جدید

قالبی که در تصویر مشاهده می کنید یک قالب استثنایی است که توسط این وبلاگ برای استفاده در سرویس بلگ اسکای طراحی 

یکی از امتیازات این قالب طراحی با کدهای CSS  و کمترین استفاده از JAVASCRIPT در نتیجه وزن سبک و بازدهی مناسبه و امتیاز دیگه اش هم اینکه ایده و اجرا کپی برداری از نمونه های خارجی و داخلی مشابه نیست و برای اولین بار از طریق این وبلاگ عرضه شده و به این لحاظ بسیار منحصر به فرده 


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

نمونه را وبلاگ را با این قالب در وبلاگ جناب بوم نقاشی ببینید 

کد را از ادامه مطلب بردارید و در بخش ویرایش قالب ها بجای کل کدهای موجود قرار دهید



ثبت شده در سایت یک فخار طی شماره 920 توسط کاربر آزمایشی و در روز پنجشنبه ۸ تیر ۱۳۹۶ ساعت ۲۱:۴۲:۵۸
2018 copyright.

ساخت نسخه پرینت

معمولا در سایتها کلیدی برای پرینت قرار داره که مطلب مد نظر را بدون گرافیک ها و فهرستها و منو ها و آماده برای پرینت باز می کنه

می خواهیم چنین صفحه ای را به صورت خودکار برای مطال سایت بسازیم (بدون افزونه)

اول از همه یک ویرایشگر متنی (مثل notepad) را باز کنید و کدهای زیر را توش بگذارید

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 33810 توسط fakhar و در روز سه شنبه ۱ مهر ۱۳۹۳ ساعت ۲۱:۱۱:۰۸
2018 copyright.

مخفی نمودن پاسخ آزمون

در این آموزش ترفندی رو می آموزیم برای اینکه بخشی از مطلبمون رو برای عده ای خاص خوانا کنیم و باقی مطلب را برای عموم
می دونیم که در وردپرس به راحتی می تونیم هر مطلبی را خصوصی و یا رمز دار کنیم
تصویر
و درسته که محتوای این مطالب نا مشخصه اما اینرو که ما مطلبی خصوصی منتشر کردیم قابل رویته :
تصویر
حالا کاری که قصد داریم انجامش بدیم اینه که مطلبمون رو مخفیانه ارسال کنیم و کاربران هم از وجودش مطلع نشوند و  به ماهیتش پی نبرند.

فرض کنید که سایت متعلق به یک آموزشگاه است و می خواهد همزمان با ارسال پرسشنامه – پاسخ های صحیح را هم برای مدرسین آموزشگاه منتشر کند در حالی که دانش آموزان از وجودش بی اطلاع باشند  
در مرحله اول فرض می کنیم که دو دبیر با آی دی های ۱۵ و ۲۵ در سایت عضو هستند  
برای شروع کار یک قالب می سازیم برای سئوالات امتحانی
در ابتدای قابم تایپ می کنیم

<?php
/*
* Template Name: سئوالات امتحانی
*/
?>

و ادامه کدها را از صفحه page.php  و تا قبل از کد

<?php the_content(); ?>

عینا کپی می کنیم حالا شرط خود را پیاده می کنیم ما در این شرط می خواهیم بگوییم اگر کاربر آنلاین با هر یک از شماره های  آی دی ۱ (آی دی ادمین)  یا ۱۵ یا ۲۵ بود متن متنی رو که به عنوان مقدار زمینه دلخواه (مثلا) txt2  قرار می دهیم نمایش داده شود   و الا از آن صرف نظر کن
و در ادامه هم مطلب معمولی پست را نمایش بده برای اینکار این کدها را به فایل می افزاییم

  <?php
global $user_ID;
$user_info = get_userdata($user_ID);
if (is_user_logged_in()) :?>
<?php if($user_ID==1 || $user_ID==15 || $user_ID==25) : ?>
<?php $txt2 = get_post_meta($post->ID, 'txt2', true); ?>
<?php echo $txt2;?>
<?php endif;?>
<?php endif;?>
<?php the_content(); ?>

و ادامه کدها را نیز از page.php به صفحه ساخته شده منتقل می کنیم به این ترتیب اگر فرض کنیم کدهای ما در page.php  به این شکل بوده

<?php get_header(); ?>
<div id="blog">
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?><div class="post">
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

<div class="entry">
<?php the_content(); ?></div>
</div><?php endwhile; ?>
<?php endif; ?></div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

صفحه ای که ساختیم باید چنین کدهایی داشته باشد

<?php
/*
* Template Name: سئوالات امتحانی
*/
?>
<?php get_header(); ?>
<div id="blog">
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<div class="post">
<h2>خصوصی</h2>
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<div class="entry">
<?php
global $user_ID, $user_first_name, $user_last_name;
$user_info = get_userdata($user_ID);
if (is_user_logged_in()) :?>
<?php if($user_ID==1 || $user_ID==15 || $user_ID==25) : ?>
<?php $txt2 = get_post_meta($post->ID, 'txt2', true); ?>
<?php echo $txt2;?>
<?php endif;?>
<?php endif;?>
<?php the_content(); ?>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

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

تصویر تصویر
نتیجه
فایل قابل مشاهده برای سه آی دی موجود :

تصویر

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

تصویر
لینک آموزش در انجمن پشتیبانی وردپرس پارسی:
http://forum.wp-parsi.com/

ثبت شده در سایت یک فخار طی شماره 33787 توسط fakhar و در روز شنبه ۲۹ شهریور ۱۳۹۳ ساعت ۰۲:۲۲:۰۴
2018 copyright.

ترجمه با poedit

ثبت شده در سایت یک فخار طی شماره 33758 توسط fakhar و در روز پنجشنبه ۶ شهریور ۱۳۹۳ ساعت ۱۱:۱۳:۲۲
2018 copyright.

نمایش تعداد مطالب و نظرات کاربران و اعطای امتیاز

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

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

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

<?php the_author_posts(); ?>

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

با قرار دادن کدهای زیر در فایل functions.php  می توان تابعی ساخت که هم قابلیت اعمال محاسبات را داشته باشد و هم تعداد مطالب را بر اساس آی دی هر کاربر نمایش دهد

تذکر : قبل از اعمال هر تغییری ابتدا از فایل functions.php  قالب خود بک آپ تهیه نمایید

   function get_user_posts_count($user_ID){
$args = array('author' => $user_ID, 'posts_per_page' => -۱);
$the_query = new WP_Query( $args );
if ($the_query->post_count > ۰){
return $the_query->post_count;
}
else{
return 0;
}
}

۲. نمایش تعداد نظرات هر کاربر

با اضافه نمودن کد زیر هم می توان به راحتی تعداد نظرات هر کاربر را محاسبه نمود  

function get_user_comment_count($user_ID){
global $wpdb;
$where = 'WHERE comment_approved = 1 AND user_id = '.$user_ID;
$comment_counts = $wpdb->get_results("SELECT user_id, COUNT( * ) AS total
FROM {$wpdb->comments}
{$where}
GROUP BY user_id
", object);
if ($comment_counts[0]->total > ۰ ){
return $comment_counts[0]->total;
}else{
return 0;
}
}

۳. امتیاز کاربری

حالا با استفاده از دو تابع قبلی می خواهم تابعی ایاد نمایم که به ازای هر مطلب ارسال شده ۳۰ امتیاز به کاربر اعطا کند و بر اساس هر نظری که در سایت می گذارد ۱۰ امتیاز (برای شخصی سازی اعداد ۳۰ و ۱۰ را در کدها تغییر دهید)

برای اینکار کد زیر را در فایل functions.php  کپی نمایید

function get_user_point($user_ID) {
global $wpdb;
$user_posts_count = get_user_posts_count($user_ID);
$user_comment_count = get_user_comment_count($user_ID);
$post_point = $user_posts_count*30;
$comment_point =$user_comment_count*10;
$point = $post_point + $comment_point;
if($point > ۰) {
return $point;
}
else {
return 0;
}
}

حالا نوبت به نحوه چاپ توابعمون در قالب می رسه

همونطور که در توابع مشخصه تابع ما یک متغیر دارد به نام $user_ID این متغیر در حالت دیفالت شماره آی دی کاربر جاری را می گیرد و می تواند در محل هایی مانند سایدبار یا صفحه پروفایل یا پنل کاربری کاربر تعداد مطالب و نظرات و امتیاز کاربر را به خودش نمایش دهد برای اینکار کدهای زیر را به محل دلخواه اضافه کنید

<?php
$user_posts_count = get_user_posts_count($user_ID);
$user_comment_count = get_user_comment_count($user_ID);
$get_user_point = get_user_point($user_ID);
?>
<?php echo $user_posts_count; ?>
<?php echo $user_comment_count; ?>
<?php echo $get_user_point; ?>

اما برای شخصی سازی کافیست که مقدار جدیدی را به متغیر معرفی نمایید به عنوان مثال با قرار دادن کد زیر در داخل حلقه مطالب می توان در زیر هر مطلب مجموع مطالب ارسالی و مجموع نظرات و امتیاز کاربری ارسال کننده مطلب را در کنار مشخصات دیگرش نمایش داد

<?php
$id = get_the_author_meta('ID');
$user_posts_count = get_user_posts_count($id);
$user_comment_count = get_user_comment_count($id);
$get_user_point = get_user_point($id);
?>
<?php echo $user_posts_count; ?>
<?php echo $user_comment_count; ?>
<?php echo $get_user_point; ?>

این آموزش را قبلا در وردپرس پارسی قرار داده بودم

ثبت شده در سایت یک فخار طی شماره 33736 توسط fakhar و در روز پنجشنبه ۲۸ فروردین ۱۳۹۳ ساعت ۰۴:۴۷:۲۵
2018 copyright.

ژنراتور پارسی ساخت خبرخوان آژاکسی

تکنولوژی RSS و Atom دو تکنیک مبتنی بر زبان برنامه نویسی xml هستند برای ساخت خروجی های ساده متنی و سریع از مطالب وبلاگ ها و سایتها. این دو ابزار بیشتر در مورد وبلاگ ها و سایتهایی کاربرد دارند که به صورت متوالی و بی وقفه (یا با وقفه های کم) به انتشار مطالب می پردازند مانند سایت های خبری و خبرگزاری ها

ابزارهای زیادی برای تبدیل زبان xml به html با این دو ابزار همراه شده اند تا کاربران راحت تر بتوانند به اخبار دیگر سایتها دسترسی داشته باشند

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 33677 توسط fakhar و در روز جمعه ۱۷ آبان ۱۳۹۲ ساعت ۲۰:۳۳:۲۹
2018 copyright.

ابزارک لیگ فوتبال

با سلام

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

http://forum.wp-pars…ونه-سایت-ورزشی/

ایجاد گردیده است

ابتدا فایل را دانلود نمایید

download

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 33555 توسط fakhar و در روز سه شنبه ۳۰ مهر ۱۳۹۲ ساعت ۱۷:۱۳:۲۱
2018 copyright.

ایجاد منوی درختی

در این مطلب ساخت یک منوی درختی با استفاده از کدهای jquery را مرور می کنیم توضیح اینکه این منو می تونه در وردپرس یا هر سند html دیگه ای مثل قالبهای بلاگفا و بلاگ اسکای و … ساخته بشه
فرض کنید چنین لیستی داریم

  • آیتم اول
    • آیتم اول از اولین آیتم
    • آیتم دوم از اولین آیتم
  • آیتم دوم
    • آیتم اول از دومین آیتم
    • آیتم دوم از دومین آیتم
    • آیتم سوم از دومین آیتم
    • آیتم چهارم از دومین آیتم
  • آیتم سوم
    • آیتم اول از سومین آیتم
    • آیتم دوم از سومین آیتم
    • آیتم سوم از سومین آیتم

کد چنین منویی می شود
(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 33513 توسط fakhar و در روز دوشنبه ۴ شهریور ۱۳۹۲ ساعت ۲۰:۳۱:۲۲
2018 copyright.

روزنامه دیواری

طریقه ی ساخت یک صفحه گرید شده به صورت چرخشی

grid

در لغت یعنی توری و منظور از گرید نمودن مطالب یعنی مثل خانه های توری در کنار و زیر هم چیده شوند در صورتی که در حالت عادی مطالب زیر هم قرار می گیرند به تصویر زیر که دقت نمایید بهتر متوجه منظور از grid می شوید

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 33491 توسط fakhar و در روز جمعه ۴ مرداد ۱۳۹۲ ساعت ۰۰:۴۸:۰۷
2018 copyright.

حذف یا تغییر نوشته زیر صفحه ادمین

ئر وردپرس در فوتر متنی هست که بخاطر انتخاب وردپرس پارسی تشکر می کنه برای حذف یا تغییر این بخش کدهای زیر را به functions.php قالب خود اضافه کنید
(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 33439 توسط کاربر آزمایشی و در روز شنبه ۲۲ تیر ۱۳۹۲ ساعت ۰۱:۵۲:۴۴
2018 copyright.

نسخه دوم کوئری ساز

دومین نسخه از ژنراتور پارسی کوئری ساز برای وردپرس آماده شد و از امشب به طور آزمایشی در آدرس :

http://1falhar.ir/pages/generator
قرار گرفت گفتنی است نسخه قبلی که یکی دو ماه پیش معرفی شد کماکان بدون هیچ مشکلی در آدرس زیر دایر و فعاله

http://1fakhar.ir/pages/generator/query-form.php

ثبت شده در سایت یک فخار طی شماره 33406 توسط fakhar و در روز دوشنبه ۱۰ تیر ۱۳۹۲ ساعت ۰۲:۴۷:۱۳
2018 copyright.

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

افزونه ای برای مرتب کردن و سر و سامان دادن به کلمات کلیدی در وردپرس :
http://wordpress.org/plugins/multi-column-tag-map

screenshot-4

ثبت شده در سایت یک فخار طی شماره 33400 توسط fakhar و در روز ساعت ۰۲:۳۵:۱۷
2018 copyright.

سایتهای مفید و کاربردی

مشاهده وزن و کنترل کیفی سایت ها و وبلاگ ها
seo-html-size
http://seositecheckup.com/tool/check_html_size
چک کردن سرعت اتصال سیستم شما به اینترنت
new-logo-1
http://www.searchenginegenie.com/broadband-speed-checker.php
توضیح با غیر فعال کردن همه اتو آپدیت های ویندوز می تونید شاهد رشد چشمگیری در سرعت دسترسیتون به نت باشید

ثبت شده در سایت یک فخار طی شماره 33387 توسط fakhar و در روز پنجشنبه ۶ تیر ۱۳۹۲ ساعت ۰۳:۲۵:۱۷
2018 copyright.

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

ساخت یک float Menu زیبا:
توضیح Float Menu منویی است که بک گوشه صفحه چسبیده و در اسکرول صفحه حالتی نزدیک به فیکس دارد البته با رعایت انیمیشنی ساده
دمو را ببینید به همراه کدها و ۷ قالب مختلف
http://jsbin.com/ivevir/1/

برای مشاهده کدها می توانید از این آدرس استفاده کنید
http://jsbin.com/ivevir/1/edit
نکته مهم این منو اینه که کل مسئولیت انیمیشن و اسکرول منو با این یک تکه کد جاوا اسکریپته به علاوه یک خاصیت برای posation و به مقدار absolute
(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 33363 توسط fakhar و در روز دوشنبه ۳ تیر ۱۳۹۲ ساعت ۲۲:۲۱:۳۲
2018 copyright.

قالب وردپرس

اسکلتبندی و ساختار کلی قالب های وردپرس

پیش نیاز های ضروری برای طراحی قالب وردپرس
آشنایی کامل با HTML
HTML مخفف کلمه زبان نشانه گذاری فرا متنی است. برذای یادگیری این زبان منابع زیادی موجود است که تقریبا همه برنامه نویسان جهان مدرسه آنلاین کنسرسیوم جهانی وب w3c را ارزنده ترین منبع رایگان یادگیری این زبان می دانند
www.w3schools.com
منابع یادگیری متعدد دیگر مانند بخش مقالات آموزشی سایت پشتیبانی وردپرس پارسیبه تعلیم این زبان برنامه نویسی برای پارسی زبانان پرداخته اند مثل:
http://html.ir/
http://onliner.ir/
شناخت کامل این زبان برای نویسنده یک قالب وردپرسی لازم است و این زبان پیوندی دیرینه با CSS یا شیوه آبشاری الگو نگاری دارد به نحوی که هیچکدام خارج از دیگری مفهومی ندارند در نتیجه آموختن CSS نیز خود به خود از پیش نیاز های اینکار می گردد
زبان شی گرا یا جاوا اسکریپت هم کمکی به سزا در منعطف نمودن قالب ها و جان بخشی به آنها دارد ولی نیازی ضروری به حساب نمی آید و تنها در حد پیشنهاد ارائه می گردد
زبان برنامه نویسی php که زبان پایه موتور وردپرس نیز می باشد مهمترین اصل مورد نیاز برای طراح قالب وردپرس است اما شرکت وردپرس با قدرتمند نمودن موتور خود و ایجاد توابع متعدد به طراحان این امکان را می دهد که با حداقل دانش فنی در خصوص این زبان رو به رشد و وسیع به طراحی قالب های وردپرس بپردازند
برای درک بهتر مفهوم تابع یا function
این مثال ساده را بخوانید : فرض کنید می خواهیم معدل تعدادی دانش آموز را که از ماحصل جمع معدل سه ثلث آنها تقسیم بر سه به دست می آید فرموله کنیم
در این حالت به طور مشخص نمره هر ثلث هر دانش آموز متغیر بوده و عدد سه که باید مجموع متغیرهای هر نفر در آن تقسیم شود ثابت است و معدل نهایی مجهول
یعنی اگر فرض کنیم معدل ثلث اول a معدل ثلث دوم b و معدل ثلث سوم c نام دارند فرمول این معادله می شود:

ثبت شده در سایت یک فخار طی شماره 33341 توسط fakhar و در روز سه شنبه ۲۸ خرداد ۱۳۹۲ ساعت ۱۱:۳۴:۲۹
2018 copyright.

آموزش کامل HTML

http://html.ir/

ثبت شده در سایت یک فخار طی شماره 33340 توسط fakhar و در روز ساعت ۱۱:۱۷:۵۳
2018 copyright.

مدرسه وب ایران

http://mihanlearn.com/#

ثبت شده در سایت یک فخار طی شماره 33338 توسط fakhar و در روز یکشنبه ۲۶ خرداد ۱۳۹۲ ساعت ۰۹:۱۸:۳۵
2018 copyright.

مرجع توابع وردپرس

http://service.1freeman.net/WPFunctions/

ثبت شده در سایت یک فخار طی شماره 33337 توسط کاربر آزمایشی و در روز ساعت ۰۹:۱۴:۵۹
2018 copyright.

CSS3 Generator

CSS3 Generator
ژنراتور CSS3 برای استایل بندی سایت روی لینک زیر کلیک نمایید
http://css3generator.com

یا
http://css3.me/

ثبت شده در سایت یک فخار طی شماره 33327 توسط fakhar و در روز شنبه ۲۵ خرداد ۱۳۹۲ ساعت ۱۶:۵۲:۰۳
2018 copyright.

ژنراتور ساخت فونت آنلاین

با استفاده از این ژنراتور می تونید ۴۱ فونت فارسی را در سه فرمت eot, ttf, woff دریافت نموده و با قرار دادن فونت ها بر روی هاست خود و کدهای تولید شده در فایل style.css از امکان فونت آنلاین استفاده کنید
font-generator
(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 33305 توسط fakhar و در روز جمعه ۱۷ خرداد ۱۳۹۲ ساعت ۱۱:۳۳:۵۸
2018 copyright.

ژنراتور پارسی ساخت کوئری

نمونه ای از یک ژنراتور ساخت Query برای وردپرس که بصورت کاملا پارسی تهیه شده و  ممکنه مشکل خیلی از دوستان را برای ساخت کوئری در وب سایتهاشون برطرف کنه
توضیح اینکه
کوئری ها در واقع مفسران درخواستها و ناظران ارتباطات بین منابع اطلاعاتی و صفحات وب هستند. به نحوی که درخواست های کارگذار صفحه وب را برای بانک اطلاعاتی مورد نظر تفسیر نموده و پاسخ های بانک های اطلاعاتی را به محل های تعیین شده در صفحات وب راهنمایی می کنند در وردپرس نیز با همین کوئری هاست که ما می توانیم مطالب گوناگون را در مکان های متفاوت ببینیم و یا انواع گزارشات آماری مختلف را از دیستابیس دریافت و در محاسباتمان بکار گیریم و یا در قالب به نمایش بگذاریم

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 33295 توسط fakhar و در روز پنجشنبه ۱۶ خرداد ۱۳۹۲ ساعت ۲۰:۰۰:۴۵
2018 copyright.

کار با فیلدهای متن ۳

با قرار دادن این کدها می توانید یک فرم با قابلیت کم و زیاد کردن فیلد نوشتاری تا ۳۰ فیلد ایجاد کنید
نمونه را ببینید
این مطلب مرتبط است با این مطلب

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 19731 توسط fakhar و در روز پنجشنبه ۲ خرداد ۱۳۹۲ ساعت ۲۳:۳۰:۵۸
2018 copyright.

ساخت یک منوی زیبا با کدهای css

ابتدا نمونه را ببینید

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 19728 توسط fakhar و در روز دوشنبه ۳۰ اردیبهشت ۱۳۹۲ ساعت ۱۰:۰۷:۲۶
2018 copyright.

ساخت منو ثابت

با استفاده از کدهای زیر و کتابخانه jquery منویی را می تونید بسازید که بعد از اسکرول صفحه به پایین نمایش داده بشه
jsbin
jsfiddle
(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 19720 توسط fakhar و در روز جمعه ۲۷ اردیبهشت ۱۳۹۲ ساعت ۰۶:۴۹:۱۸
2018 copyright.

باز و بسته شدن با jquery

js دانلود فایل جاوا اسکریپت

<script type="text/javascript">
animatedcollapse.addDiv('am1', 'fade=0,speed=400,group=animated')
animatedcollapse.addDiv('am2', 'fade=0,speed=400,group=animated,persist=1,hide=1')
animatedcollapse.addDiv('am3', 'fade=0,speed=400,group=animated,hide=1')
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
}
animatedcollapse.init()
</script>
<style type="text/css">
.padd {
display:inline-block;
padding:0px;
margin:10px;
width:420px;
border:2px #c0c0c0 solid;
min-height:20px;
box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.1);
-moz-box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.1);
-o-box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.1);
-khtml-box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.1);
-webkit-box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.1);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius: 6px;
}
.anim {
width: 400px;
background:#333333;
color:#FFFFFF;
margin:10px;
}
</style>
</head>
<body>
<div id="page">
<div class="nav">
<a href="javascript:animatedcollapse.show('am1')">گشودن</a><a href="#" rel="toggle[am1]" data-openimage="http://css3.xzn.ir/jsscripts/collapse.jpg" data-closedimage="http://css3.xzn.ir/jsscripts/expand.jpg"><img src="http://css3.xzn.ir/jsscripts/expand.jpg" border="0" /></a> <a href="javascript:animatedcollapse.hide('am1')">بستن</a>
</div>
<div class="padd" id="p1">
<div id="am1" class="anim">
این کادر یک محل نمونه برای متنی است که قرار است در اولین جعبه به نمایش در آید شما ممکن است بخواهید در این متن<strong> بخشی را برجسته نمایید </strong>یا <a href="http://fakharblog.ir" target="_blank">پیوندی</a> به یک سایت دیگر ایجاد کنید در این جعبه که لایه ای از جنس div است شما می توانید از تمام کدهای html و خواص css استفاده نمایید
</div>
</div>



<p><b>جعبه دوم (نمونه):</b></p>
<div class="nav">
<a href="javascript:animatedcollapse.show('am2')">گشودن</a><a href="#" rel="toggle[am2]" data-openimage="http://css3.xzn.ir/jsscripts/collapse.jpg" data-closedimage="http://css3.xzn.ir/jsscripts/expand.jpg"><img src="http://css3.xzn.ir/jsscripts/collapse.jpg" border="0" /></a> <a href="javascript:animatedcollapse.hide('am2')">بستن</a>
</div>
<div class="padd" id="p2">
<div id="am2" class="anim">
شما می توانید به عنوان مثال در یک جعبه فرم تماس با ما قرار دهید مانند

<table align="center" cellpadding="5" cellspacing="0" dir="rtl" style="width: 250px">
<tr>
<td>نام</td>
<td>

<input id="name" type="text" value="نام شما" />
</td>
</tr>
<tr>
<td>ایمیل</td>
<td>
<input id="email" type="text" value="mail@mailbox.com" />
</td>
</tr>
<tr>
<td colspan="2">
<textarea cols="20" id="textarea1" rows="2">متن پیام</textarea>
</td>
</tr>
<tr>
<td colspan="2">
<input name="Submit1" onclick="animatedcollapse.show('am3');form2()" type="button" value="submit" />
</td>
</tr>
</table>

</div>
</div>



<p><b>بخش سوم:</b></p>
<div class="nav">

<a href="javascript:animatedcollapse.show('am3')">گشودن</a> <a href="#" rel="toggle[am3]" data-openimage="http://css3.xzn.ir/jsscripts/collapse.jpg" data-closedimage="http://css3.xzn.ir/jsscripts/expand.jpg"><img src="http://css3.xzn.ir/jsscripts/collapse.jpg" border="0" /></a> <a href="javascript:animatedcollapse.hide('am3')">بستن</a>
</div>
<div class="padd" id="p3">
<div id="am3" class="anim">

<table style="width: 100%">
<tr>
<td>نام</td>
<td id="n1">&nbsp;</td>
</tr>
<tr>
<td>ایمیل</td>
<td id="e1">&nbsp;</td>
</tr>
<tr>
<td>متن پیام</td>
<td id="t1">&nbsp;</td>
</tr>
</table>

</div>
</div>
<script type="text/javascript">
<!--
function form2()
{
var n =document.getElementById('name').value;
var e =document.getElementById('email').value;
var t = document.getElementById('textarea1').value;
document.getElementById('n1').innerHTML=n;
document.getElementById('e1').innerHTML='<a href="mailto:'+e+'">'+e+'</a>';
document.getElementById('t1').innerHTML =t;
}
//-->
</script>

</div>
ثبت شده در سایت یک فخار طی شماره 19715 توسط fakhar و در روز یکشنبه ۲۲ اردیبهشت ۱۳۹۲ ساعت ۱۸:۱۵:۲۹
2018 copyright.

شمارش اجرای انیمیشن

به وسیله خصیصه animation-iteration-count تعداد دفعات تکرار یک انیمیشن را در سایت مدیریت کنید

ثبت شده در سایت یک فخار طی شماره 19679 توسط کاربر آزمایشی و در روز جمعه ۱۶ فروردین ۱۳۹۲ ساعت ۱۲:۵۲:۴۵
2018 copyright.

گردبر نمودن لایه ها

یکی از خاصیت های css3 خاصیت border-radius می باشد با استفاده از این خاصیت می توان لایه ها را گردبر کرد (بیشتر…)

ثبت شده در سایت یک فخار طی شماره 19676 توسط fakhar و در روز ساعت ۱۱:۰۶:۳۰
2018 copyright.

آزمایش سایت

یک سایت مفید برای طراحان 

مشاهده سایت در رزولیشن های مختلف 

http://testsize.com/

ثبت شده در سایت یک فخار طی شماره 19644 توسط fakhar و در روز شنبه ۲۶ اسفند ۱۳۹۱ ساعت ۲۰:۰۸:۰۵
2018 copyright.

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

کد نمایش نظرهای یک مطلب مشخص در صفحه ای مجزا

	<?php
		//Gather comments for a specific page/post 
		$comments = get_comments(array('post_id' => XXX,));
		wp_list_comments(array('per_page' => 10), $comments);
	?>

 
به جای XXX کافیست آی دی مطلب مورد نظر را وارد کنید و به جای عدد ۱۰ هر تعداد نظری که می خواهید در صفحه نمایش داده شود

ثبت شده در سایت یک فخار طی شماره 19641 توسط fakhar و در روز جمعه ۱۸ اسفند ۱۳۹۱ ساعت ۲۲:۵۸:۵۸
2018 copyright.

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

با موس لایه زیر را بگیرید و جابجا نمایید

ثبت شده در سایت یک فخار طی شماره 19608 توسط fakhar و در روز پنجشنبه ۳ اسفند ۱۳۹۱ ساعت ۰۶:۲۳:۴۳
2018 copyright.

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

با موس مربع های زیر را بگیرید و جابجا نمایید

ثبت شده در سایت یک فخار طی شماره 19602 توسط fakhar و در روز دوشنبه ۳۰ بهمن ۱۳۹۱ ساعت ۰۸:۵۵:۳۳
2018 copyright.

ترام دادن به زمینه

نمونه:

 
ثبت شده در سایت یک فخار طی شماره 19600 توسط fakhar و در روز ساعت ۰۸:۲۵:۰۴
2018 copyright.

قرار دادن فایل pdf در وبلاگ

سلام

برای قرار دادن فایل pdf ابتدا باید فایل مورد نظرمون رو روی یک هاست معمولی قرار بدیم تا آدرسی شبیه به آدرس زیر را برای دسترسیش ایجاد کنیم

http://yourdomain.com/pdf.pdf

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

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 1011 توسط کاربر آزمایشی و در روز سه شنبه ۱۹ دی ۱۳۹۱ ساعت ۱۷:۴۱:۵۵
2018 copyright.

کار با فیلدهای متنی (۱)

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

در این مطلب با یک کد جاوا اسکریپت ساده می خواهیم یک فیلد متنی ایجاد کنیم که کاربر تنها مجاز به قید اعداد در آن باشد برای اینکار ابتدا کد زیر را در بخش کدهای جاوا اسکریپت وبلاگ یا در بخش head کدهای html قالب وارد می نماییم

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 915 توسط fakhar و در روز دوشنبه ۲۹ آبان ۱۳۹۱ ساعت ۱۶:۴۲:۵۸
2018 copyright.

شعر را با حداکثر سرعت بخوانید

با سلام در پی پایین آمدن سرعت نت در ایران و بروز اختلالاتی ناشی از مسائل منطقه ای بر آن شدیم که مطلبی رو در راستای استفاده ی بهینه از اینترنت در اختیار دوستان بگذاریم
البته این مطلب به خودی خود ارتباطی با شعر و موضوع سایت نداره ولی توجه بهش می تونه کمک خوبی برای مطالعه هر چه بیشتر مطالب دوستان دیگه بدون تحمل دردسرهای سرعت پایین و از این قبیل باشه

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 19582 توسط fakhar و در روز جمعه ۳۱ شهریور ۱۳۹۱ ساعت ۰۸:۱۴:۵۹
2018 copyright.

آموزش کشیدن نمودار با css

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 916 توسط fakhar و در روز دوشنبه ۱۳ شهریور ۱۳۹۱ ساعت ۰۱:۲۶:۵۲
2018 copyright.

سرویس های هاست رایگان

لیستی از بیش از ۱۳۰ سرویس دهنده رایگان جهان 

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

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 917 توسط fakhar و در روز جمعه ۲۷ مرداد ۱۳۹۱ ساعت ۰۱:۵۹:۲۸
2018 copyright.

آموزش ویدئویی نحوه گرفتن فایل پشتیبان از مطالب خود

با سلام
در ادامه می توانید در یک ویدئوی ۱ دقیقه ای و سبک به راحتی نحوه دریافت نسخه پشتیبان از کل مطالب خود یا بخشی از آن را ببینید و توصیه می کنم حتما حداقل ماهی یکبار از این امکان منحصر به فرد استفاده کرده و از مطالب خود فایل پشتیبان تهیه کنید این فایل ها در فرمت xml بوده و برای اکثر سرویس های معتبر وبلاگ دهی و اشتراک گذاری ایران و جهان قابل دریافت و خواندن می باشند و به این طریق همیشه می توانید بایگانی کامل مطالب خود را همراه داشته و در سرویس های مختلف به کار ببرید
برای مشاهده لطفا روی تصویر زیر کلیک نمایید

ثبت شده در سایت یک فخار طی شماره 15764 توسط fakhar و در روز یکشنبه ۱۵ مرداد ۱۳۹۱ ساعت ۰۷:۳۵:۴۵
2018 copyright.

چگونه مخاطبین خود را افزایش دهیم بخش چهارم

با سلام قبل از هر چیز پیشنهاد می کنم چنانچه سه بخش قبل این نوشتار را مطالعه ننموده اید چند دقیقه برای انها وقت بگذارید و بخوانیدشان

بخش اول 

بخش دوم 

بخش سوم 

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

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

همانطور که می دانید قرار گرفتن پیوند هر وبلاگی در وبلاگ های دیگر باعث رشد چشمگیر مخاطبینش می شود و همین امر باعث ایجاد مراکز مختلف تبادل پیوند بین وبلاگ ها شد سایت شعر یک مجموعه ای را تدارک دیده که نام آنرا مرکز پیوند وبلاگ های شاعران ایران نهاده این بخش به صورت مجزا از سایت فعالیت می نماید شما می توانید در آن هم عضو شوید و هم می توانید بدون ثبت نام فقط پیوند وبلاگ خود را به آن اضافه کنید توجه بفرمایید که این سیستم تبادل لینک نیست و سایت در قبال نمایش لینکش لینک شما را به نمایش نمی گذارد بلکه این خدمت نیز جزو خدمات رایگان سایت بوده و هدف اصلی اش سامان دهی و ایجاد مجموعه ای از وبلاگ های شاعران است تا بلکه در آینده به عنوان مرجع یاری دهنده جستجوگرانی باشد که ناچارند برای خواندن یک شعر گاه چندین سایت و وبلاگ متفرقه را ورق بزنند تا به وبلاگ یک شاعر برسند

شرایط رشد این مرکز هم در انتشار گسترده اش نهفته است ما به همین منظور کدی را تهیه نمودیم تا علاقه مندان بتوانند با قرار دادن آن در وبلاگ های خود حامی این طرح باشند که در واقع رشد این طرح مساوی است با رشد بازدیدکننده همه اعضا  و منطق آن هم بسیار ساده است:

هرکدام از ما وبلاگی داریم و کم و زیاد مراجغه کنندگانی قرار گرفتن این امکانات در وبلاگ من به خوانندگانم فرصت سر زدن به وبلاگ های شاعران دیگر را می دهد و این اتفاق در وبلاگ های دیگر هم تکرار می شود در نتیجه اگر ده نفر در این کار مشارکت کنند و هرکدام تا امروز ۱۰۰ خواننده جذب نموده باشند با استفاده از این روش نخاطبین خود را به ۱۰۰۰ نفر می رسانند

در ضمن شکل و قالب را می توانیم با تجمیع نظرات دوستان بهینه تر کنیم شکل فعلی این ابزار را می توانید در گوشه همین صفحه ببینید و کد آنرا هم  می توانید از پایین همین مطلب بردارید این کد را در بخش کدهای جاوا اسکریپت و یا هر جای دیگر از وبلاگ که در دسترستان بود قرار دهید با بلاگفا سازگارست کاملا سئو و آژاکسی است و به هیچ عنوان در سرعت سایت شما تاثیر منفی نخواهد گذاشت

<script language="JavaScript" src="http://shere1.ir/links/linkestan.js"></script>

ثبت شده در سایت یک فخار طی شماره 12844 توسط fakhar و در روز سه شنبه ۱۳ تیر ۱۳۹۱ ساعت ۰۰:۳۴:۴۲
2018 copyright.

چگونه مخاطبین خود را افزایش دهیم بخش سوم

در دو نوشتار قبلی نحوه اشتراک گذاری در و استفاده از میکرو بلاگ ها و جوامع مجازی برای معرفی آثار و همچنین تگ (برچسب) نویسی برای مطلب و تهیه نسخه معرف برای نوشته ها و ارسال های خود را مرور کردیم اگر این دو نوشتار را نخوانده اید پیشنهاد می کنم به اینجا و اینجا رفته و این دو را نیز بخوانید

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 8251 توسط fakhar و در روز چهارشنبه ۲۰ اردیبهشت ۱۳۹۱ ساعت ۱۲:۲۰:۵۷
2018 copyright.

چگونه مخاطبین خود را افزایش دهیم بخش دوم

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

۱.کشور و زبان محلی سایت و زبان های دیگری را که سایت در آن فعال است

در اینجا
کشور ایران
سایت فارسی

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 7957 توسط fakhar و در روز چهارشنبه ۱۳ اردیبهشت ۱۳۹۱ ساعت ۰۶:۰۱:۰۰
2018 copyright.

چگونه مخاطبین خود را افزایش دهیم

نسل دوم دنیای وب با وبلاگ نویسی آغاز شد و پس از سایت های ایستاتیک که تنها حاوی اطلاعاتی برای خوانده شدن بودند سایت های داینامیک به وجود آمد که محل نشر اطلاعات بودند یعنی کاربران نه برای خواندن که برای نوشتن به آنها مراجعه کردند استقبال گسترده از این پدیده و شیوع وبلاگ نویسی باعث افزایش آمار وبلاگ داران و کاهش آمار خوانندگان شد فرصت های محدود از یک طرف و تراکم بالای اطلاعات پشت موتورهای جستجو باعث کمتر و کمتر شدن مخاطبین وبلاگ ها تا جایی که سرمایه گذاران به فکر کسب در آمد از نویسندگان افتادند و انواع مختلف وبلاگ های پولی و یا روش های دیگر کسب در آمد از نویسندگان را آزمودند و می آزمایند، از طرفی وبلاگ نویسان حرفه ای هم به تکاپو افتادند تا مخاطبین خود را از دست ندهند و به آنها بیافزایند و روش های گوناگونی را هم پی گرفتند مانند تعویض لینک (پیوند) و ثبت دیدگاه در وبلاگ های مختلف که نوعی دعوت نویسنده وبلاگ به وبلاگ نظر دهنده نیز محسوب می شود

(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 7766 توسط fakhar و در روز سه شنبه ۱۲ اردیبهشت ۱۳۹۱ ساعت ۰۹:۰۶:۰۳
2018 copyright.

آلبوم عکس

امروز با استفاده از یکی از قابلیتهای منحصر به فرد css3 آلبوم عکسی دیدنی رو فراهم کردم 

این آلبوم با استفاده از تعریف target در استایل بندی تهیه شده از لحاظ قالب بندی آلبوم بسیار سبک و روان است 

ثبت شده در سایت یک فخار طی شماره 921 توسط کاربر آزمایشی و در روز چهارشنبه ۲۵ خرداد ۱۳۹۰ ساعت ۰۴:۰۴:۳۶
2018 copyright.

کد و نام رنگ ها

ما در CSS سه حالت برای درج رنگها داریم کد HTML که با (#) آغاز می شه و شامل شش حرفه که این حروف رو اعداد ۰ تا ۹ و حروف الفبای انگلیسی از A تا F  تشکیل می دهند رنگ سفید #FFFFFF و رنگ مشکی#۰۰۰۰۰۰  می باشد و باقی رنگها بین اینم دو پارامتر

روش دوم استفاده از کدهای RGB است این کدها هم از اسمشون معلومه که از ترکیبات قرمز و سبز و آبی بدست می آیند 

روش آخر استفاده از نام انگلیسی صحیح هر رنگه در ادامه من جدولی از هر سه گزینه تهیه کردم که امیدوارم روزی بدرد بخوره 

پیشنهاد می کنم با فشردن کلیدهای CTRL و D  این صفحه را در بوکمارک های خود نگه دارید تا در صورت نیاز دسترسی به آن راحت تر باشد

 R   G     B  HTML Color Name
۲۴۰ ۲۴۸ ۲۵۵   aliceblue
۲۵۰ ۲۳۵ ۲۱۵   antiquewhite
۰ ۲۵۵ ۲۵۵   aqua
۱۲۷ ۲۵۵ ۲۱۲   aquamarine
۲۴۰ ۲۵۵ ۲۵۵   azure
۲۴۵ ۲۴۵ ۲۲۰   beige
۲۵۵ ۲۲۸ ۱۹۶   bisque
۰ ۰ ۰   black
۲۵۵ ۲۳۵ ۲۰۵   blanchedalmond
۰ ۰ ۲۵۵   blue
۱۳۸ ۴۳ ۲۲۶   blueviolet
۱۶۵ ۴۲ ۴۲   brown
۲۲۲ ۱۸۴ ۱۳۵   burlywood
۹۵ ۱۵۸ ۱۶۰   cadetblue
۱۲۷ ۲۵۵ ۰   chartreuse
۲۱۰ ۱۰۵ ۳۰   chocolate
۲۵۵ ۱۲۷ ۸۰   coral
۱۰۰ ۱۴۹ ۲۳۷   cornflowerblue
۲۵۵ ۲۴۸ ۲۲۰   cornsilk
۲۲۰ ۲۰ ۶۰   crimson
۰ ۲۵۵ ۲۵۵   cyan
۰ ۰ ۱۳۹   darkblue
۰ ۱۳۹ ۱۳۹   darkcyan
۱۸۴ ۱۳۴ ۱۱   darkgoldenrod
۱۶۹ ۱۶۹ ۱۶۹   darkgray
۰ ۱۰۰ ۰   darkgreen
۱۸۹ ۱۸۳ ۱۰۷   darkkhaki
۱۳۹ ۰ ۱۳۹   darkmagenta
۸۵ ۱۰۷ ۴۷   darkolivegreen
۲۵۵ ۱۴۰ ۰   darkorange
۱۵۳ ۵۰ ۲۰۴   darkorchid
۱۳۹ ۰ ۰   darkred
۲۳۳ ۱۵۰ ۱۲۲   darksalmon
۱۴۳ ۱۸۸ ۱۴۳   darkseagreen
۷۲ ۶۱ ۱۳۹   darkslateblue
۴۷ ۷۹ ۷۹   darkslategray
۰ ۲۰۶ ۲۰۹   darkturquoise
۱۴۸ ۰ ۲۱۱   darkviolet
۲۵۵ ۲۰ ۱۴۷   deeppink
۰ ۱۹۱ ۲۵۵   deepskyblue
۱۰۵ ۱۰۵ ۱۰۵   dimgray
۳۰ ۱۴۴ ۲۵۵   dodgerblue
۱۷۸ ۳۴ ۳۴   firebrick
۲۵۵ ۲۵۰ ۲۴۰   floralwhite
۳۴ ۱۳۹ ۳۴   forestgreen
۲۵۵ ۰ ۲۵۵   fuchsia
۲۲۰ ۲۲۰ ۲۲۰   gainsboro
۲۴۸ ۲۴۸ ۲۵۵   ghostwhite
۲۵۵ ۲۱۵ ۰   gold
۲۱۸ ۱۶۵ ۳۲   goldenrod
۱۲۸ ۱۲۸ ۱۲۸   gray
۰ ۱۲۸ ۰   green
۱۷۳ ۲۵۵ ۴۷   greenyellow
۲۴۰ ۲۵۵ ۲۴۰   honeydew
۲۵۵ ۱۰۵ ۱۸۰   hotpink
۲۰۵ ۹۲ ۹۲   indianred
۷۵ ۰ ۱۳۰   indigo
۲۵۵ ۲۵۵ ۲۴۰   ivory
۲۴۰ ۲۳۰ ۱۴۰   khaki
۲۳۰ ۲۳۰ ۲۵۰   lavender
۲۵۵ ۲۴۰ ۲۴۵   lavenderblush
۱۲۴ ۲۵۲ ۰   lawngreen
۲۵۵ ۲۵۰ ۲۰۵   lemonchiffon
۱۷۳ ۲۱۶ ۲۳۰   lightblue
۲۴۰ ۱۲۸ ۱۲۸   lightcoral
۲۲۴ ۲۵۵ ۲۵۵   lightcyan
۲۵۰ ۲۵۰ ۲۱۰   lightgoldenrodyellow
۱۴۴ ۲۳۸ ۱۴۴   lightgreen
۲۱۱ ۲۱۱ ۲۱۱   lightgrey
۲۵۵ ۱۸۲ ۱۹۳   lightpink
۲۵۵ ۱۶۰ ۱۲۲   lightsalmon
۳۲ ۱۷۸ ۱۷۰   lightseagreen
۱۳۵ ۲۰۶ ۲۵۰   lightskyblue
۱۱۹ ۱۳۶ ۱۵۳   lightslategray
۱۷۶ ۱۹۶ ۲۲۲   lightsteelblue
۲۵۵ ۲۵۵ ۲۲۴   lightyellow
۰ ۲۵۵ ۰   lime
۵۰ ۲۰۵ ۵۰   limegreen
۲۵۰ ۲۴۰ ۲۳۰   linen
۲۵۵ ۰ ۲۵۵   magenta
۱۲۸ ۰ ۰   maroon
۱۰۲ ۲۰۵ ۱۷۰   mediumaquamarine
۰ ۰ ۲۰۵   mediumblue
۱۸۶ ۸۵ ۲۱۱   mediumorchid
۱۴۷ ۱۱۲ ۲۱۹   mediumpurple
۶۰ ۱۷۹ ۱۱۳   mediumseagreen
۱۲۳ ۱۰۴ ۲۳۸   mediumslateblue
۰ ۲۵۰ ۱۵۴   mediumspringgreen
۷۲ ۲۰۹ ۲۰۴   mediumturquoise
۱۹۹ ۲۱ ۱۳۳   mediumvioletred
۲۵ ۲۵ ۱۱۲   midnightblue
۲۴۵ ۲۵۵ ۲۵۰   mintcream
۲۵۵ ۲۲۸ ۲۲۵   mistyrose
۲۵۵ ۲۲۸ ۱۸۱   moccasin
۲۵۵ ۲۲۲ ۱۷۳   navajowhite
۰ ۰ ۱۲۸   navy
۲۵۳ ۲۴۵ ۲۳۰   oldlace
۱۲۸ ۱۲۸ ۰   olive
۱۰۷ ۱۴۲ ۳۵   olivedrab
۲۵۵ ۱۶۵ ۰   orange
۲۵۵ ۶۹ ۰   orangered
۲۱۸ ۱۱۲ ۲۱۴   orchid
۲۳۸ ۲۳۲ ۱۷۰   palegoldenrod
۱۵۲ ۲۵۱ ۱۵۲   palegreen
۱۷۵ ۲۳۸ ۲۳۸   paleturquoise
۲۱۹ ۱۱۲ ۱۴۷   palevioletred
۲۵۵ ۲۳۹ ۲۱۳   papayawhip
۲۵۵ ۲۱۸ ۱۸۵   peachpuff
۲۰۵ ۱۳۳ ۶۳   peru
۲۵۵ ۱۹۲ ۲۰۳   pink
۲۲۱ ۱۶۰ ۲۲۱   plum
۱۷۶ ۲۲۴ ۲۳۰   powderblue
۱۲۸ ۰ ۱۲۸   purple
۲۵۵ ۰ ۰   red
۱۸۸ ۱۴۳ ۱۴۳   rosybrown
۶۵ ۱۰۵ ۲۲۵   royalblue
۱۳۹ ۶۹ ۱۹   saddlebrown
۲۵۰ ۱۲۸ ۱۱۴   salmon
۲۴۴ ۱۶۴ ۹۶   sandybrown
۴۶ ۱۳۹ ۸۷   seagreen
۲۵۵ ۲۴۵ ۲۳۸   seashell
۱۶۰ ۸۲ ۴۵   sienna
۱۹۲ ۱۹۲ ۱۹۲   silver
۱۳۵ ۲۰۶ ۲۳۵   skyblue
۱۰۶ ۹۰ ۲۰۵   slateblue
۱۱۲ ۱۲۸ ۱۴۴   slategray
۲۵۵ ۲۵۰ ۲۵۰   snow
۰ ۲۵۵ ۱۲۷   springgreen
۷۰ ۱۳۰ ۱۸۰   steelblue
۲۱۰ ۱۸۰ ۱۴۰   tan
۰ ۱۲۸ ۱۲۸   teal
۲۱۶ ۱۹۱ ۲۱۶   thistle
۲۵۵ ۹۹ ۷۱   tomato
۶۴ ۲۲۴ ۲۰۸   turquoise
۲۳۸ ۱۳۰ ۲۳۸   violet
۲۴۵ ۲۲۲ ۱۷۹   wheat
۲۵۵ ۲۵۵ ۲۵۵   white
۲۴۵ ۲۴۵ ۲۴۵   whitesmoke
۲۵۵ ۲۵۵ ۰   yellow
۱۵۴ ۲۰۵ ۵۰   yellowgreen
ثبت شده در سایت یک فخار طی شماره 922 توسط fakhar و در روز یکشنبه ۱۵ خرداد ۱۳۹۰ ساعت ۱۱:۴۲:۰۹
2018 copyright.

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

یکی دیگر از امکانات CSS3 در استایل بندی تعریف کد سایه برای متون [Text-shadow] می باشد
این کد به ما اجازه می دهد افکتهای در خور توجهی به کلمات معمولی تایپ شده خود اضافه کنیم و در واقع کاربران را از این لحاظ از توسل به Photoshop یا رشته های پیچیده Javascriptبی نیاز می سازد
نمونه یک کد سده سایه برای متن:

< style  type=" text/css">
.text{text-shadow:۱px 1px 2px #00f;color:#ff0;}
</style>

۱.   اولین عدد فاصله سایه ما نسبت به محور xهاست هرچه به سمت پائین بیاییم عدد از صفر بالا می رود و هرچه بخواهیم بالا برویم از صفر کم می شود

۲.عددد دوم فاصله تا محور Y هاست که به سمت راست زیاد و چپ کم می شود

۳.عدد سوم قطر محوی سایه است

۴.گزینه رنگ که به ازای مقدار داده شده رنگ سایه را معین می کند

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

چند نمونه از تاثیر سایه را بر روی نوشته برای شما آماده کردم با کلیک نمودن روی هر گزینه کد استایل بندی آن نمایش داده می شود

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

ثبت شده در سایت یک فخار طی شماره 923 توسط fakhar و در روز پنجشنبه ۲۹ اردیبهشت ۱۳۹۰ ساعت ۲۳:۳۷:۲۰
2018 copyright.

کد اضافه به علاقه مندی

کد اضافه کردن صفحه به علاقه مندیها

رایج ترین کدی که برای Favoritesوجود داره با توجه به اینکه شورت کاتی را به آدرسی مشخص در Documents and Settings ارسال می کند بر روی اغلب مرورگرها فعال نمی شود و کارایی ندارد

کد زیر در اغلب مرورگرها کار می کند و در معدودی غیر فعال است که در آنها کلید میانبر CTRL+D این کار را انجام می دهد :

بخش اول در Head و بخش دوم در محل مناسب کپی شود

[code lang=”js”]
<script type="text/javascript">

function bookmarksite(title,url){

if (window.sidebar) // firefox

window.sidebar.addPanel(title, url, "");

else if(window.opera &amp;&amp; window.print){ // opera

var elem = document.createElement(‘a’);

elem.setAttribute(‘href’,url);

elem.setAttribute(‘title’,title);

elem.setAttribute(‘rel’,’sidebar’);

elem.click();

}

else if(document.all)// ie

window.external.AddFavorite(url, title);

}

</script>

[/code]
[code lang=”html”]
<a href="javascript:bookmarksite(‘عنوان سایت شما’, ‘آدرس سایت شما’)">Bookmark this site!</a>
[/code]

ثبت شده در سایت یک فخار طی شماره 924 توسط fakhar و در روز چهارشنبه ۲۸ اردیبهشت ۱۳۹۰ ساعت ۱۳:۱۹:۱۳
2018 copyright.

دانلود منو ساز رایگان

امروز براتون لینک دانلود رایگان منو ساز CSS3 رو از سایت css3menu.com قرار دادم
با استفاده از این نرم افزار رایگان برای سایتتون منوهای دسترسی زیبا بسازید

ویژه گی ها:

  • بدون استفاده از جاوا اسکریپت
    استفاده نکردن از جاوا اسکریپت ضمن کمک در لود سریع تر صفحه باعث می شود که منو در مرورگرهایی که جاوا را ساپورت نمی کنند یا سیستمهایی که هیچ ابزاری برای شناسایی جاوا ندارند به راحتی فعال باشد.

  • استفاده از قابلیت های CSS3
    استفاده از قابلیت هایی مانند
     rounded (گرد بر کردن جعبه)
    box-shadow(سایه جعبه)
     text-shadow (سایه متن) .
    Opacity, backround and font colors (میزان شفافیت جعبه نمایش و فونت)
    linear gradient and radial (ترکیب رنگها در حالت خطی و شعاعی)

  • استفاده از هر تعداد زیر منو
    به تعداد نا محدود برای آیتم های منو زیر منو بسازید

  • SEO friendly
    هماهنگی با سئو و موتورهای جستجوی متنی

  • ۱۰۰% CSS-driven designs
    ساخته شدن با بیس اولیه HTML و با پارامترهای لیست (UL/LI structure).

  • Small size
    کم حجم و سبک برای لود سریع

    Browser support
    پشتیبانی کلیه مرورگرهای مدرن ( بالاتر از IE6) .

  • GUI interface

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

  • وبسایت سازنده: Css3 Menu

  • دانلود: Download

ثبت شده در سایت یک فخار طی شماره 927 توسط fakhar و در روز دوشنبه ۱۲ اردیبهشت ۱۳۹۰ ساعت ۰۰:۰۶:۰۳
2018 copyright.

دستورات کوتاه جاوا اسکریپت

دستورات یک خطی و مفید جاوا اسکریپت
(بیشتر…)

ثبت شده در سایت یک فخار طی شماره 653 توسط fakhar و در روز سه شنبه ۱۵ دی ۱۳۸۸ ساعت ۰۲:۴۵:۵۷
2018 copyright.