ابزارها قالب

این ابزار یکی از کاربردی ترین ابزارهای وب است. شما می توانید به تعداد بسیار زیادی ، نمونه هایی از این ابزار را در اینترنت مشاهده کنید. تا به حال سایت های زیادی هم این ابزار را به کاربران خود ارائه داده اند. اما این ابزار تفاوت هایی دارد. ابزار های دیگر دارای یک سری جملات از پیش تعیین شده می باشند که به صورت تصادفی بعد از هر بار رفرش صفحه نمایش داده می شوند. اما در این ابزار شما می توانید هر جمله ای را که دوست دارید به صورت تصادفی به کاربران خود نمایش دهید. همچنین 45جمله ی پیشفرض هم در این ابزار وجود دارد که شما اگر خواستید می توانید آن ها را نیز فعال کنید. این ابزار می تواند کاربرد های زیادی داشته باشد. نه تنها در نمایش جملات بزرگان بلکه در خوش آمد گویی به کاربران ، تبریک های مختلف ، جک و ...

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

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

قابل اجرا در:

• همه ی سایت ها و وبلاگ ها

برای مشاهده ی کدساز به ادامه ی مطلب بروید.

در این مطلب می خواهم یک نرم  افزار عالی برای ساخت اسلایدر های عالی را به شما معرفی کنم. وو اسلایدر (wow slider) یک نرم افزار عالی است که شما می توانید با استفاده از آن انواع قالب های اسلایدر را ، انواع افکت های تغییر تصویر و ... را انتخاب کنید و با چند کلیک به سادگی یک اسلایدر کامل را با هر عکسی که می خواهید تحویل بگیرید.

ویژگی های این نرم افزار:

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

برای دیدن ادامه ی ویژگی های موجود در این نرم افزار و دانلود آن به ادامه ی مطلب بروید.

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

نکته: ما در این کدَک تغییرات را بر روی تگ body اعمال می کنیم. اگر شما بخواهید ، می توانید این تغییرات را روی هر المنتی از صفحه ایجاد کنید. یعنی تغییر پس زمینه برای تمام قسمت های صفحه قابل استفاده است.

برای این کار ابتدا ما باید با استفاده از Css یک مقدار پیشفرض برای پس زمینه مشخص کنیم.

برای مشاهده ی مطلب به طور کامل به ادامه ی مطلب بروید.

این چند روزی که وبلاگ را به روز نمی کردم ، در حال کار کردن روی این ابزار فوق العاده کاربردی و مفید بودم. با وجود این مشاهده ی این مطلب را برای همه ی بازدید کنندگان آزاد گذاشته ام ، اما اگر از این ابزار استفاده کردید و خوشتان آمد ؛ باید عضو شوید. یعنی نامردیه اگه عضو نشید و به دوستاتون معرفی نکنید !؟!

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

یک جورایی می توان اسم این ابزار را "فول امکانات" گذاشت. از کلی سایت برای ایجاد امکانات ایده گرفتم ، کلی روی امکاناتی که هست فکر کردم ، کلی روی انیمیشن ها و اسکریپت ها کار کردم و در آخر این ابزار ارزشمند را در وبلاگ قرار دادم.

امکانات این ابزار: (قسمت های مهم تر)

• مهم ترین کاربرد این ابزار در نمایش خروجی در اندازه های مختلف است:
  شما می توانید با استفاده از این امکان ، واکنش گرایی قالب ها و صفحات مختلف را آزمایش کنید. در اصل این امکان برای شما صفحه نمایش هایی با اندازه های مختلف را شبیه سازی می کند (موبایل ، تبلت ، لبتاب و ...). شما هر اندازه ای را که بخواهید می توانید وارد کنید. البته اندازه هایی که بیشترین تعداد را در بین صفحه نمایش ها دارند نیز به صورت پیشفرض در این امکان قرار داده شده است.

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

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

ما در این مطلب قرار است بدون استفاده از تگ خاصی در html شیوه ای برای نوار بارگذاری ایجاد کنیم. اما بدانید که در html تگی به نام progress کار ایجاد نوار لودینگ را انجام می دهد ؛ اما این مطلب ربطی به آن ندارد.

برای ایجاد یک نوار لودینگ ما باید ابتدا در صفحه ی خود یک بلاک ایجاد کنیم. ما در اینجا از تگ div استفاده کرده ایم و قسمتی که پر می شود همان div داخلی است. یک تگ div هم با کلاس loading-percent ایجاد کرده ام مربوط است به درصد بارگذاری شده.

برای مشاهده ی مطلب به طور کامل به ادامه ی مطلب بروید.

امروزه در اینترنت افراد زیادی به جای تولید مطلب واقعی مطالب دیگران را کپی می کنند! این موضوع تولید کنندگان مطالب را در ادامه ی فعالیتشان در زمینه ی تولید مطلب سست می کند. چرا که می بینند به راحتی می توان با کپی برداری رتبه ی سایت و بازدید آن را بالا برد ؛ پس چه نیازی به تولید مطلب است؟!

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

