ابزارها قالب

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

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

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

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

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

قابل اجرا در:

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

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

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

قابل اجرا در:

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

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

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

قابل اجرا در:

• رزبلاگ
  

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

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

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

قابل اجرا در:

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

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

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

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

قابل اجرا در:

• رزبلاگ
• و سایت های دیگر به شرط یک سری تغییرات در کد ها
  

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

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

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

از ویژگی های این شیوه ی نظرسنجی این است که ، کاربر پس از ورود به صفحه ی سایت یا وبلاگ شما ، یک نوار باز شونده در گوشه پایین ، راست تصویر مشاهده می کند. این طرح باعث می شود که کاربران بیشتری در نظرسنجی شرکت کنند.

قابل اجرا در:

• رزبلاگ
• و سایت های دیگر به شرط یک سری تغییرات در کد ها
  

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

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

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

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

قابل اجرا در:

• رزبلاگ
• و سایت های دیگر به شرط یک سری تغییرات در کد ها
  

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

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

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

قابل اجرا در:

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

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

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

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

قابل اجرا در:

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

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

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

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

قابل اجرا در:

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

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

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

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

قابل اجرا در:

• رزبلاگ
• میهن بلاگ
  

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

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

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

قابل اجرا در:

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

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

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

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

قابل اجرا در:

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

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

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

احتمالا شما هم با مشکل کم بودن بازدید سایت یا وبلاگ مواجه هستید. خیلی ها تلاش می کنند که بازدید سایت خود را بالا ببرند. این افراد حتی بعد از تبلیغ هم آن طور که باید بازدید ندارند. خیلی ها فکر می کنند که مشکل از مطالب سایت است. اما مشکل از جای دیگری است. مشکل از متا تگ هاست (meta tags).

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

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

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

قابل اجرا در:

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

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

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

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

قابل اجرا در:

• رزبلاگ
  

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

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

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

قابل اجرا در:

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

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

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

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

قابل اجرا در:

• رزبلاگ
  

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

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

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

قابل اجرا در:

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

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

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