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

دسته‌ها : اسکریپت, سی اس اس علی میرزائی 20 دیدگاه‌ها

اسکریپت خبرنامه css3

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

دیدگاه کاربران در مورد این نوشته

  1. سلام
    خسته نباشید.
    مهندس یه تقاضا دارم از خدمتتون. من میخام که یک خبر نامه با فیدبنر برای سایتم قرار دهم و از استیل خبرنامه شما خیلی خوشم اومده. امکان داره که دسترسی سایتو بهتون بدم برام اوکی کنید؟
    هزینه هم داشته باشه مشکلی نیست.

    توسط سیروان شیخی پاسخ

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

    توسط عتیق پاسخ

    1. سلام،
      کار خاصی لازم نیست. ما از سیستم feedburner گوگل استفاده کردیم و شما هم میتونید از این سیستم به صورت رایگان استفاده کنید.

      توسط علی میرزائی پاسخ

  3. خیلی ممنون. اما به نظرتون بهتر نیست کدش رو در کنار اسکریپت برای وردپرس بصورت آماده بذارین.؟
    به شخصه اصلا سی اس اس بلد نیستم.مطمئنم خیلی از دوستان هم باهاش مشکل دارن.
    یا لطف بکنید بگین چجوری با فیدبرنر ست کنم و بذارم توی سایت وردپرسی

    توسط علی جعفری پاسخ

    1. سلام علی جان، والا قصد من از این پست ارائه یک استایل آماده برای دوستان بود و فک نمیکنم نیاز به تنظیمات خاصی برای وردپرس داشته باشه.
      اما در رابطه با فیدبرنر، کافیه که فرمتون رو به جای input های پیشفرض در این اسکریپت، قرار بدید. اگه در این مرحله مشکلی داشتید، سؤالتون رو (به همراه کد فیدبرنر) در سامانه پرسش و پاسخ مطرح کنید تا در اونجا بتونم بیشتر راهنماییتون کنم…
      http://answer.alimir.ir

      توسط علی میرزائی پاسخ

  4. سلام …
    مطالبتون عالی هست … ممنونم آقای میرزائی …
    در صورت امکان آموزش ساخت ظاهر اختصاصی برای بخش دیدگاه های وردپرس با کمکcss راقرار بدید مثل همین بخش دیدگاه های شما … ” نحوهی قرار گرفتن اواتار و … ”
    با تشکر …

    توسط آرش پاسخ

    1. خواهش میکنم آرش جان، نظر لطفتونه…
      کار سختی نیست، فقط کافیه که سلکتورها رو بشناسید و بهشون استایل بدید.


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

      .commentlist .reply {}
      .commentlist .reply a {}
      
      .commentlist .alt {}
      .commentlist .odd {}
      .commentlist .even {}
      .commentlist .thread-alt {}
      .commentlist .thread-odd {}
      .commentlist .thread-even {}
      .commentlist li ul.children .alt {}
      .commentlist li ul.children .odd {}
      .commentlist li ul.children .even {}
      
      .commentlist .vcard {}
      .commentlist .vcard cite.fn {}
      .commentlist .vcard span.says {}
      .commentlist .vcard img.photo {}
      .commentlist .vcard img.avatar {}
      .commentlist .vcard cite.fn a.url {}
      
      .commentlist .comment-meta {} 
      .commentlist .comment-meta a {}
      .commentlist .commentmetadata {}
      .commentlist .commentmetadata a {}
      
      .commentlist .parent {}
      .commentlist .comment {}
      .commentlist .children {}
      .commentlist .pingback {}
      .commentlist .bypostauthor {}
      .commentlist .comment-author {}
      .commentlist .comment-author-admin {}
      
      .commentlist {}
      .commentlist li {}
      .commentlist li p {}
      .commentlist li ul {}
      .commentlist li ul.children li {}
      .commentlist li ul.children li.alt {}
      .commentlist li ul.children li.byuser {}
      .commentlist li ul.children li.comment {}
      .commentlist li ul.children li.depth-{id} {}
      .commentlist li ul.children li.bypostauthor {}
      .commentlist li ul.children li.comment-author-admin {}
      
      #cancel-comment-reply {}
      #cancel-comment-reply a {}

      توسط علی میرزائی پاسخ

  5. کدی ک من از شما گرفتم این هست
    There is no code here
    اسکریپت خبرنامه
    There is no code here
    خبرنامه
    There is no code here
    و کد فیدبنر
    There is no code here
    تقاضا دارم کمک کنید داداشی جونم.

    توسط ehsan پاسخ

    1. متأسفانه اینجا کدها قابل نمایش نیستن!
      سؤالت رو تو سامانه ی پرسش و پاسخ مجددا مطرح کن.

      توسط علی میرزائی پاسخ

  6. ali jan mishe ye khorde baz taresh konid
    in style zibaye doresh bara man neshon dade nemishe
    code khabar name ro bayad beyne 2 ta tage bzaram dg are?

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

    توسط ehsan پاسخ

    1. سلام،
      کد فیدبرنر رو میگی؟
      منظورت ابعادشه؟ خوب اون رو تو بخش سی اس اس میتونی سایز دهی کنی.

      توسط علی میرزائی پاسخ

  7. داداش کد هاش رو بذار D:

    توسط ehsan پاسخ

  8. سلام
    میشه بررسی کنید ببینید چجوری میشه با افزونه معروف NEWSLETTER جورش کرد و بتونیم برای اون استفادش کنیم؟

    توسط احمد پاسخ

    1. سلام، با این افزونه کار نکردم، اما باید به سراغ فایل های سی اس اس اون برید و در بخش ظاهری، برخی از دستورات این اسکریپت رو با اون عوض کنه…
      البته تغییر نام برای برخی توابع و دستورات هم ممکنه لازم شه!!!

      توسط علی میرزائی پاسخ

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

        توسط احمد پاسخ

        1. خوب برای یادگرفتن هیچ وقت دیر نیست… :)
          منم خودم تاحالا هیچ کتابی رو برا Css نخوندم… فقط به صورت تجربی با دستکاری کدها تونستم تا حدودی باهاش آشنا شم… 😉

          توسط علی میرزائی پاسخ

  9. سلام داداش.خسته نباشی.
    تازه باسایتت اشناشدم اما همین چندتا مطلب اولوکه دیدم تا اینجاش خوب بود.
    —-
    من یه مشکل توی نصب این افزونه دارم که نصب نمیشه ویه پیغام میده که عکسشوت اپلودکردم وبیزحمت ازلینک زیرمشاهده کنید وعلتش رو بیان کنید.
    http://s2.uplod.ir/files/6/v7g0cgzs7cuc9t/11-1-2013_7-38-37_AM.png
    ممنونم.

    توسط میثم پاسخ

    1. سلام دوست عزیز.
      ممنونم، نظر لطفتونه :)
      اسکریپت با افزونه فرق میکنه، نحوه ی استفاده رو در دیگاه بالایی توضیح دادم.

      توسط علی میرزائی پاسخ

  10. سلام این من چه جوری نصب کنم..خیلی ضروری برای من

    توسط رضا پاسخ

    1. سلام، این اسکریپت نصبی نیست و تنها یک طرح کلی برای استفاده در طراحی یا ویرایش قالبه.
      برای استفاده باید ابتدا کدهای مربوط به خبرنامه رو خارج کنی و سپس توابع مربوط به خبرنامه یا فیدبرنرت رو در اون قرار بدی.
      برای دیدن کلاس هام روی index راست کلیک و اگه notepad رو نصب داری گزینه edit with notepad رو انتخاب کن.

      توسط علی میرزائی پاسخ

دیدگاه خود را بیان کنید