پارس جوم :: انجمن های تخصصی جوملا
افزونه برای قرار دادن کد در محتوا - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: درخواست الحاقات (/forum-18.html)
+---- انجمن: درخواست افزونه های جوملا (/forum-20.html)
+---- موضوع: افزونه برای قرار دادن کد در محتوا (/thread-7866.html)

افزونه برای قرار دادن کد در محتوا - emplab - ۳۱-۵-۱۳۹۱ ۰۷:۳۴ عصر

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

RE: افزونه برای قرار دادن کد در محتوا - reza.sh - ۳۱-۵-۱۳۹۱ ۱۰:۰۴ عصر

دوست عزیز می تونید از پلاگین زیر استفاده کنید

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

دمو :

[تصویر: n2576_1.jpg]

[تصویر: m1887_2.jpg]



RE: افزونه برای قرار دادن کد در محتوا - محمدرضا بهارلو - ۳۱-۵-۱۳۹۱ ۱۰:۳۸ عصر

سلام آقا رضا
اگه میشه این افزونه رو در انجمن معرفی کنید
باتشکر

RE: افزونه برای قرار دادن کد در محتوا - Reza Ganji - ۱-۶-۱۳۹۱ ۰۸:۱۴ صبح

باید سی اس اس های افزونه ویرایش بشوند.
در سی اس اس های این افزونه فایل سی اس اس shcore.css رو با نت پد پلاس باز کنید و در خط 30 یک دایرکشن ltr اضافه کنید :

کد:
.syntaxhighlighter, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter span {
  background-image:none !important;
  background-position:initial initial !important;
  background-repeat:initial initial !important;
  border:0 !important;
  bottom:auto !important;
  direction:ltr;
  float:none !important;
  font-family:Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important;
  font-size:1em !important;
  font-style:normal !important;
  font-weight:normal !important;
  height:auto !important;
  left:auto !important;
  line-height:1.1em !important;
  margin:0 !important;
  outline:0 !important;
  padding:0 !important;
  position:static !important;
  right:auto !important;
  text-align:left !important;
  top:auto !important;
  vertical-align:baseline !important;
  width:auto !important;
}

همونطور که میبینید من فقط یک direction:ltr; به اون اضافه کردم !