تصویر تیتر...

[moztarzadeh]

دوستان سلام

من می خوام برای قسمت تیتر مطالبم یه تصویر بزارم . برای این کار کدی در css قالب من تعریف نشده میشه راهنمایی کنید؟

می خوام تصویر جای کادر قرمز قرار بگیره:


<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>(2).jpg

یاعلی

[firoozmandan]

سلام

کلاس contentheading رو ویرایش کنید

یا علی

[moztarzadeh]

ممنون که جواب دادید.

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

آیا میشه از کدهای html برای اضافه کردن تصویر توی این کلاس استفاده کرد.

اگه امکان این کار هست برای اینکه احتمال اشتباهم کم بشه کد مربوطه رو بزارید.

[مهدی.]

سلام

در کنار کلاس آیدی براش تعین کنید. اول آیدی لود میشه و بعد کلاس (میتونید جابجا کنید!)

یا حق

[moztarzadeh]

در کنار کلاس آیدی براش تعین کنید. اول آیدی لود میشه و بعد کلاس (میتونید جابجا کنید!)


خیلی ممنون. شرمنده ولی من دقیقا منظورتون رو متوجه نشدم میشه یه مقدار بیشتر توضیح بدید.(من فقط html رو بلدم)

[مهدی.]

در بین تگ HTML باید به این شکل عمل کنید:
class=myclass id=myid

در css هم اینجوری باید تعریف کنید:
myclass {}
#myid {}

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

یا حق

[moztarzadeh]

واقعا ممنونم. خوب تا اینجا رو فهمیدم فقط میشه بگید در این رابطه myid چی باید باشه؟



در بین تگ HTML باید به این شکل عمل کنید:
class=myclass id=myid

در css هم اینجوری باید تعریف کنید:
myclass {}
#myid {}

ا


لطفا در مورد myid یه مقدار بیشتر توضیح بدید.

متشکرم

[firoozmandan]

ممنون که جواب دادید.

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

آیا میشه از کدهای html برای اضافه کردن تصویر توی این کلاس استفاده کرد.

اگه امکان این کار هست برای اینکه احتمال اشتباهم کم بشه کد مربوطه رو بزارید.


سلام

اصلا نیازی به این موارد نیست ! ID &amp; ...

شما در همون قسمت میتونید به تایتل بکگراند بدید
به عنوان مثال سایت <b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> رو ببینید
کد این قسمت به این صورت هست :



color: #000000;

font-weight: bold;

font-size: 11px;

text-align: right;

height: 34px;

width: 100%;

line-height: 10px;

text-indent: 50px;

background-image: url(../images/content.jpg);

background-position: right top;

background-repeat: no-repeat;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;


یا علی

[moztarzadeh]

فیروزمندان عزیز سلام . خیلی خیلی ممنون

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

ممنون

[firoozmandan]

سلام

این کلاس دیفالت هست و در کد موجود
نیازی نیست شما این کلاس رو اضافه کنید

فقط کافیست در CSS خواص اون رو ست کنید که در بالا مثال زدم

یا علی

[moztarzadeh]

بازم سلام

همینطور که فرمودید من کد مربوطه رو توی کلاس contentheading قرار دادم ولی فقط تغییرات روی متن اعمال شده و تصویری که می خواستم اضافه نشد!!

این هم کدهای مربوط به این کلاس تو قالب منه. البته بعد از اضافه کردن کدهایی که شما دادید:


/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
padding-left : 5px;
padding-right : 5px;
}

.contentpaneopen {
padding-left : 5px;
padding-right : 5px;
}

.contentheading, .componentheading {
color: #000000;

font-weight: bold;

font-size: 11px;

text-align: right;

height: 34px;

width: 100%;

line-height: 10px;

text-indent: 50px;

background-image: url(../images/content.gif);

background-position: right top;

background-repeat: no-repeat;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;


}

.contentdescription {
font-family: tahoma;
font-size : 11px;
color : #333333;
text-align : left;
}


تنها تغییری که من توی کد ایجاد کردم این بود که jpg. رو به gif. تبدیل کردم چون پسوند تصویرم gif. بود.

[firoozmandan]

images/content.gif

این تصویر وجود خارجی داره ؟!
شما همچو فایلی در پوشه image قالب دارید ؟!

[moztarzadeh]

بله. اولین کاری که کردم این تصویر رو توی مسیر مربوطه آپلود کردم.

حتی وقتی آدرس تصویر رو توی مرورگر وارد میکنم تصویر رو نشون میده!!؟

[firoozmandan]

مطمئنید !



<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>


تصویری وجود نداره !

[moztarzadeh]

واقعا شرمندم!

حق با شما بود ، عکس رو توی آدرس دیگه ای آپلود کرده بودم. :-[

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

یاعـــــــــــلی