راهنمایی در قسمت امکانات مطلب(مهم)

[gamentech]

سلام دوستان.
خیلی به کمکتون نیاز دارم.
من الان جوملا 2.5 دارم. وقتی گزینه ی ایجاد مطلب رو می زنم سمت چپ قسمت گزینه ای به نام"تصاویر و لینک ها " هست.من در قسمت "تصویر اولین نوشته" تصویری وارد می کنم , تصویر همون طوری ساده وارد متن می شه.
می شه کاری کرد که وقتی تصویری رو از اونجا انتخاب می کنم با یک طرحی خاصی نشون داده بشه(مثلا وقتی موس رو روش می بریم دورش سیاه بشه<البته کد مربوط به اینکه دور عکس سیاه بشه دارم ولی نمی دونم کجا باید کد رو بزارم که هر وقت عکس رو از اونجا (تصاویر و لینک ها)انتخاب می کنم این کد روی تصویر اعمال بشه>.

یک دنیا ممنون از تمام دوستان.

---

به کمکتون خیلی نیاز دارم.

[gamentech]

یک دنیا ممنون.

[gamentech]

(۴-۱۲-۱۳۹۰ ۰۵:۱۶ عصر)ehsansabet نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

(۴-۱۲-۱۳۹۰ ۰۳:۱۱ عصر)gamentech نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
سایتم رو فعلا فعال کردم.
تو تصویر مطلب اول تصویری هست که از طریق قسمت "تصاویر و لینک ها " وارد کردم ولی تصویر متن دوم تصویری هست که تو خود ویرایشگر کد دادم و اینطوری شد(اگه موس رو روش ببرید دورش سیاه می شه).
من می خوام وقتی که از طریق قسمت "تصاویر ولینک ها" هم که عکس می زارم مثل تصویری بشه که با کد تو مطلب می زارم (مثل مطلب دوم بشه).

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

سلام!
این کد رو تو css قالبت بزار :

کد: (انتخاب همه)

img:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    border: 1px solid rgba(0, 0, 0, 0.9);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
img {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    max-width: 98.8%;
    padding: 3px;
}

فقط آخرش بقیه قسمت های سایت رو تست کن.

من می خوام همین حاشیه ی رنگی که کدش اون بالا هست دور تصاویر که تو کا 2 هست و می زارم نشون داده بشه.
اما هر کاری می کنم نمی یاد!!!!!!!!!!!
باید کجاب بزارم یا چکارش کنم؟؟؟؟

[صدرا حسابی]

برای تصاویر k2 از این کد ها استفاده کن و در template.css قرارشون بده:

کد: (انتخاب همه)

.catItemImageBlock img:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75) !important;
    border: 1px solid #000000 !important;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35) !important;
}

کد: (انتخاب همه)

.catItemImageBlock img {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 2px 2px 2px 2px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
    max-width: 98.8% !important;
}

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

[gamentech]

کدوم کد رو بزارم؟
من فایل template.css رو پیوست کردم.
یک نگاه بهش بنداز.

[محمدرضا بهارلو]

آقا محمد حسین سلام
این کد ها رو باید در انتهای اون فایل اضافه کنی
باید دوتا کد را وارد کنید نه یکی

من رای راحتی شما این کار رو کردم
شما فقط فایل رو دانلود کن و جایگزین کن

موفق و پیروز باشید

[gamentech]

فقط می خواستم بدونم که کدوم رو باید بزارم.
همین!!!!!
خیلی ممنون

---

راستی ببخشید اسپم نباشه؟!!!!
مهم نیست که کد رو کجا بزارم؟
یعنی وسط یا اخر باشه فرقی داره؟

[صدرا حسابی]

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

[gamentech]

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

اما من می خوام تصویر ساکن باشه و وقتی موس رو روش می برم اون حاشیه بیاد!
یک چیز دیگه اینکه
می شه کاری کرد که دور تصویر مثل تصویر زیر حاشه ایجاد بشه ؟

[صدرا حسابی]

دلیلش max-width بود که تعریف شده بود برای عکس که کدش رو من طبق کد قبلی فقط دوباره نوشتم، الان که نگاه کردم کدهارو برداشته بودی، در همون template.css این کدهارو وارد کن:

کد: (انتخاب همه)

.catItemImageBlock a img:hover {
    border: 1px solid #E2E2E2 !important;
    border-radius: 5px !important;
    padding: 4px !important;
    box-shadow: 0 1px 1px #E2E2E2 !important;
}
.catItemImageBlock a img {
    padding: 5px !important;
}

[gamentech]

اون ها رو بگیرم به جاش کد تو رو بزارم؟

---

الان کدت رو گذاشتم.
ببین!

---

آقا صدرا یک پیغام خصوصی برات فرستادم.
اون رو بخون.