تبلیغات

آخرین ارسال های انجمن

عنوان	پاسخ	بازدید	توسط
پنهان کردن عناصر صفحه در php	4	2386	snakeeye
طراحی باکس دانلود	6	2537	mary567
ارزیابی رایگان سایت ها و وبلاگ ها	25	8765	grimboy
انواع قالب اختصاصی	3	2150	ghraphic-home
بهترین افزونه های AMP وردپرس	2	2584	jack7788
کد پاپ اپ دو یا چند پنجره به طور همزمان پشت صفحه	23	9201	jack7788

12 3 4 5 6 7 8 9 10 11 »

کدک انیمیشن لینک های داخلی صفحه

          حمیدرضا 
            بازدید : 1659
          دوشنبه 27 اردیبهشت 1395
           نظرات (0)
        

امروز می خواهم این کدک را برایتان بگذارم که با استفاده از آن می توانید کاربر را به لینک های داخلی (یعنی لینک هایی که # دارند) با ترنزیشن اسکرول ( scroll transition ) ، یعنی به شکلی شناور ، منتقل کنید.

مقدمه

برای فهمیدن این کدک شما باید با کد های جی کوئری (JQuery) و اچ تی ام ال (HTML) آشنا باشید. از آنجایی که قرار است در کدَک از جی کوئری استفاده کنیم اول از همه ، کتابخانه ی جی کوئری را در صفحه لود می کنیم:

<<<code>>>

<<</code>>>

می توانید قسمت قرمز رنگ (کتابخانه ی جی کوئری) را از گوگل دریافت کنید. (این لینک از گوگل است) البته کتابخانه ی جی کوئری ای که در سایت ما هم هست به روز است و می توانید از همان استفاده کنید.

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

درباره کدَک ها (کد کوچک) , سطح حرفه ای ,

ادامه مطلب ...

نمایش آخرین نظرات رزبلاگ به صورت رایگان

          حمیدرضا 
            بازدید : 2358
          پنجشنبه 01 مرداد 1394
           نظرات (5)
        

ابزار بر اساس جدیدترین تغییرات رزبلاگ آپدیت شد. (94/7/1)

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

شاید حتی نتوانید تصور کنید که چقدر روی این ابزار وقت گذاشته ام!! بدون شک یکی از حرفه ای ترین ابزار های سایت ما این ابزار است.

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

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

طراحی من برای این ابزار به گونه ای است که شما می توانید موارد زیر را مشخص کنید:

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

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

نکته: طراحی این ابزار به گونه ای است که طول آن به صورت 100% تنظیم می شود و تمام صفحه را تا جایی که ممکن باشد پر می کند. پس برای نمایش بهتر آن را در قسمتی از قالب قرار دهید که طول محدود تری داشته باشد ، مثلا در ستون های کناری صفحه!

قابل اجرا در:

فقط رزبلاگ

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

درباره ابزار پیشرفته , رزبلاگ ,

ادامه مطلب ...

کدَک پس زمینه ی چشمک زن

          حمیدرضا 
            بازدید : 2360
          پنجشنبه 07 خرداد 1394
           نظرات (0)
        

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

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

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

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

درباره آموزش وب , javascript , کدَک ها (کد کوچک) , سطح متوسط ,

ادامه مطلب ...

شیوه ی نمایش اخبار سایت - طرح ساده ی خاکستری

          حمیدرضا 
            بازدید : 1062
          یکشنبه 01 تیر 1393
           نظرات (0)
        

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

قابل اجرا در:

رزبلاگ

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

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

درباره ابزار ساده , شیوه ی نمایش اخبار ,

ادامه مطلب ...

meta tags برای سایت یا وبلاگ شما

          حمیدرضا 
            بازدید : 813
          یکشنبه 28 اردیبهشت 1393
           نظرات (3)
        

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

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

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

درباره ابزار ساده ,

ادامه مطلب ...

منوی موضوعات رزبلاگ - طرح خاکستری نواردار بازشونده

145

          حمیدرضا 
            بازدید : 2650
          جمعه 19 اردیبهشت 1393
           نظرات (4)
        

مشکل بد باز شدن منو برطرف شد.

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

قابل اجرا در:

رزبلاگ

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

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

درباره ابزار ساده , استایل موضوعات ,

ادامه مطلب ...

ابزارهای خاص

ارزیابی آنلاین سایت و وبلاگ به صورت رایگان

تبلیغات

تبلیغات متنی