پوسته Think Out

سر انجام طراحی پوسته جدید پورت ۸۰ تمام شد. این پوسته جدید که Think Out نام دارد توسط خودم طراحی شده. در این پوسته از تکنولوژی های طراحی وب همانند Ajaxو Iframe استفاده شده و طراحی به روزی است. استفاده از Thickbox ورژن ۳٫۱ نیز تامل کاربر را بهینه کرده است. ThickBox یک یوزر اینترفیس (UI) مبتنی بر JQuery است که به عنوان مثال در قسمت “بایگانی” و “نسخه موبایل” استفاده شده. برای مشاهده این اینترفیس روی لینک های بالای صفحه یا روی تصویر زیر کلیک کنید! استفاده از این تکنولوژی می تواند حجم صفحات را با نمایش تصاویر به صورت BOX کاهش دهد. نسخه موبایل پورت ۸۰ نیز کاملا تغییر کرده و با استفاده از سرویس Mofuse کاملا برای نمایش در تلفن های همراه بهینه شده. برای اطلاعات بیشتر به قسمت نسخه موبایل مراجعه کنید. البته بسیار علاقه مند بودم از Silverlight در برخی صفحات استفاده کنم اما در حال حاضر زمان کافی برای این کار را ندارم و امیدوارم در آینده از سیلورلایت نیز در پورت ۸۰ استفاده شود.

Single Image
پارک جمشیدیه – تهران

 طی دو گذشته که در حال طراحی پوسته جدید بودم نظرات، ایمیل ها و پیغام های بسیاری را دریافت کردم که همگی دوستان با محبت از پوسته Think Out می گفتند. از تمامی خوانندگان پورت ۸۰ تشکر می کنم و امیدوارم این پوسته جدید بتواند باعث علاقه مند تر شدن آن ها به پورت ۸۰ شود. هرچند پوسته قبلی نیز پوسته ساده ای نبود، اما طراحی آن قدیمی شده بود و رنگ بندی تیره آن نیز جذاب نبود. همچنین برای اولین بار در ۷ سال گذشته است که عرض صفحات من از ۷۶۰ پیسکل  بیشتر شده. عرض ۷۶۰ پیسکلی پوسته قبل یکی از دلایل اصلی طراحی پوسته Think Out بود.

پوسته جدید Think Out در تمامی مرورگر ها به خوبی قابل مشاهد است اما بهترین نمایش در FireFox است.ممکن است به زودی این پوسته از طریق Btemplates.com در دسترس همه قرار گیرد.

چنانچه در مشاهده پورت ۸۰ مشکلی دارید و یا پیشنهاداتی برای بهتر شده پوسته دارید لطفا مطرح کنید.



5 دیدگاه برای پوسته Think Out
  1. هومن پاسخ دادن

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

  2. باغ بان باشی پاسخ دادن

    ۱- عرفان جان برای قسمت بالای وبلاگت : بخش “بخوانید” و :اخرین مطالب ” ، یک رنگ بصورت گرایدنت از آبی به سفید قرار بده قشنگتر میشه البته اگرچنین چیزی امکان پذیر باشه .
    ۲- بخش برچسبها اعداد در سمت راست نوع برچسبها قرار گرفته اند . برای اینکه در سمت چپ قرار بگیرند ، کدهای لیبل ها را در وبلاگت پیدا کن و بخش ltr رو حذف کن

    ۳ – خط زیر نظر دهندگان رو با padding-bottom یک فاصله ۵px قرار بده تا خط کمی پائینتر قرار بگیره

  3. هومن پاسخ دادن

    عرفان راست به چپ بایگانی درست نیست

  4. باغ بان باشی پاسخ دادن

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

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

  5. عرفان طاهری پاسخ دادن

    هومن تو خواب نداری؟ بایگانی درست شد.

    مجتبی عزیز نظرات واقعا خیلی کمک کننده بود و تشکر می کنم. اینکه بالای صفحه رو گرادینت نگذاشتم به خاطر حجم صفحات بود که زیاد نشه. چون Jquery که باید لود بشه ۳۰ کیلوبایت هست. مثلا می خواستم یه گرادینت مثل بالا در پایین صفحه هم بگذارم اما به خاطر زمان لود شدن صفحه بی خیال شدم. کد ها رو هم به ایمیل هات میل تون که در فرم نوشته بودید ارسال کردم. در مورد ساید باد هم توضیح دادم باید یه فکر دیگه کرد :دی…

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

پاسخ دهید

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

*

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>