سلام و خسته نباشید خدمت کاربران محترم هایپرتمپ. امیدواریم روز خوبی رو سپری کنید چون امروز قراره با یه آموزش خیلی پرمحتوا و پرکاربرد همراهتون باشیم. پس با ما باشید تا خاصیت فونت و فونت فیس را در سی اس اس فرا بگیرید.
تیم مدیریتی هایپرتمپ
با سلام و خسته نباشید خدمت کاربران عزیز هایپرتمپ خوب داریم به عید نزدیک میشیم و اوخر سال 1397 هجری شمسی هستش. میخایم با پست های قوی تر سال رو به پایان برسونیم. این پست به عنوان آخرین پست سال توسط هایپرتمپ ارائه میشه پس با هایپرتمپ باشید تا شما را به کاربردی ترین لینک های وب در html آشنا کنیم.
تیم مدیریتی هایپرتمپ
سلام خدمت همه آقایون و خانومای هایپری
آقا عیدتون مبارک دیدیم سید محمد (یکی از مدیران اصلی هایپر) که عیدی نداد بهمون امروز گفتیم ما به جاش عیدی بدیم. عیدتون مبارک و امیدواریم هرجا که هستید خوشحال و خندان باشید.
این کد مخصوص رزبلاگ هست اول بگم . دوم اینکه خیلی کد من این مطلب رو میپسندم توی نت وجود داره ولی یه کدومشون هم سالم نیستن و وقتی لایک میکنی نتیجه به صورت آجاکس لایک نمیشه و همینجوری منتظر بمانید سرجاش میمونه تا ریفرشش کنید . آما این کدی که ما نوشتیم براتون سالمه و رو صفحه اصلی هایپر داریم ازش استفاده میکنیم.خوب من نمونه ساد این کد رو براتون قرار دادم که باتوجه به نیاز خودتون میتونید استایل یا ویرایشش کنید مقلا کاری کنید که وقی رو عکس ملطب کلیک شد لایک بشه . خلاصه اینم کد :
تیم مدیریتی هایپر تمپ
سلام به کاربران خوب هایپر تمپ امروز آموزش کار با نرم افزار اسکرچ گذاشتم که جلسه دوم هست و امید وارم بدردتون بخوره
با سلام امروز خواستم آموزش کار با نرم افزار اسکرچ رو یاد بدم
سلام
با سری اول ترفند های رزبلاگ در خدمت شما هستیم
اولین ترفند مربوط به رزاپ سرویس اپلودسنتر رزبلاگ می باشد
شاید برای شما هم پیش امده که بخواهید بیشتر از اون 2 گیگ تعیین شده اپلود داشته باشید .
تیم مدیریتی هایپر تمپ
با سلام خدمت همه کاربران عزیز
امروز بیکار بودم براتون افزونه WPShapere فارسی سازی و سازگار وردپریس فارسی کردم . شما با این افزونه قادر خواهید بود پنل مدیریت خود دوچندان زیبا کنید صفحه کاربران و عضویت دلخواه خودتون رو بسازید .ظاهر پنل مدیریتتتون اونجوری که دوست دارین ویرایش کنید و بسازیدش. برای استفاده ازین افزونه نیاز به هیچ دان کدنویسی یه پنل فوق حرفه ای و زیبا بسازید.
تیم مدیریتی هایپر تمپ
با سلام خدمت کاربران و میهمانان عزیز هایپرتمپ
من یعنی مرتضی بعد از مدتی طولانی با یک پست آموزش ی کدنویسی در سطح ساده و لازم تمامی کدنویسان عزیز در خدمت شما هستیم.این کتاخانه که از زبان شیرین و ویژگی های جدید css3 استفاده میکند فوق العاده سبک بوده و برترین مزیت آن زیبایی دو چندان با سرعت عالی میباشد.شما با استفاده از این کتابخانه میتوانید به اجزای قالب خود به مانند نسخه 1.3 قالب هایپرتمپ یک انیمیشن و جلوه زیبا دهید. لازم به ذکر است که این آموزش با توجه به درخواست زیاد کاربران و علاقه مندی شما به صورت اختصاصی تهیه و نوشته شده است امیدواریم با جلب رضایت شما و استقبال شما همراه باشد...
آموزش استفاده از کتابخانه animate.css
در ابتدا لازم است که کتابخانه آن را در head قالب خود قرار دهید یعنی بین دو تگ زیر
و کد فراخوانی کتابخانه که باید بین دو تگ بالا قرار بگیرد :
خوب حالا ما کتابخانه رو در قالب خودمون قرار دادیم و نوبت اینه که کلاس (مشخصه) هارو به اجزای قالب خودمون اضافه کنیم :
خوب مشخصه animated الزامه اجرای انیمیشن و نحوه اجرای انیمیشن که ما از zoomIn استفاده کردیم . ما تمامی مشخصه های انیمیشن هارو در زیر قرار دادیم:
bounce
flash
pulse
rubberBand
shake
swing
tada
wobble
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
flipInX
flipInY
flipOutX
flipOutY
lightSpeedIn
lightSpeedOut
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
hinge
rollIn
rollOut
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
slideInDown
slideInLeft
slideInRight
slideInUp
slideOutDown
slideOutLeft
slideOutRight
slideOutUp
یک مثال که ما در آن به یک دایو انیمیشن دادیم :
خوب تا اینجا ما موفق شدیم انیمیشن رو به جز دلخواهمون در کدنویسی بدیم ولی این انیمیشن ها همگی در ابتدا که لود شد اجرا میشن و اگه ما بخوایم این انیمیشن اجزا وقتی اجرا بشن که روشون اسکرول شد به مانند قالب هایپرتمپ نسخه 1.3 اجرا شوند باید کتابخانه زیر را علاوه بر کتابخانه بالا به head قالبمون اضافه کنیم :
و کلاس زیر رو به جزهای دلخواهمون در قالب نیز اضافه کنیم
یک مثال :
اگه سوالی در این مورد داشتین در نظرات با ما درمیان بگزارید.
تیم مدیریتی هایپر تمپ