[arsenal-champion]

زیبا سازی پنجره GreaseMonkey

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

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

@-moz-document url-prefix(chrome://greasemonkey/content/manage.xul){

#greasemonkey{background-color: #000 !important; color: #fff000 !important;font-weight: bold !important;}
#ctlHeader{background-color: #000 !important; color: #fff !important;font-weight: bold !important;margin: 0px 0px 0px -3px !important;border: none !important;}

listitem{border: none !important;}
caption{background-color: #000 !important; color: #fff !important;font-weight: bold !important;}
listboxbody{background-color: #00CCCC !important; color: #fff !important;font-weight: bold !important;border: none !important;}

listitem[crop="end"][selected="true"][current="true"] { -moz-appearance: none !important; color: #000 !important; font-weight: bold !important; border: none !important;
background: url("data:image/png;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHB
woIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAjAAQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYF/8QAGhABAQACAwAAAAAAAAAAAAAAA
BQBYRFRYv/EABcBAQADAAAAAAAAAAAAAAAAAAUEBgf/xAAYEQEAAwEAAAAAAAAAAAAAAAAAARMUUf/aAAwDAQACEQMRAD8AvKsCer9DIsR+1P2bE9XsXDFHB1jH5z2AbR3/2Q==") repeat center !important;}

listitem:hover { -moz-appearance: none !important; color: #fff !important; font-weight: bold !important; border: none!important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAIAAAD5ZqGGAAAACXBIWXMAAAsSAAALEgHS3X78AAAAKUlEQVQIW2OY
O3cu058/f5h+/frF9Pv3bzAGsUH458+fKPSPHz8YyAQAlpAiKDKcgAsAAAAASUVORK5CYII=") repeat center !important;}

listitem[selected="true"][current="true"]{ -moz-appearance: none !important; color: #000 !important; font-weight: bold !important; border: none !important;
background: url("data:image/png;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHB
woIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAjAAQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYF/8QAGhABAQACAwAAAAAAAAAAAAAAA
BQBYRFRYv/EABcBAQADAAAAAAAAAAAAAAAAAAUEBgf/xAAYEQEAAwEAAAAAAAAAAAAAAAAAARMUUf/aAAwDAQACEQMRAD8AvKsCer9DIsR+1P2bE9XsXDFHB1jH5z2AbR3/2Q==") repeat center !important;}

button:active,input[type="submit"]:active{font-weight: bold !important;}
button:hover,input[type="submit"]:hover {opacity: .9 !important; color: #00ff00 !important; font-weight: bold !important; } button,input[type="submit"]
{ -moz-appearance: none !important; color: #fff !important; font-weight: bold !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAIAAADaE/fjAAAACXBIWXMAAAsTAAALEwEA
mpwYAAAAYklEQVR4nAXBSw7CQAxEwfYzn1E4IVsuzwIiViiaBLup0v1huotuYSdVTbcpQ5Won6k2btPHgSTmnHzeT9b1xbZ9ySgyQS7cO4ogleDENiVhBRHQOmOJIMnrIE/JGAuXcfsD4hY4dKR+hIoAAAAASUVORK5CYII=") repeat center !important;}}

[arsenal-champion]

حذف بخش‌های دلخواه انجمن‌های ترفندستان!

یادتونه قبلاً یه یوزر اسکریپتیگذاشته بودم که باهاش میشد بخش پایینی سایت(کپی رایت و ...) رو حذف کرد؟ و قرار شد که بعداً هم استایلهایی بسازیم که بشه باهاش بخشهای مختلف ترفندستان رو ورداشت؟ الان همون "بعدأ " هست!

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

اول از همه، در Stylish یک استایل خالی (Blank Style) باز کنید. حالا کد زیر رو داخلش بریزید:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.tarfandestan.com/forum/"),url-prefix("http://tarfandestan.com/forum/"){

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

* * *

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

.headerwrapper,

-------------

برای حذف شمارشگر عمر سایت فقط کافیه همین یک ذره کد رو به کد بالا اضافه کنید.یادتون باشه که دقیقاً باید همینو کپی کنید. کاما هم حتماً باید باشه:

#countupie,

-------------

برای حذف اون نوار زرد رنگ (عکس):

.bcleft,

-------------


حالا بریم واسه ی بخشهای پایین تاپیک ها.
شاید نوار " اضافه کردن این تاپیک به یک سایت اشتراک‌‏گذاری لینک" همچین براتون خوشایند نباشه و ازش استفاده ای هم نکنید.پس حذفش میکنیم!

#posts+table+br+table,

-------------


یک جعبه پایین تاپیکها هست با نام "مجوز های ارسال و ویرایش". اصلاً بدرد نمیخوره!

#threadrating_menu+script+script+table[width="100%"][cellspacing="0"][cellpadding="0"][border="0"][align="center"],

-------------


بخش "امتیازدهی به تاپیک" که پایین تاپیک ها هست:

DIV[style="text-align: center; padding-bottom: 5px;"][class="quickajaxrating"],

-------------


یکسری عدد اون پایین پایینا هست که اصلاً معلوم نیست برای چی هستن! شرط میبندم حتی یکنفر هم ازشون تا حالا استفاده نکرده

DIV[align="center"][class="smallfont"][style="z-index: 3;"],

-------------


این هم یک سری Selector دیگه که کلاً چیزای بی استفاده پایین صفحات رو حذف میکنه (کپی رایت، نوارهای سیاه، و ...).کلی فضای از اضافه رو حذف میکنه این کد:

.footernavbot,
.footer,
.page_left>div>table+br+.navigation,
.page_left>div>.smallfont+br+table,
.page_left>div>.smallfont

* * *

خب، حالا که Selector های دلخواهتون رو به اون کد اولی که دادم اضافه کردید، باید بریم سراغ "پایان دهنده ی کد" ! یعنی قسمتی از کد که دستور "حذف آیتمها" داخلشه. شما باید این کد رو در پایینترین قسمت کپی کنید.

{display:none!important}
}

تمام شد!



یک نکته مهم: در زبان استایل نویسی (CSS) ، هیچوقت آخرین سلکتور نباید کاما ( , ) داشته باشه. پس یادتون باشه که وقتی میخواید آخرین سلکتور رو اضافه کنید کاما براش نذارید. براتون یک مثال میزنم.شکل نهایی استایلی که از کدهای بالا میسازید باید اینطور باشه:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.tarfandestan.com/forum/"),url-prefix("http://tarfandestan.com/forum/"){

.headerwrapper,
#countupie,
.bcleft,
posts+table+br+table,
#threadrating_menu+script+script+table[width="100%"][cellspacing="0"][cellpadding="0"][border="0"][align="center"],
DIV[style="text-align: center; padding-bottom: 5px;"][class="quickajaxrating"],
DIV[align="center"][class="smallfont"][style="z-index: 3;"],
.footernavbot,
.footer,
.page_left>div>table+br+.navigation,
.page_left>div>.smallfont+br+table,
.page_left>div>.smallfont

{display:none!important}
}

اگر توجه کنید، میبینید که در آخر همه ی سلکتورها یک کاما گذاشته شده. این قانون تا سلکتور page_left>div>.smallfont+br+table. هم رعایت شده. اما میبینید که برای page_left>div>.smallfont. کاما نذاشتم. علتش اینه که این آخرین سلکتور هست و نباید کاما داشته باشه.


امیدوارم از این استایل لذت ببرید. بعد از نصب این استایل میبینید که صفحات انجمن تا چه حد کوتاهتر میشن.
اگر سوال یا مشکلی داشتید، حتماً با من در میون بذارید. (از طریق PM یا پروفایل بهتره).

[arsenal-champion]

تعجب میکنم که چطور این استایل رو قبلاً بهتون معرفی نکرده بودم. با اینکه خیلی قدیمیه اما هنوز هم از پرطرفدارترینهاست.
-------------------------------------------

نشان دادن آیکن مرتبط با لینک فایل‌ها

ممکنه عنوان یکم گیج کننده باشه. کار این استایل اینه که در کنار لینکها ، با توجه به اینکه به چه فایلی منتهی میشن، آیکن مرتبط به اون فایل رو میذاره. مثلاً این لینک یک فایل PNG هست. پس در کنارش آیکن فایلهای تصویری رو نشون میده.
عکس زیر گویای همه چیز هست.



این استایل بصورت اسکریپت هم برای اُپرا و گریز مانکی ارائه شده.

رجوع به صفحه دانلود

[arsenal-champion]

فایرفاکس را آرسنالیزه کنید!

اگر دلتون میخواد که در منوی راست کلیک و تمام منوهای دیگه پرچم آرسنال (یا عکس مورد علاقه خودتون) نشون داده بشه و وقتی یک تب خالی باز میکنید، باز هم عکس مورد علاقتون رو ببینید، پس با من همراه باشید.
اگر منظورم رو متوجه نمیشید، به این عکس از منوی من نگاه کنید:

کد این استایل را در اینجا بارگذاری کردم.

----------------------------------------------------------------------------------

این عکس تصویری از صفحه ی "تب خالی" :


کد استایل بالا حجم بسیار بالایی داشت. واسه همین مستقیم اینجا نمیذارمش. من کد رو داخل یک فایل متنی ذخیره و در پیوست آپلود کردم. اول دانلودش کنید و بعدش به Stylish کپی کنید:
Stylish - Firefox Blank Tab - Arsenalized.zip



===========
البته همونطور که قبلاً آموزش دادم، شما میتونید تصویر مورد نظر خودتون با تصویر بالا عوض کنید؛ مثلاً آیکن ترفندستان رو بذارید، عکس خودتون و ... . اگر در این امر مشکل دارید، میتونید به خودم PM بزنید و عکس مورد نظرتون رو بدید تا براتون استایلش رو بنویسم.(البته عکستون نباید حجمش بیشتر ازKB 60 باشه تا مشکلی پیش نیاد)
موفق باشید.

[arsenal-champion]

خب خب خب دیگه تنبلی بسه. امروز باید یه کار عملی کنیم که واسه همتون خوبه؛ هم ورزشه هم نرمش !
==============

ویرایش و حذف گزینه های منوی کلیک راست و دیگر منوها

توی این ترفند میخوایم به شما یاد بدیم که چطوری میتونید گزینه های مورد نظرتون رو براحتی از منو ها (کلیک راست یا منوهای Tools,Bookmarks,View و ...) حذف کنید یا بهش رنگ بزنید.

حذف آیتم های مورد نظر از منو ها

خب برای اینکار ما به این کد نیاز داریم:

menuitem[Label="YOUR MENU ITEM"] {display:none !important;}

خب حالا چطوری باید آیتم مورد نظر رو حذف کنیم؟ الان میگم. با یک مثال از یکی از آیتمهای بی مصرف کلیک راست شروع میکنیم که 1 ساله ازش اصلاً هم استفاده نمیکنید و فقط به سر در گم شدن شما در منوی کلیک راست کمک میکنه!
آیتم مورد نظر ما Open Link In New Window هست. شما باید دقیقاً همونطوری که توی منوی راست کلیک نوشته شده، متن این گزینه رو به جای متن آبی در کد بالا وارد کنید. یعنی کد نهایی برای حذف گزینه ی Open Link in New Window ، اینه:

menuitem[Label="Open Link in New Window"] {display:none !important;}

فقط توجه داشته باشید که به بزرگ و کوچک بودن حروف ، فاصله ها و نقطه ها دقت کنید. کافیه به جای Open بنویسید open تا کد عمل نکنه!
به همین روش میتونید هر آیتمی رو از منو ها حذف کنید. مثلاً برای حذف آیتم Web Search از منوی Tools ، کد زیر باید استفاده بشه:

menuitem[Label="Web Search"] {display:none !important;}

================================================

رنگی کردن آیتم های مورد نظر

کد این کار هم تا حدود زیادی شبیه به کد قبلیه فقط باید دستور رو (که داخل آکولاد نوشته میشه) از dislplay به color یا background-color عوض کنیم.
این دستور برای تغییر رنگ فونت آیتم مورد نظر بکار میره:

menuitem[Label="YOUR MENU ITEM"] {color: #CEE1FF !important ;}

که به جای قسمت آبی رنگ ، درست مثل کد قبلی باید نام دقیق آیتم مورد نظر (با رعایت حروف بزرگ و کوچک ،فاصله ، ...) و به جای عبارت سبز رنگ هم باید کد رنگ مورد نظرتون رو بنویسید.
مثلاً فرض کنیم که میخوایم فونت آیتم کلیک راست Properties رو به رنگ قرمز دربیاریم. برای اینکار از کد زیر استفاده میشه:

menuitem[Label="Properties"] {color: #FF0000 !important ;}

حالا برای اینکه رنگ پس زمینه یک آیتم رو عوض کنید کافیه به جای واژه ی color در کد قبلی، عبارت background-color رو بنویسید. مثلاً کد زیر باعث میشه که رنگ کل آیتم Properties قرمز بشه:

menuitem[Label="Properties"] {background-color: #FF0000 !important ;}

================================================

ما در اینجا فقط از دستورات display و color و background-color استفاده کردیم. اما شما میتونید از هر دستوری که در زبان CSS قابل اجراست استفاده کنید. تعدادی از این دستورات را من در پست 73 معرفی کرده ام؛ دستوراتی همچون text-decoration ، background-image ، font-weight و ... که شما براحتی که مشاهده کردید، میتونید جایگزین دستورات قبلی کنید و آیتم مورد نظر خود را بیشتر آرایش دهید.

[sajad.CPU]

با اجازه دوستان
تم زیبای ویندوز سون برای فایرفاکس{قسمت های بالایی شامل منو و...}
ورود به صفحه نصب

[sajad.CPU]

زیبا شدن شکل و شمایل جیمیل
ورود به صفحه نصب

[hassanhbk]

نوشته اصلی توسط arsenal-champion

با autopagerize صفحات را نامحدود کنید!

شاید شما هم مثل خیلی ها از اینکه بعد از خواندن یک صفحه وب،باید به پایین صفحه برن و برای رفتن به صفحات بعدی مجبور باشید روی لینک مربوط به صفحه بعدی کلیک کنید،خسته شدید.این اسکریپت مشکل شما رو حل میکنه.
با اسکریپت autopagerize ،دیگه مقاله ها و webpage ها و وبلاگهای چند صفحه ای معنی نمیدن! وقتی که به آخر صفحه ادامه دار میرسین(مثلاً ادامه دار در 4 صفحه) این اسکریپت خودش اتوماتیک با رسیدن شما به انتهای صفحه شروع به بارگذاری صفحه بعدی در انتهای همین صفحه کنونی میکنه.اینطوری شما میتونید یک مطلب یا هر چیز چند صفحه ای دیگه رو در یک صفحه ببینید و صفحاتش بهم پیوسته در یک صفحه قرار بگیرند.
این اسکریپت برای عموم سایتهاست و همچنین از صفحه نتایج جستجو گوگل نیز پشتیبانی میکد.تنها عیب این اسکریپت را میتوان به پشتیبانی نکردن آن از صفحات انجمن اشاره کرد که اون هم با اسکریپت دیگری که معرفی خواهم کرد،حل میشه.

لطفا اون اسکریپتی که انجمنها رو ساپورت میکنه میشه معرفی کنید

[lida]

اون اسکریپ کیبرد روی ایناستال کلیک کردم ولی فقط لینک و نوشته بالا اومد بیشتر توضیح بده.شاید لینکش خرابه

[arsenal-champion]

نوشته اصلی توسط hassanhbk

لطفا اون اسکریپتی که انجمنها رو ساپورت میکنه میشه معرفی کنید

Forum Auto Pager اینکارو انجام میده. البته تا همین چند روز پیش انجمن ترفندستان رو ساپورت نمیکرد. اما بنده اینجا از سازنده اسکرپیت خواهش کردم که پشتیبانی از انجمنهای ترفندستان رو به اسکریپت اضافه کنه که ایشون هم عملی کردن:

Latest update : 8 Oct 2009
* Module updated for vBulletin 3.8 to support URL like http://u.com/forum/thread46033.html

__________________________________________________ ________________

نوشته اصلی توسط lida

اون اسکریپ کیبرد روی ایناستال کلیک کردم ولی فقط لینک و نوشته بالا اومد بیشتر توضیح بده.شاید لینکش خرابه

منظورتون رو متوجه نمیشم. برای نصب کردن که باید روی Install کلیک کنید.
قاعدتاً بعد از نصب نباید مشکلی داشته باشه.