تغییرات در سایت من

[rezaetemadi]

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

به سایت بالا بروید

من می خواهم جلوی تیتر اخبار ورزشی و ویژه دانشجویان یک عکس خیلی کوچک قرار بگیرد

چکار باید انجام بدهم؟

---

دوستان با عرض پوزش از همگی بابت زحمات زیادی

من می خواهم در منو های سایت زمانی زیر منوها باز می شود من می خواهم رنگ قرمز به نارنجی تبدیل شود هر کاری در سورس کدها دست کاری کردم درست نشد
می شئد راهنمائی ام کنید

[rezaetemadi]

من كدي كه آقا شاهين فرمودند يعني اين كد را

نقل قول: برای قراردادن عکس کوچک در آن قسمت از قالب که فرمودید باید برایش کلاس ماژول تعریف کنید . حالت کلی آن این است که باید به ماژول آن قسمت کلاس ماژول اختصاص دهید مثلا varzesh و بعد این کد را به انتهای فایل template.css قالبتان اضافه کنید :
کد:
.sp-grid-4 .moduletable-zz _varzesh{
background-image:url(../images/varzesh.jpg);
background-repeat:no-repeat;
background-position:left;
}
البته ممکن است نیاز به تغییرات جزئی برای نمایش بهتر نیز داشته باشد .

در انتهاي تمپليت خود وراد كردم
البته آدرس عكس را عوض كردم و بعد به مديريت ما‍ول رفتم و پسوند ماژول را zz _varzesh قرار دادم
ولي بازم درست نشد ؟

[صدرا حسابی]

پسوند

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

-zz _varzesh

روباید قرار بدید - یادتون رفت!

[rezaetemadi]

قرار دادم ولي درست نشد

[صدرا حسابی]

این کدی است که استفاده کردید:

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

.sp-grid-4 .moduletable-zz_ varzesh {
    background-image: url("http://up5.iranblog.com/images/0zpzjozm2kqb57ngjj7g.png");
    background-position: left top;
    background-repeat: no-repeat;
}

من الان امتحان کردم و عکس نمایش داده شد، هم در css و هم در پسوند کلاس ماژول در پنل جوملا فاصله زده شده بین _zz و varzesh رو حذف کنین! یعنی کد css اینجوری می شه:

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

.sp-grid-4 .moduletable-zz_varzesh {
    background-image: url("http://up5.iranblog.com/images/0zpzjozm2kqb57ngjj7g.png");
    background-position: left top;
    background-repeat: no-repeat;
}

[rezaetemadi]

زماني كه آن فاصله را بر مي دارم حتي ديگر آن كادر و رنگ پس زمينه را نشان نمي دهد ،

[صدرا حسابی]

این به خاطر کلاس قبلی است که تعریف کردید! قبلی رو پاک نکنید و بین اونها , بزارید!

راه دیگری هم دارید!
اگر مشکل حل نشد zz- که قبلا برای کادر تعریف کردید رو فقط به ورزشی اختصاص بدید و برای ویژه دانشجویان همین کد رو در همون template.css کپی کنید و پسوندی چدیدی برای آن اختصاص دهید و در پنل ماژول ویژه دانشجویان آن هم پسوند رو به روز رسانی کنید!

بعد می تونید zz- که الان فقط مخصوص اخبار ورزشی است ویرایش کنید و مثلا به این کد تغییرش بدبد:

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

div.moduletable-zz {
    background: none repeat scroll 0 0 #FAF9F1;
    border: thin solid #CCCCCC;
    border-radius: 9px 9px 9px 9px;
    margin: 1px;
    padding: 3px;
    background-image: url("http://up5.iranblog.com/images/0zpzjozm2kqb57ngjj7g.png");
    background-position: left top;
    background-repeat: no-repeat;
}

[rezaetemadi]

ممنون عكس ها درست شد
فقط يك چيز ديگر اگر من بخواهم براي اخبار ورزشي يك عكس بگذارم و وي‍ژه دانشجويان يك عكس ديگر بايد دو تا كلاس ماژول تعريف كنم ؟
اگر من بخواهم تتير اخبار را بردارم و به جايش عكس بگذارم آيا اين امكان وجود دارد ؟

[صدرا حسابی]

خواهش می کنم!
بله چون می خواهید متغیرها متفاوت باشند همون طور که در بالا گفتم کلاس دیگری برای ویژه دانشجویان اختصاص دهید!
برای نشان دادن عکس جای تیتر ماژول چند تا راه هست که راحت ترینش این که نمایش نام ماژول رو از خود پنل ماژول غیر فعال کنید، و بعد در css موقیعت بسته به نوع عکستان به left top; یا right top; تغییر پیدا کند. و خب عکس با طول و عرض مناسب با ماژول باید بزارید!

[rezaetemadi]

پايين سايت من چرا اسكرول افتاده ؟

---

انتهاي سايت مرا اگر دقت كنيد ، كمي سفيدي مانده دقيقا زير پيوندهاي مهم و دكمه پورتال دانشجو آن را مي خواهم بردارم بايد چكار كنم
هر كاري كردم نشد دوستان

[صدرا حسابی]

از چه موقعی این جوری شد؟! افزونه ای نصب کردید جدید یا همین کدهارو تغییر می دادید این جوری شد؟

در ضمن در template.css دو بار div.moduletable-zz { تعریف کردید! یکی رو به یک پسوند دیگری تغییر نام دهید اگر برای ویژه دانشجویان می خواهید. , و در پسوند کلاس ماژول ها -zz_varzesh که تعریف کردید رو پاک کنید.