رفتن به مطلب
nasimesaba101

راهنمایی برای تعریف هدر

پست های پیشنهاد شده

سلام

بنده قصد دارم برای فضای خالی بالای سایت در موقعیت هدر ، یک تصویر بکگراند بعنوان هدر تعریف کنم

اساتید اگه راهنمایی کنن که چطور میتونم اینکار رو بکنم ممنون میشم

rpana.ir

منظورم این قسمتی هست که با کادر قرمز مشخص کردم

http://www.upload.tehran98.com/img1/ptvkjcn1wuncp2wap3lc.jpg

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام

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

#ja-header .main

استاد شرمنده ولی من هیچ آشنایی با کد نویسی ندارم. امکانش هست دستورش رو به بنده بفرمائید

مثلا میخوام تصویر زیر رو در بکگراند بذارم:

http://www.upload.tehran98.com/img1/p6csey66qqjemdsntmvr.jpg

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

استاد شرمنده ولی من هیچ آشنایی با کد نویسی ندارم. امکانش هست دستورش رو به بنده بفرمائید

مثلا میخوام تصویر زیر رو در بکگراند بذارم:

http://www.upload.tehran98.com/img1/p6csey66qqjemdsntmvr.jpg

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

اگر می خواهید عکس بک گراند کنید در قسمت هدر قسمتی که برای header هست رو پیدا کنید! راحت پیدا می شه! حالا این رو بهش اضافه کنید البته احتمالا وجود داره این کد اونجا

background-image:

url('bg-image.gif');

ادرس عکس رو تو کد جایگزین کنید

و برای اطمینان اگر اندازه ها را رعایت نکرده اید این هم اضافه کنید

background-repeat: no-repeat;

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

اگر می خواهید عکس بک گراند کنید در قسمت هدر قسمتی که برای header هست رو پیدا کنید! راحت پیدا می شه! حالا این رو بهش اضافه کنید البته احتمالا وجود داره این کد اونجا

background-image:

url('bg-image.gif');

ادرس عکس رو تو کد جایگزین کنید

و برای اطمینان اگر اندازه ها را رعایت نکرده اید این هم اضافه کنید

background-repeat: no-repeat;

در مورد عکس که عرض کنم این رو بصورت فوری و نمونه معرفی کردم و بعدا عوضش می کنم

در مورد کد هم که نتونستم به نتیجه برسم که مطمئنا ایراد از خودمه.

اصل کد ها در موقعیت هیدر اینا بود

#ja-header { }

#ja-header .main { height: 115px; padding: 0; }

h1.logo, div.logo-text h1 { font-size: 40px; line-height: 1; }

 

 

که به این شکل تغییر دادم ولی اصلا تغییری داده نشد

#ja-header { }

#ja-header .main { height: 115px; padding: 0; }

background-image: url('http://www.upload.tehran98.com/img1/p6csey66qqjemdsntmvr.jpg');

h1.logo, div.logo-text h1 { font-size: 40px; line-height: 1; }

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

در مورد عکس که عرض کنم این رو بصورت فوری و نمونه معرفی کردم و بعدا عوضش می کنم

در مورد کد هم که نتونستم به نتیجه برسم که مطمئنا ایراد از خودمه.

اصل کد ها در موقعیت هیدر اینا بود

#ja-header { }#ja-header .main { height: 115px; padding: 0; }h1.logo, div.logo-text h1 { font-size: 40px; line-height: 1; }

 

 

که به این شکل تغییر دادم ولی اصلا تغییری داده نشد

#ja-header { }#ja-header .main { height: 115px; padding: 0; ound-image: url('http://www.upload.tehran98.com/img1/p6csey66qqjemdsntmvr.jpg');h1.logo, div.logo-text h1 { font-size: 40px; line-height: 1; }

خب ای دی ja- header به تنهایی وجود نداشت؟؟؟ یا ja-header.wrap

اگه وجود نداشت این را کلا توی یه فضای خالی یعنی خارج هر بلوک اضافه کنید!

#ja-header {

همون کد بکگراند

}

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

در مورد عکس که عرض کنم این رو بصورت فوری و نمونه معرفی کردم و بعدا عوضش می کنم

در مورد کد هم که نتونستم به نتیجه برسم که مطمئنا ایراد از خودمه.

اصل کد ها در موقعیت هیدر اینا بود

#ja-header { }#ja-header .main { height: 115px; padding: 0; }h1.logo, div.logo-text h1 { font-size: 40px; line-height: 1; }

 

 

که به این شکل تغییر دادم ولی اصلا تغییری داده نشد

#ja-header { }#ja-header .main { height: 115px; padding: 0; ound-image: url('http://www.upload.tehran98.com/img1/p6csey66qqjemdsntmvr.jpg');h1.logo, div.logo-text h1 { font-size: 40px; line-height: 1; }

خب ای دی ja- header به تنهایی وجود نداشت؟؟؟ یا ja-header.wrap

اگه وجود نداشت این را کلا توی یه فضای خالی یعنی خارج هر بلوک اضافه کنید!

#ja-header {

همون کد بکگراند

}

 

این رو به تنهایی خارج از کدها هم وارد کردم نشد؛ البته ببخشید دیگه...ناواردم. لطف میکنید اگه یه کد برام تعریف کنید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

این رو به تنهایی خارج از کدها هم وارد کردم نشد؛ البته ببخشید دیگه...ناواردم. لطف میکنید اگه یه کد برام تعریف کنید

ببینید کلاس main clearfix رو پیدا می کنید؟

اگه بود واسه اون بک گراند بذارید! متسافانه من الان با گوشی دارم کار می کنم نمی تونم دقیق سورس زو ببینم فقط از سورس صفحه اول دارم می گم

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

ببینید کلاس main clearfix رو پیدا می کنید؟

اگه بود واسه اون بک گراند بذارید! متسافانه من الان با گوشی دارم کار می کنم نمی تونم دقیق سورس زو ببینم فقط از سورس صفحه اول دارم می گم

 

 

 

متاسفانه وجود نداشت

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

شما عکس یا کد رنگی که می خواین بذارید رو بهمراه اطلاعات هاست و جوملا برام پیام خصوصی کنید

من خودم بررسی میکنم

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...