برای افراد حرفه ای تر این موضوع کمی جالب است که چطور می توان با استفاده از css ، امکان انتخاب متن را از بین برد. "از بین بردن" برای جذابیت عنوان نوشته است ، اما چیزی که در واقعیت این کد وجود دارد این است که این کد در ذهن بازدید کننده این تصور را ایجاد می کند که انتخاب متن غیر ممکن است. متوجه نشدید؟! یعنی کاربر متن را انتخاب می کند ، اما نمی داند که دارد انتخاب می کند. پس به احتمال زیاد هم از کپی برداری منصرف می شود.

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

برای مشاهده ی کدَک و توضیحات بیشتر به ادامه ی مطلب بروید.
 

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

طرز کار فرمی که می خواهیم ایجاد کنیم این گونه است: ابتدا اطلاعات توسط یک فرم html دریافت می شوند و به سمت سرور (php) ارسال می گردند. در آنجا پس از تجزیه و تحلیل اطلاعات ، اگر اطلاعات از نظر مقدار مشکلی نداشتند ، به صورت یک پیام به آدرس ایمیلی که شما معلوم خواهید کرد ارسال می شوند و نتیجه به صورت یک متن ساده در یک خط به کاربر نمایش داده می شود.

نکته: برای متوجه شدن این آموزش شما باید با html و php آشنایی داشته باشید.

برای مشاهده ی آموزش به طور کامل به ادامه ی مطلب بروید.

این کدَک مربوط است به ایجاد پس زمینه ای با چند رنگ که به صورت متوالی نمایش داده می شوند و حالت چشمک زن به پس زمینه ی وبلاگ یا سایت شما می دهند. شاید به نظر بعضی ها این کدَک کاملا بی استفاده باشد ؛ اما پیشنهاد می کنم تا انتهای مطلب را دنبال کنید تا فایده ی آن را متوجه شوید.

بعضی توضیحات در این مطلب ، مربوط به کاربران سطح متوسط است. ولی در کل افراد مبتدی هم می توانند از این کدَک استفاده کنند.

نکته: این کد ها را می توانید در بخش کد های کاربردی ، کد های اختصاصی ، اسکریپت های اضافی و ... در پنل کاربری وبلاگ خود وارد کنید. همچنین می توانید این کد ها را در بین <head>  و </head> قالب خود قرار دهید. هر راهی بری شما ساده تر است را استفاده کنید.

برای دیدن کدَک و توضیحات مربوط به آن به ادامه ی مطلب بروید.

در مطلب قبلی درباره ی کدَک ها توضیح داده شد. امیدوارم از این مطلب استفاده ی کافی را ببرید

با استفاده از این کدَک شما می توانید پیغامی را به کاربران خود هنگام ورود به سایت یا وبلاگ نمایش دهید. کد آن بسیار کوتاه است و به سادگی قابل تغییر توسط شماست. نیازی به هیچ گونه اطلاعات قبلی درباره ی برنامه نویسی وب نیست و شما به راحتی می توانید با کم ترین اطلاعاتی آن را مناسب با خواسته ی خود تغییر دهید.

شما می توانید در پیغام های ورودی سایت خود به کاربران خوش آمد بگویید. حتی می توانید با نمایش نام آن ها ، به آن ها سلام کنید.

نکته: این کد ها را می توانید در بخش کد های کاربردی ، کد های اختصاصی ، اسکریپت های اضافی و ... در پنل کاربری وبلاگ خود وارد کنید. همچنین می توانید این کد ها را در بین <head>  و </head> قالب خود قرار دهید. هر راهی بری شما ساده تر است را استفاده کنید.

برای مشاهده ی کدَک به ادامه ی مطلب بروید.

سلام دیگه خدمت شما دوستان عزیز

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

خب امرور با قسمت اول از آموزش ورد 2010 ( Word 2010 ) در خدمتتون هستم امیدوارم که از آموز خودتون بیاد.

قبل از شروع یه مقدمه ای بگم در مورد ورد ( Word ):

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

برای مشاهده کامل آمزوش به ادامه مطلب بروید.

کدَک (کد کوچک) یکی از انواع مطالبی است که در این سایت شما قادر به استفاده از آن هستید. این اولی کدَک سایت است. شما به راحتی می توانید با چند تغییر کوچک در قالب خود ، ویژگی های منحصر به فرد کدک ها را ایجاد کنید.

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

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

اما اگر از این روش ها نتوانستید استفاده کنید ، می توانید در کد های قالب خود ، این کد ها را بین <head> و </head> کپی کنید.

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

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

حتما شما در صفحات وب با لیست ها مواجه شده اید. شاید به گونه ای که در ذهن دارید نباشند اما بدانید که تمام لیست های معمولی ، منوهای بالایی در سایت ها ، منوی موضوعات و ... از تگ های لیست کمک می گیرند ؛ اما تفاوتی که این لیست ها با لیست های معمولی در html دارند این است که در آن ها از Css و javascript و jquery برای زیباسازی و متحرک سازی استفاده شده است.

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

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

در html دو نوع لیست وجود دارد که آن لیست ها خود دارای زیرمجموعه های زیادی هستند:

• لیست مرتب

• لیست نامرتب

برای مشاهده ی ادامه ی آموزش به ادامه ی مطلب بروید.