Fased Shod !

سلام. موقع آپدیت جوملا 1.7 به 2.5 این مشکل به وجود آمد؟ برای حل این مشکل پکیج جوملا 1.7 را در هاست اکسترکت کنید و پوشه installation را حذف کنید. سپس به مدیریت جوملا > مدیریت افزونه ها > بروزرسانی بروید و از آنجا جوملا را بروز کنید. من هم این مشکل را داشتم و اینطوری حل شد. موفق باشید.

راهنمای , آموزش استفاده از فایر باگ – firebug – برای طراحان وب [/align] آیکون فایر باگ شما همچنین برای باز کردن پنل فایر باگ می توانید روی دکمه فایر باگ کلیک کنید. با توجه به ورژن فایر فاکس شما این آیکون در پائین صفحه سمت راست یا بالا سمت راست کنار نوار جستجو قرار می گیرد. استفاده از فایر باگ در یک پنجره جدید روی صفحه زمانی که پنل فایر باگ شما روشن است دلتان می خواهد که آن را به صورت یک پنجره جدید و به صورت مجزا و در پنجره مخصوص به خودش مشاهده کنید. دکمه نمایش در پنجره جدید را از فایر باگ کلیک کنید این کاره برای مانیتورهای بزرگ و تنظیمات کامپیوترهایی که از چند مانیتوره به صورت همزمان استفاده می کنند مفید است. حالا شما آماده هستید که مشکلات موجود را برطرف کنید. در مطالب بعدی در مورد ویژگی های فایر باگ و تکنیکهای مفید آن توضیحاتی خواهیم داد. بررسی قالب و ساختار صفحه وب و نشانه گذاری ها اولین سوالی که شما از خودتان در مورد صفحه ای که در حال توسعه و یا رفع مشکلات آن هستید ، می پرسید این است که : مشکل وب سایت چیست و از کجا به وجود آمده ؟ کاربرد اولیه و اساسی فایر باگ بررسی است. زمانی که فایر باگ را باز می کنید شما به صورت پیش فرض در پنل HTML هستید. این پنل به شما در بررسی و درک HTML عناصر درون صفحه کمک می کند. در پنل HTML دو بخش در پنل وجود دارد قسمت نمایش ند ها اولا در سمت چپ صفحه شما قسمت نمایش ند، در واقع کد های تشکیل دهنده صفحه ای را که در مرورگر شما باز است را نمایش می دهند. نمایش ند ها به شما این اجازه را می دهد که به ویرایش عناصر اچ تی ام ال صفحه بپردازید و نتیجه آن را در صفحه مشاهده کنید وقتی که شما روی عناصر نشانه گذاری شده اچ تی ام ال موس اور می کنید عناصر صفحه وب که شما در حال بررسی آن هستید به صورت های هایلایت نمایش داده می شود. این ابزار به طرز باور نکردنی به شما دقیقا نشان می دهد که مرورو گر به چه صورت به پیاده سازی و اجرا کردن عناصر اچ تی ام ال در صفحه می پردازد و عناصر مشخص در کجای صفحه قرار دارد. با استفاده از این ابزار می توانید مشکلات مربوط به margin و padding و مشکلات از این قبیل را در صفحه بر طرف کنید. وقتی که شما بر روی ند های اچ تی ام ال کلیک می کنید روی نوار بالای بخش نمایش ند ها، مسیر هر ند نمایش داده خواهد شد. از این مسیر برای افزودن یا نوشتن هر نوع سی اس اس مورد نیاز بطور مخصوص و مشخص، برای یک بخش به خصوص، از عناصر وب سایت که مشابه قسمت های دیگر در صفحه وب سایت شما می باشد و همچنین برای دریافتن اینکه بخشها و عناصر صفحه دارای چه خصوصیاتی از سی اس اس هستند استفاده می کنیم. برای اینکه هر چه سریعتر به عنصر اچ تی ام ال مورد نظر خود دستیابید می توانید از نوار جستجوی سمت راست پنل استفاده کنید که با های لایت توسی در بخش نمایش ند ها ، بخش مورد نظر را نمایش خواهد داد. پنل کناری نمایش کد های اچ تی ام ال بخش بعدی که در سمت راست صفحه نمایش قرار دارد به نام پنل کناری معروف است. در این پنل کناری ، پنل ها یی وجود دارد که به شما اطلاعات بیشتری در مورد عناصر انتخاب یا های لایت شده می دهد. در پنل کناری ۴ پنل دیگر موجود است: ۱- استایل style 2- قالب یا layout 3- محاسبه computed 4- سند مدل شیء یا DOM (document object model) پنل استایل style در پنل کناری به شما تاثیر سی اس اس های مهم عناصر صفحات وب را نمایش می دهد این پنل نمایی از استایل شیت ( صفحه نوشتن کد های سی اس اس ) با شماره خط آن سی اس اس را نمایش می دهد. در این حالت شما بیشتر از یک استایل شیت خواهید داشت. [/center] [/center] [/center] [/center] [/center] [/center] محدودیت ها و خصلت های فایر باگ با توجه به اینکه فایر باگ داراری خصلت های خوب زیادی است اما سرعت انتشار امکانات جدید درون فایر فاکس دیوانه کننده است و چه کسی می تواند از این موضوع ایراد بگیرد؟ بگذارید راجع به محدودیت های فایر باگ هم صحبت کنیم: عناصری در اچ تی ام ال که دارای خصوصیت هاور hover هستند این سخت است که عناصری را که دارای سی اس اس هستند اشکال زدایی کرد دارای قوانین هاور و یا دارای هاور جاوا اسکریپتی هستند مانند منوهای دراپ دان چون وقتی موس رو از روی انها بر می داریم خصوصیتشون کاملا عوض می شوند موضوع این است که شما باید چاره ای بیابید که به بررسی عناصر تودر تو (که تا زمانی که روی عناصر اصلی کلیک نکرده اید پنهان هستند) ، از طریق بررسی عناصر اصلی بپردازید . پیشنهاد این است که از طریق خصوصیات استایل اچ تی ام ال این عنصر را مجبور به باز شدن و دیده شدن آن نمائید البته ایده خوبی برای تست های روی وب سایت های اجرا شده و لایو نیست اما تا حدی موثر است. در مثال زیر می خواهیم یکی از آیتم های لیست غیر منظم را از منوی flyout-menu بررسی و رفع عیب کنیم و جاوا اسکریپتی وجود دارد که باعث می شود منو زمانی که موس روی ان نیست پنهان شود Menu item one Menu item two Menu item three می توانید استایل inline زیر را به div مورد نظر ( با توجه به طرز پنهان شدن div و نظر به اینکه شما می خواهید از دستکاری DOM جاوا اسکریپت بپرهیزید ) اضافه کنیم. Menu item one Menu item two Menu item three فایر باگ بعضی اوقات از کار می افتد بعضی اوقات پنل سی اس اس قابل ارائه برای edit mode یا مد ویرایش نمی باشد و باعث ایجاد ارور می شود علت این موضوع هنوز واقعا مشخص نیست اما با بستن و باز کردن مجدد مرورگر دو باره به حالت عادی بر می گردد. فایر فاکس با سایر مرور گر های دیگر فرق دارد نکته جالب دیگر این است که فایر فاکس مرور گر عالی و در بعضی مواقع خیلی عالی، چون اشتباهات نشانه گذاری را خودش اصلاح می کند. برای مثال فرض کنید عنصر زیر به صورت یک عنصر از یک لیست است. Home کسی فراموش کرده است که تگ a را ببندد بعضی از مرورگر ها ممکن است آن را به درستی ارائه نکند و صفحه شما به هم ریخته شود. ولی مرورگر فایر فاکس تگ a را در جای درست به خودش نمایش می دهد این یعنی شما چیز هایی را که در مرور گرهای دیگر مشکل دار می بیند در مرورگر فایر فاکس به درستی می بینید و این به این علت است که نحوه ارائه کردن این کد ها در مرور گر های مختلف متفاوت است. این بدین معنی است که قسمتی از سایت شما که در فایر فاکس به درستی کار می کند ممکن است در مرور گر های دیگر به علت ارائه کد ها به شیوه های مختلف ، هنوز دارای اشکال باشد. فایر باگ شما را از چک کردن ساختار وب سایت خودتان در مرورگر های دیگر حفظ نمی کند. ما ابزارهایی هم در مروگر های دیگر داریم که مشابه کار فایر باگ را انجام می دهد که به صورت زیر معرفی می شوند: در Google Chrome, Safari, IE و Opera ابزار هایی مشابه فایر باگ موجود است که برای کسب اطلاعات بیشتر از این لینک ها استفاده کنید:\ [align=left] Google Chrome: Chrome Developer Tools Firebug Lite Apple Safari: WebKit Web Inspector Internet Explorer: Internet Explorer Developer Tools Opera: Opera Developer Tools Mozilla Firefox: Add-ons[/align] یک نکته را هم اضافه کنم که این آموزش 19 تصویر داشت ، ولی چون اجازه برای 19 تا داده نمی شد ، من مجبور شدم 10 تا بکنم. از مدیران جومینایی خواهش دارم که این مقدار را بیشتر کنند. وبلاگینا

هنگامی که جی کوئری به درستی مورد استفاده قرار گیرد، می‌تواند برای داشتن سایت‌های تعاملی، جالب و مهیج مفید واقع شود. این نوشته تعدادی از بهترین تمرین‌ها و مثال‌ها را برای استفاده از فریم ورک محبوب جاوا اسکریپت برای ایجاد اثرهای نامحسوس (unobtrusive) و در دسترس اسکریپتی DOM (Document Object Mode) در بر می‌گیرد. این نوشته نشان خواهد داد چه ترکیب‌هایی بهترین شیوه‌ها نسبت به جاوا اسکریپت هستند و علاوه بر آن چرا جی کوئری یک فریم ورک انتخابی خوب برای پیاده‌سازی بهترین شیوه‌ها است. ۱) چرا جی کوئری ؟ جی کوئری ایده‌آل است چون می‌تواند انیمیشن‌ها و تعاملات (interactions) موثری را ایجاد نماید. جی کوئری برای فهمیدن، ساده و برای استفاده کردن، راحت است به این معنی که منحنی یادگیری آن کوچک در حالیکه امکانات آن (تقریباً) بی نهایت است. جاوا اسکریپت و بهترین شیوه‌ها جاوا اسکریپت برای مدت طولانی موضوع بحث‌های داغ زیادی است در مورد اینکه آیا امکان استفاده از آن وجود دارد در حالیکه هنوز به بهترین شیوه‌های دستیابی و برآوردن استانداردها وفادار مانده است. پاسخ به این سوال هنوز داده نشده، با این حال ظهور فریم ورک‌های جاوا اسکریپت مثل جی کوئری ابزارهای لازم برای ایجاد وب سایت‌های زیبا بدون نگرانی در مورد مسائل دسترس‌پذیری را فراهم آورده است. بدیهی است مسائلی وجود دارد که راه‌حل جاوا اسکریپت بهترین گزینه نیست. قاعده کلی در اینجا این است: از اسکریپت نویسی DOM برای افزایش عملکرد استفاده کنید ، نه برای ایجاد آن. اسکریپت نویسی DOM نامحسوس در حالیکه اصطلاح “اسکریپت نویسی DOM” واقعاً فقط به استفاده از اسکریپت‌ها (در این مورد، جاوا اسکریپت‌ها) برای دسترسی به مدل شی سند (Document Object Mode) اشاره دارد، به صورت گسترده‌ای به عنوان راهی برای توصیف آنچه که واقعاً باید ” اسکریپت نویسی DOM نامحسوس” (unobtrusive DOM scripting) نامیده شود، تبدیل شده است. در واقع هنر افزودن جاوا اسکریپت به صفحه، در این روش این است که اگر جاوا اسکریپت هم وجود نداشت صفحه هنوز هم به درستی نمایش داده شود (یا حداقل تنزل کمتری داشته باشد). در دنیای وب ، اسکریپت نویسی DOM با استفاده از جاوا اسکریپت انجام می‌شود. نتیجه: دسترس پذیری و تجزیه محتوا هدف هر تولید کننده، طراح یا برنامه نویس وب، ایجاد محتوایی است که توسط طیف وسیعی از مخاطبان قابل دسترس باشد. با این حال این کار باید با دقت در طراحی، قابلیت تعامل و ظاهر سایت به تعادل برسد. با استفاده از نظریه های مطرح شده در این نوشته، طراحان، برنامه نویسان و تولید کنندگان وب، دانش و درک استفاده از جی کوئری برای اسکریپت نویسی DOM برای دسترسی و تجزیه را خواهند داشت. ۲) اسکریپت نویسی DOM نامحسوس؟ در یک دنیای ایده آل، وب سایت‌ها قابلیت‌ها و افکت‌های پویایی دارند که به خوبی تجزیه شده‌اند. این به چه معناست؟ این به معنی پیدا کردن راهی شامل یک ویجت متحرک کشویی (sliding) برای نمایش اخبار در یک صفحه وب است که با جاوا اسکریپت وب۲ به طرز جالبی انیمیت (animate) شده است، در حالیکه هنوز می‌توان مطمئن بود که همان اخبار به درستی نشان داده می‌شوند اگر جاوا اسکریپت در مرورگر کاربر پشتیبانی نشده یا غیر فعال شده باشد. تئوری پشت این تکنیک بسیار ساده است: هدف نهایی این است که جاوا اسکریپت برای شیوه عمل عناصر یک صفحه به کار گرفته شود. جاوا اسکریپت برای افزودن و بهبود افکت‌ها و تعاملات مورد استفاده قرار می‌گیرد. قواعد اصلی برای اسکریپت نویسی DOM‌ در زیر می‌آیند. قاعده شماره ۱: کارکرد جداگانه جاوا اسکریپت قابلیت‌های جاوا اسکریپت را در یک لایه رفتاری، مجزا کنید به طوریکه جدا و مستقل از (X)HTML و CSS‌ باشد. (X)HTML لایه نشانه گذاری، CSS لایه نمایش و جاوا اسکریپت لایه رفتاری است. این به معنای ذخیره کردن تمام کدهای جاوا اسکریپت در یک فایل خارجی و ایجاد صفحاتی است که به قابل استفاده بودن جاوا اسکریپت اعتماد نمی‌کنند. تکه کد زیر را نگاه کنید: نشانه گذاری بد: هرگز event های جاوا اسکریپت را به عنوان ویژگی‌های درون خطی (inline) بکار نگیرید. این عمل را باید به طور کامل از ذهن خود پاک کنید. Click! نشانه گذاری خوب: همه رفتارهای جاوا اسکریپت باید در فایل اسکریپت خارجی گنجانده شده و با تگ Click! و کد جاوا اسکریپت در داخل فایل myscript.js (یک اسم فرضی) می‌تواند چیزی شبیه این باشد: $('a.doSomething').click(function(){ // Do something here! alert('You did something, woo hoo!'); }); متد click() در جی کوئری به ما اجازه می‌دهد تا براحتی یک event کلیک را به نتیجه(ها) انتخابگرمان نسبت دهیم. بنابراین کد بالا همه تگ‌های از کلاس doSomething را انتخاب می‌کند و یک رویداد کلیک را که یک تابع را فراخوانی می‌کند به آنها نسبت می‌دهد. قاعده شماره ۲: هرگز به جاوا اسکریپت وابسته نشو برای اینکه بدرستی جاوا اسکریپت نامحسوس پیاده سازی شود، برنامه نویس هرگز نباید بر پشتیبانی جاوا اسکریپت برای ارائه محتوا یا اطلاعات تکیه کند. استفاده از جاوا اسکریپت برای افزایش اطلاعات، آن را زیباتر و تعاملی‌تر می‌کند اما هرگز فرض را بر این نگذارید که جاوا اسکریپت در مرورگر کاربر فعال است. این قاعده کلی می‌تواند در واقع برای هر تکنولوژی طرف سوم (third-party) به کار برده شود مثل Flash یا Java. اگر آن تکنولوژی در داخل هر مرورگر وبی وجود نداشته باشد (یا همیشه فعال نباشد)، آن وقت باید اطمینان حاصل کنید که صفحه بدون آن هنوز بطور کامل در دسترس و قابل استفاده است. نشانه گذاری بد: تکه کد زیر نشان می‌دهد که جاوا اسکریپت ممکن است برای نمایش پیغام “Good Morning” (یا “Good Afternoon”) در یک بسته به زمان روز، بکار برده شود. (بدیهی است که این یک مثال ابتدایی است). این اسکریپت درون خطی نادرست است زیرا در صورتی که جاوا اسکریپت در مرورگر مورد نظر غیر فعال باشد هیچ چیزی نمایش داده نمی‌شود. این خوشایند نیست. کاربری که جاوا اسکریپت ندارد پیغام خوشامدگویی ما را از دست داده است. نشانه گذاری خوب: راه حل درست و قابل دسترس برای پیاده سازی این باید بسیار ساده‌تر و خواناتر باشد. مثل: Good Morning! به وسیله ویژگی “title” این پاراگراف می‌تواند با یک انتخابگر جی کوئری انتخاب شود. همانند تکه کد زیر: var now = new Date(); if(now.getHours() >= 12) { var goodDay = $('p[title="Good Day Message"]'); goodDay.text('Good Afternoon!'); } زیبایی این تکه کد این است که همه جاوا اسکریپت در یک اسکریپت خارجی (external) قرار گرفته و صفحه همانند یک (X)HTML استاندارد رندر می‌شود که بدین معناست که اگر جاوا اسکریپت اجرا نشود، صفحه هنور بطور ۱۰۰%، (X)HTML خالص است. تنها مشکل این است که در بعدازظهر صفحه هنوز پیام صبح بخیر را نشان می‌دهد. به هر حال این می‌تواند به عنوان یک تنزلِ درجه قابل پذیرش دیده شود. قاعده شماره ۳: نشانه گذاری معنایی و قابل دسترس در ابتدا بیاید بسیار مهم است که نشانه گذاری (X)HTML ساختاری معنایی داشته باشد. قاعده کلی اینجا این است که اگر نشانه گذاری (markup) صفحه ساختاری معنایی داشته باشد، باید برای طیف وسیعی از دستگاه ها (device) قابل دسترسی باشد. نشانه گذاری معنایی برای اسکریپت نویسی DOM نامحسوس مهم است زیرا مسیر برنامه نویس را برای ایجاد اثر اسکریپت نویسی DOM شکل خواهد داد. اولین گام برای ایجاد هر صفحه‌ای که با جی کوئری قابلیت‌هایی را به آن اضافه می‌کنید این است که نشانه‌گذاری آن نوشته شود و مطمئن شوید که آن نشانه گذاری ساختاری معنایی دارد. با دستیابی به این امر، برنامه نویس می‌تواند جی کوئری را برای تعامل با نشانه گذاری صحیح معنایی بکار بگیرد (آنچه باقی می‌ماند یک سند (X)HTML تمیز و خوانا و جدا از لایه رفتاری است). نشانه گذاری خیلی بد: تکه کد زیر لیستی از آیتم‌ها و توضیحات را با روشی که بطور وحشتناکی غیر معنایی است (unsemantic)، نشان می‌دهد. > </pre> <table>First OptionFirst option descriptionSecond OptionSecond option description</table> نشانه گذاری بد: تکه کد زیر لیستی از آیتم‌ها و توضیحات را با روشی که بیشتر معنایی است، نشان می‌دهد. با این حال جاوا اسکریپت inline باعث شده این کد نیز کاملاً معنایی نباشد. > </pre> <dl>First OptionFirst option descriptionSecond OptionSecond option description</dl> نشانه گذاری خوب: این تکه کد نشان می‌دهد که چگونه لیست بالا باید نشانه گذاری شود. هر تعاملی با جاوا اسکریپت در متد load‌ جی کوئری قابل دستیابی خواهد بود و بطور موثری همه نشانه گذاری‌های رفتاری را از کدهای (X)HTML حذف می‌کند. > </pre> <dl>First OptionFirst option descriptionSecond OptionSecond option description</dl> id=”OptionList” این توانایی را به برنامه نویس خواهد داد تا با استفاده از سلکتورهای جی کوئری به لیست بالا دسترسی داشته باشیم. ۳) درک جی کوئری برای اسکریپت نویسی DOM نامحسوس این بخش ۳ نکته با ارزش از جی کوئری را برای پیاده سازی بهترین شیوه‌ها و افکت‌های قابل دسترس ارائه می‌کند. درک انتخابگرها: ستون فقرات jQuery اولین گام برای اسکریپت نویسی DOM نامحسوس (حداقل در jQuery و Prototype) بکارگیری انتخابگرها (selectors) است. انتخابگرها به طرز شگفت آوری می‌توانند یک عنصر را از درخت DOM انتخاب کنند بطوریکه آن عنصر از چند طریق قابل دستکاری باشد. اگر شما با CSS آشنا باشد پس می‌توانید انتخابگرهای جی کوئری را درک کنید. آنها تقریباً همان انتخابگرهای CSS هستند و تقریباً به همان نحو مورد استفاده قرار می‌گیرند. جی کوئری یک تابع کاربردی مخصوص برای انتخاب عناصر تدارک دیده است که $ نام دارد. مثال‌های خیلی ساده‌ای از انتخابگرهای جی کوئری: $(document) // Activate jQuery for object $(‘#mydiv’) // Element with ID “mydiv” $(‘p.first’) // P tags with class first. $(‘p[title="Hello"]‘) // P tags with title “Hello” $(‘p[title^="H"]‘) // P tags title starting with H $(document) اولین گزینه متدهای کتابخانه جی کوئری را به یک شی DOM (در این مورد، شی document) اعمال خواهد کرد. $(‘#mydiv’) گزینه دوم هر تگ که صفت id آن mydiv باشد را انتخاب خواهد کرد. $(‘p.first’) گزینه سوم همه تگ‌های را انتخاب خواهد کرد که صفت class آنها برابر first‌ باشد. $(‘p[title=Hello]‘) این گزینه همه تگ‌های را انتخاب خواهد کرد که صفت title آنها برابر Hello باشد. تکنیک‌هایی مانند این قادر به استفاده از نشانه گذاری معنایی صحیح (X)HTML می‌باشند در حالیکه هنوز تسهیلات اسکریپت نویسی DOM برای ایجاد فعل و انفعالات پیچیده‌تر مورد نیاز است. $(‘p[title^=H]‘) این ما را قادر می‌سازد تا همه تگ‌های ‌ را در صفحه که صفت title آنها با حرف H شروع می‌شود، انتخاب کنیم. تقریباً هر چیزی که شما بتوانید با CSS3 انجام دهید در جی کوئری کار خواهد کرد به علاوه بسیاری انتخابگرهای پیچیده دیگر. لیست کاملی از انتخابگرهای جی کوئری را می‌توانید در آدرس زیر مشاهده کنید: http://docs.jquery.com/Selectors همچنین مشخصات انتخابگرهای CSS3 را می‌توانید از سایت W3C از لینک زیر مشاهده بفرمایید: http://www.w3.org/TR/css3-selectors/ آماده شدن $(document).ready() به طور سنتی رویداد (event)های جاوا اسکریپت به یک سند با استفاده از ویژگی onload در تگ body صفحه متصل می‌شدند. آن را از ذهن خود پاک کنید.جی کوئری برای ما یک تابع ویژه بر روی شی سند تدارک دیده که ready خوانده می‌شود و به ما اجازه اجرای کد را تنها بعد از آنکه بارگذاری (loading) DOM به طور کامل به پایان رسیده باشد، می‌دهد. این کلید اسکریپت نویسی DOM نامحسوس است. این به ما اجازه می‌دهد تا به طور کامل کد جاوا اسکریپت را از نشانه گذاری (markup) جدا کنیم. با استفاده از $(document).ready() ما می‌توانیم یک سری از رویدادها را صف بندی (queue) کنیم و آنها پس از آنکه DOM مقداردهی اولیه شد اجرا شوند. این بدان معنیست که ما می‌توانیم افکت‌های کاملی را برای صفحه‌هایمان ایجاد کنیم بدون تغییر نشانه گذاری برای عناصر مورد بحث.برای نشان دادن زیبایی این قابلیت، اجازه دهید یک کادر هشدار (alert box) که پیغام Hello World!‌ را نمایش می‌دهد با جاوا اسکریپت ایجاد نماییم.نشانه گذاری زیر نشان می‌دهد که بدون جی کوئری ممکن است چگونه ما یک پیغام Hello World! را به نمایش در آوریم. نشانه گذاری بد: نشانه گذاری خوب: استفاده از این قابلیت در جی کوئری ساده است. تکه کد زیر نشان می‌دهد که ما چگونه ممکن است پس از آن که سند ما بارگذاری شده باشد کادرهای هشدار قدیمی Hello World را فراخوانی کنیم. زیبایی واقعی این نشانه گذاری این است که در یک فایل خارجی جاوا اسکریپت قرار بگیرد. هیچ تاثیری بر روی صفحه (X)HTML وجود ندارد. $(document).ready(function() { alert('Hello World'); }); تابع $(document).ready() یک تابع را به عنوان آرگومان می‌گیرد. (در این مورد یک تابع بی نام (anonymous) ایجاد شده – یک تکنیک است که در سراسر مستندات jQuery استفاده می شود.) تابع پاس داده شده به $(document).ready() بعد از آن که بارگذاری DOM به پایان رسید فراخوانی می‌شود و کد داخل آن اجرا می‌گردد. در مورد مثال ما تابع alert فراخوانی می‌شود. ایجاد قانون CSS پویا یک مشکل با بسیاری از اثرات اسکریپت نویسی DOM این است که آن ها اغلب برای پنهان کردن عناصر سند از دید، به ما نیاز دارند. این پنهان سازی معمولاً با استفاده از CSS به دست می‌آید. با این حال این کار کمتر مطلوب است. اگر مرورگر کاربر از جاوا اسکریپت پشتیبانی نکند (یا جاوا اسکریپت غیر فعال باشد) هنوز CSS پشتیبانی می‌شود پس عناصری که ما با CSS پنهان کرده‌ایم هرگز دیده نخواهند شد، چون فعل و انفعالات جاوا اسکریپت ما اجرا نمی‌شده است. راه حل این کار در قالب پلاگینی برای جی کوئری که cssRule نامیده می‌شود، می‌آید که به ما اجازه می‌دهد تا ما با استفاد از جاوا اسکریپت به راحتی قوانین CSS را به شیوه نامه (style sheet) سند اضافه کنیم. این بدان معناست که ما می‌توانیم عناصر صفحه را با استفاده از CSS پنهان کنیم هر چند که CSS تنها در صورتی اجرا می‌شود که جاوا اسکریپت در حال اجرا باشد. نشانه گذاری بد: HTML: This is a heading This is some information about the heading. CSS: p.hide-me-first { display: none; } با فرض اینکه یک پاراگراف با صفت class برابر با hide-me-first برای اولین بار توسط CSS پنهان و سپس توسط جاوا اسکریپت بعد از یک سری تعاملات با کاربر در آینده نمایش داده می‌شود، اگر جاوا اسکریپت هیچ وقت اجرا نشود محتوای این پاراگراف هیچ وقت قابل دیدن نخواهد بود. نشانه گذاری خوب: HTML: This is a heading This is some information about the heading. jQuery Javascript: $(document).ready(function{ jQuery.cssRule("p.hide-me-first", "display", "none"); }); استفاده از $(document).ready() در اینجا برای پنهان کردن پاراگراف بدین معنیست که اگر جاوا اسکریپت غیر فعال باشد پاراگراف هرگز پنهان نمی‌شود بنابراین محتوای پاراگراف هنوز در دسترس است. این دلیل اصلی برای ایجاد قوانین پویای CSS مبتنی بر جاوا اسکریپت است. ۴) نتیجه جی کوئری یک کتابخانه بسیار قوی است که همه ابزارهای مورد نیاز برای ایجاد تعاملات زیبا و انیمیشن‌ها در صفحات وب را فراهم آورده است که به برنامه نویس قدرت لازم را برای انجام کارهای مورد نیاز خود می‌دهد. این نوشته مطالب زیر را پوشش داده است: ۱-چرا اسکریپت نویسی DOM نامحسوس برای دسترس پذیری اینقدر مهم است ۲-چرا جی کوئری یک انتخاب طبیعی برای پیاده سازی اثرات اسکریپت نویسی DOM نامحسوس است ۳-انتخابگرهای جی کوئری چگونه کار می‌کنند ۴-چگونه قوانین CSS نامحسوس را در جی کوئری پیاده سازی کنیم نوشته‌ای که پیش رو داشتید ترجمه‌ای از یکی از مقالات سایت بسیار خوب sMashingMagazine بود که در ترجمه آن سعی بر آن بود که به اصل مقاله و لغات به کار رفته در آن وفادار مانده در عین حال مطلب ترجمه شده تا حد زیادی قابل فهم و روان باشد. ترجمه بعضی از مفاهیم همچون “اسکریپت نویسی DOM نامحسوس” رسا نیست و نمی‌تواند منظور نویسنده مطلب را به درستی نشان دهد که برای این کار ناچاراً باید منظور نویسنده را در توضیحاتی که می‌دهد درک کنیم و این سه کلمه نمی‌تواند آن مفهوم را برساند. برای اکثر لغات ترجمه شده اصل کلمه انگلیسی آن در داخل پرانتز آمده است. وب تارگت

سلام. شما بزنید 42 چون یوزر ادمین این هست. ببینید عمل می کند یا نه. اصلا چرا شما از کد html که خود گوگل می دهد استفاده نمی کنید؟ موفق باشید.

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

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

سلام. احتمالا سرعت هاست شما که هست. برای اضافه کردن left هم یک سری آموزش در انجمن هست که جستجو کنید پیدا می کنید.(با عنوان اضافه کردن موقعیت) ولی دموی آنلاین بگذارید تا برسی شود. موفق باشید.

سلام. به دیتابیس بروید. جدول modules را پیدا کنید و به آن بروید. سپس جداول مربوط به این ماژول را پیدا کنید و حذف کنید... موفق باشید.:thankyou:

سلام. می دانید این تاپیک مال کی هست؟ مال ۲۶-۱۰-۱۳۸۹ هست. لطفا سوالتان را در یک تاپیک جدید مطرح نمایید. موفق باشید.

سلام. شما این را وارد نکنید ببینید مشکلی به وجود میاد یا نه. این یعنی id پروفایل سایتتان را وارد کنید. موفق باشید.

سلام خدمت دوستان جومینایی در خیلی از قالب های وردپرس مشاهده می شوند که وقتی موس را روی یک عکس هاور می کنیم ، کمی تکان می خودر مثل این سایت: اسکریپت.com کلاس عکس های خود را پیدا کنید و کد زیرا در css قالبتون قرار بدید. img:hover{ /* for firefox, safari, chrome, etc. */ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); /* for ie */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} به جای img:hover کلاس عکس قالب خود را بگذارید. موفق باشید. www.maniyan.com

همه طراحان وب همیشه به دنبال ابزارهایی هستند که آنها را در طراحی یاری نموده و به عنوان یک تسریع کننده در روند اجرای پروژه همیاری نماید. شاید مهمترین ابزارها را بتوان در دل مرورگرها یافت که با نصب کردن افزونه‌های متفاوت، کمک شایانی به سرعت پروژه می‌کنند. در این میان یکی از مرورگرهای محبوب طراحان وب، مرورگر Chrome محصول کمپانی گوگل است که توانسته جایگاه خاصی در میان همه‌ی کسانی که با اینترنت سر و کار دارند پیدا کند. این مرورگر برای طراحان وب نیز یکی از اولین گزینه‌هاست. در این مطلب قصد داریم 10 افزونه جذاب و کاربردی این مرورگر برای طراحان وب را به شما معرفی نماییم. Stylish آیا دوست دارید وبسایت‌های دلخواهتان را با استایل‌های اختصاصی خودتان تماشا کنید؟ به عنوان مثال وبسایت یوتیوب را با زمینه خاکستری یا آبی ببینید! یا صفحه نخست گوگل را مشکی کنید! این افزونه برای همین کار ساخته و پرداخته شده است. افزونه stylish به راحتی امکان مدیریت استایل‌های متفاوت برای وبسایت‌های گوناگون را به شما می‌دهد. شما همچنین می‌توانید از استایل‌های نوشته شده توسط کاربران دیگر نیز استفاده کرده و برای وبسایت‌های مختلف قالب‌های متنوع برگزینید. CSS Reloader اگر به طور مداوم مجبورید وبسایت خود را برای مشاهده تغییرات به صورت دستی reload کنید این افزونه برای شما ساخته شده است. CSS Reloader با افزودن گزینه‌ای به منوی اصلی مرورگر، فقط فایل استایل قالب را بروزرسانی می‌کند که می‌تواند تاثیر بسزایی در سرعت روند کار داشته باشد. Speed Tracer این افزونه به شما کمک می‌کند اطلاعات مفیدی در رابطه با سرعت اجرای صفحات وب یا اپلیکیشن‌های ساخته شده تحت وب بدست آورید. از ویژگی‌های این افزونه می‌توان به دقت بالا و محیط کاربر پسند آن اشاره کرد. این افزونه کمک بسزایی برای طراحان اپلیکیشن‌های تحت وب به حساب می‌آید. Aviary Screen Capture ابزار کوچکی برای گرفتن Screenshot از صفحه وب در حال اجرا می‌باشد که امکانات آنلاین خوبی برای ویرایش تصویر گرفته شده در اختیار کاربر قرار می‌دهد. امکانانی از قبیل برش تصویر، چرخش، اعمال افکت‌های ابتدایی و ... Refresh Monkey ابزاری برای بروزرسانی صفحه وب مورد نظر در بازه زمانی تعیین شده می‌باشد که می‌تواند ابزاری مفید برای طراحانی باشد که نیاز دارند هر لحظه تغییرات اعمال شده در وبسایت را مشاهده نمایند. آن هم بدون نیاز به بروزرسانی دستی صفحه وب! Check My Links ابزاری مفید که پس از اجرا، تمامی لینک‌های موجود در وبسایت شما را شناسایی و بررسی کرده و به شما آماری دقیق از تعداد لینک‌های شکسته می‌دهد. همچنین یکی از توانایی‌های این افزونه، امکان Highlight کردن لینک‌های شکسته در صفحات وب است که می‌تواند کمک شایانی به SEO یک سایت بکند. Grayscale افزونه‌ای منحصر به فرد که قادر است کل صفحه وب در حال اجرا را به صورت سیاه و سفید به شما نمایش دهد. این افزونه زمانی به کار می‌رود که بخواهید اشکالات موجود در رنگبندی وبسایت را از لحاظ میزان کنتراست رنگ‌ها و ... شناسایی کنید. همچنین توسط این افزونه می‌توانید میزان تفکیک رنگ‌ها را برای افرادی که از مشکل کوررنگی رنج می‌برند نیز شناسایی کنید. Rulers, Guides, Eye Dropper and Color Picker ابزاری منحصربفرد که چهار پلاگین قدرتمند را در یک پلاگین به شما عرضه می‌کند. عنوان به طور کامل واضح است و نیازی به توضیح ندارد که این افزونه چقدر می‌تواند برای طراحان مفید واقع شود. HTML Validation یک راه آسان برای بررسی استاندارد بودن کدهای یک وبسایت بر اساس استانداردهای W3.org SEO & Website Analysis افزونه‌ای مفید برای بررسی کامل وبسایت از لحاظ میزان قابل فهم بودن برای موتور‌های جستجو که اطلاعات مفیدی از وضعیت وبسایت را در اختیار مدیر وبسایت قرار می‌دهد. Browser Compatibility Detector همیشه یکی از مشکلات طراحان وب، سازگاری صفحه وب طراحی شده با مرورگرهای مختلف است که این افزونه برای همین کار ساخته شده است. این افزونه با درک نحوه نمایش کدها توسط مرورگرهای مختلف، به شما کمک می‌کند تا هرچه راحت‌تر مشکلات صفحه وب ساخته شده با مرورگر را یافته و آن را برطرف نمایید. وبلاگینا

[align=center] اگر بخواهیم طراحی وب را یک صنعت بنامیم می‌توان گفت این صنعت از زمان پیدایش خود تا کنون شاهد تغییرات زیادی بوده که این تغییرات تاثیر بسیاری روی طراحی دیداری وبسایت‌ها نیز گذاشته است. تغییراتی که با ورود گجت‌ها و تکنولوژی‌های روز به دست کاربران سمت و سوی متفاوتی نسبت به گذشته گرفته است. قطعا لازمه زنده ماندن هر صنعت، پیشروی با نیازهای روز و پاسخ‌گویی به نیاز کاربر در حوزه تخصصی خود است. سال 2011 یکی از سال‌هایی بود که باعث تغییرات زیادی در مدل‌ها و طراحی‌های دیداری وبسایت‌ها شد و در همین راستا پیشنهاداتی برای سال 2012 مطرح می‌شود که لازم است با یادآوری آنها بتوان تاثیری هرچند کوچک در روند طراحی وب فعلی گذاشته و سرعت پیشرفت آن را در جامعه فارسی‌زبان کمی بهبود بخشیم. کاربران جدید حوصله گشت و گذار در وبسایت شما را ندارند! در سال‌های اخیر اگر وب‌سایتی طراحی می‌شد، به دلیل تازگی و جذاب بودن حوزه اینترنت و محتوا در آن، اکثریت کاربران با توجه کامل وارد آن می‌شدند و بیشتر محتوای آن را می‌خواندند اما امروزه با گسترش وب و به وجود آمدن قشر وسیعی از وب‌سایت‌ها، کاربران نیز کم‌حوصله شده و فقط به دنبال راه گریزی هستند که هرچه سریع‌تر به سراغ تب بعدی رفته و صفحه شما را ببندند! مگر این‌که شما آنها را مجاب به ماندن در وب‌سایت خود بکنید. اما چگونه؟ کاربردپذیر طراحی کنید محتوای زائد را بیرون بریزید و فقط بخش مورد نیاز کاربر را به وی تقدیم کنید. خودتان را در جلد یک کاربر عجول و بی حوصله که اطلاع زیادی از حوزه وبسایت‌ها ندارد تصور کنید تا بتوانید بهتر با کاربران خود ارتباط برقرار کنید. قسمت‌هایی که مورد نیاز کاربر است را در مقابل دیدگان او قرار داده و به راحت‌ترین روش ممکن با قسمت‌های کلیدی وبسایت کانکشن برقرار کنید. به نحو مطلوب از Navigation ها بهره ببرید و نگذارید کاربر در وب‌سایت شما سردرگم شود. از تکنولوژی‌های روز استفاده کنید نام‌های جدیدی به گوش می‌رسند. CSS3 ، HTML5، Jquery و ... . این نامها به چه کاری می‌آیند؟ این‌ها تکنولوژی‌هایی هستند که به شما کمک می‌کنند به راحتی تمام تصورات خودتان را در یک صفحه وب پیاده کنید. محتوایتان را زیبا کنید تا کاربر جذب شود. حجم وبسایت خود را با CSS3 به صورت محسوسی کم کنید. مطالب خود را برای موتورهای جستجو به وسیله HTML5 برچسب بزنید و از امکانات بی‌شمار آن (حتی به جای Flash ) استفاده کنید تا کسی مشکلی در مشاهده بی‌نقص وبسایت شما نداشته باشد. Jquery را دریابید تا بتوانید پویایی را تقدیم کاربر کنید. رنگبندی ساده و قابل فهم رنگ‌ها را بشناسید. روانشناسی آنها را درک کرده و به نحو مطلوب از دانسته‌ها و تجربیات خود استفاده کنید. احساسات وبسایت را به کاربر منتقل کنید تا خود را شریک در وبسایت شما بداند. رنگ‌های سرد و گرم را بشناسید. رنگ بد یا خوب وجود ندارد بلکه این شما هستید که به رنگ‌ها معنا می‌دهید. اگر وبسایت صنعتی دارید رنگ زرد تیره به شما پیشنهاد می‌شود. اگر فعال محیط زیست هستید از رنگ سبز استفاده کنید و سایر پیشنهادها که خودتان بهتر از من می‌دانید. برای آشنایی بیشتر با رنگ‌ها پیشنهاد میکنم این پست و این پست را بخوانید. نسخه موبایل را فراموش نکنید قطعا شاهد افزایش روزافزون اسمارت‌فون‌ها و موبایل‌ها در جامعه شده‌اید. قطعا می‌دانید که دسترسی به اینترنت از طریق موبایل و اسمارت‌فون بسیار ساده است پس فراموش نکنید برای افزایش اعتبار کارتان و توجه بیشتر به کاربران، حتما یک نسخه موبایل برای خود در نظر بگیرید تا کاربرانی که از طریق دیوایس‌های کوچک وارد وبسایت‌تان می‌شوند مشکلی برای مشاهده محتوا نداشته باشند. برای صفحه‌های لمسی و تبلت‌ها برنامه داشته باشید کاربران دستگاه‌های صفحه لمسی چیزی به اسم ماوس ندارند و همه کار با انگشتان دست انجام می‌پذیرد پس لازم است وبسایت را طوری طراحی کنید که مشکلی در سر راه این دسته از کاربران وجود نداشته باشد. تایپوگرافی قدرتمند تایپوگرافی در وبسایت‌ها و محیط‌های کاربری انگلیسی زبان بسیار رایج است اما در زبان فارسی کمتر به آن پرداخته شده است. یکی از عناصر مهمی که می‌تواند نقش بسزایی در زیبایی وبسایت در عین کاربردپذیری داشته باشد تایپوگرافی است که اگر درست و بجا استفاده شود زیبایی چندین‌برابر به طرح شما می‌بخشد. به دنبال نمونه‌های تایپوگرافی بگردید، ببینید و ایده بگیرید. قطعا با دیدن نمونه‌ها می‌توانید بهتر طراحی کنید، تاثیرگذارتر استفاده کنید و کاربردپذیری طراحی‌تان را افزایش دهید. طراحی منسجم داشته باشید شاید نتوان تعریف دقیقی از طراحی منسجم ارائه داد اما منظور از طراحی منسجم، مشخص بودن جایگاه عناصر در طراحی است. اینکه بدانید چه چیزی را در کجا استفاده کنید. یک وبسایت می‌تواند خیلی ساده اما منسجم باشد اما همین سادگی در عین حال می‌تواند بی‌نظم و آزاردهنده باشد. جایگاه عناصر را بشناسید. در طراحی خود، نظم را رعایت کنید. قسمت‌های چپ و راست وبسایت را از نظر سنگین بودن محتوا تراز کنید. نگذارید از لحاظ دیداری وبسایت شما به یک سو لنگر بیاندازد. برای همه قسمت‌های وبسایت برنامه داشته باشید حتی اگر قرار است این برنامه تهی بودن قسمت باشد. به یاد داشته باشید ذهن کاربر باید در وبسایت شما بماند و معطوف به محتوا باشد. نتیجه‌گیری همیشه به روز باشید و از استانداردهای جدید و روش‌های نوین استفاده کنید. این شرط پیروزی شما در طراحی‌است. نکات گفته شده بخش کوچکی از طراحی را تشکیل می‌دهد که صرفا جهت یادآوری به کاربران و طراحان عرضه شد و مهمترین نکته در هر طرحی، وجود خلاقیت در کنار استانداردهاست. در سال 2012 طراحی مفهومی در صنعت وب شکل جدیدی به خود گرفته و قدرتمندتر از قبل راه خود را ادامه می‌دهد و مهمترین نکته در این صنعت، فقط خلاقیت است. وبلاگینا[/align]

سلام خدمت همه ی دوستان جومینایی دوست دارید که گوگل +1 را مثل این سایت در همه ی صفحات سایتتان داشته باشید؟ http://mihandownload.com کافیه کد زیرا در قالبتون و در یکی از تگ های div بگذارید. موفق باشید. مهدی مانیان www.maniyan.com

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

سلام. نگران نباشید. با ویرچومارت خیلی کار ها میشه انجام داد. اگر مشکلی با این کامپوننت دارید در انجمن مطرح کنید. نمونه از سایت هایی که با این کامپوننت هستند: http://www.albasco.com http://www.nasspub.com توضیحات این کامپوننت: کلیک سایت البسو را چک کردم به نظر میاد با جوملا باشه ولی مطمئن نیستم. ولی با ویرچومارت میشه چنین چیزی را ساخت. موفق باشید.

سلام. یکی از بهترین ها برای این کار که امکانات جالبی دارد ، My RSS Reader هست. یکی از امکاناتی که دارد این است که خودش می گرده و rss را پیدا می کنه. بفرمایید: کلیک موفق باشید.

سلام. شما وقتی نقشه را می سازی ، پایین نقشه چند تا آدرس هست. آدرس xml را کپی کن. برای html هم همونطوری که آقای مرادی گفتند یک منو برایش بسازید. موفق باشید.

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

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

سلام. قالب زیاد هست. همه ی قالب های جوملا 1.7 و 1.6 به جوملا 2.5 می خورند و کار می کنند. ولی برای اینکه قالب های جوملا 1.5 به 1.7 بخرد باید کمی php , css دستکاری بشه. اگر قالبی داشتید و خواستید به جوملا 2.5 سازگار بشه ، من رایگان برایتان انجام می دم. برای دانلود قالب های فارسی ، توی نت بگردید خیلی پیدا می کنید. از جمله جومینا ، هاتفا ، سی ام اس فارسی و بزودی سایت خودم! در سایت های خارجی هم زیاد هست و شرکت های بزرگ طراحی قالب اکثرا قالب هایشان پولی هست ولی آن ها را می توان در نت به صورت رایگان دانلود کرد. ار جلمه سایت امیرحسین عزیز takwd.ir و سافت آرچیو softarchive1.ir . موفق باشید.

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

سلام. نیاز به ماژول نبود! شما می توانستید به سایت alexa.com بروید و کد html اش را بدارید و در یک ماژول html دستی بگذارید. موفق باشید.

سلام. اینجا را بخونید دقیقا گفتم چه کار کنید. http://forum.joomina.ir/thread-10956.html موفق باشید.

سلام. شما نیابد دوباره درخواست بدید! شما باید صبر کنید تا مدیران جواب دهند. در جواب مدیران یک فایل برای شما می فرستند تا ترجمه کنید. موفق باشید.