رفتن به مطلب

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


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

سلام من تصمیم گرفتم یه لوگو یا یه طرح درختی رو بندازم بک گراند عنوان و توضیحات بدونی که جاشون هم تغییری بکنه . حالا کدش رو چه جوری باید تغییر بدم


<h1>
<a href="<?php bloginfo('url');?>"><?php bloginfo('name');?></a>
<h2><small><?php bloginfo('description');?></small></h2>
</h1>


<img src="http://www.example.c...ages/image.gif">

ویرایش شده توسط saeed450
لینک به ارسال

برای بکگراند شما باید در استایل تغییر ایجاد کنید.

مثلا:

h1{
background: url(image.png);
}

http://www.w3schools.com/css/css_background.asp

لینک به ارسال

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


div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:25% 75%;
}

لینک به ارسال

اون کدی که در پست اول دادید برای h1 بود و بدیهیه که تصویر فقط پشت متون قرار بگیره

شما نام کلاس هدرتونو بدونید و برای اون پس زمینه بنویسید

اگر سایتتونو میشه دید - بگین تا ببینیم

لینک به ارسال

این کلاس هدر


<!-- Begin Header Bar -->
<div id="headerwrappermiddle">
<div class="wrapper1"> <a style="float: left;" href="<?php bloginfo('home'); ?>/"> <img src="<?php echo get_option('logo'); ?>" border="0" alt="" /></a>
<h1>
<a href="<?php bloginfo('url');?>"><?php bloginfo('name');?></a>
<h2><small><?php bloginfo('description');?></small></h2>
</h1>
<div id="theheaderight">
<div class="headerticker">
<div id="news">
<div class="news_title"> <?php echo get_option(''); ?> <img src="<?php bloginfo('template_url'); ?>/images/headline.png" alt="Arrow"/> </div>

لینک به ارسال

خب اون که یه لوگو دیگه هست که الان تو قسمت چپ سایتم هست . و از داخل خود تنظیمات پوسته ادرس تصویر رو بهش دادم

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

لینک به ارسال

الان میزارید زیر همون قبلی میوفته؟ اگر زیر همونه و میخواید بره کنارش باید به بکگراند مقدار right اضافه کنید.

background: url('smiley.gif') no-repeat right ;

لینک به ارسال

نه الان سوالم اینه چرا با وجودی که کد بدون تکرار میزارم عکسم تو کل صفحه تکرار مییشه ؟


div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:25% 75%;
}

تو تگ های h1 , h2 مشکلی ندارن و بدون تکرار میفتن . ولی با این کدی که گذاشتم عکس تو کل صفحه تکرار میشه

لینک به ارسال

شما فقط داری به کل div ها اشاره میکنی.بهتره به نسبت کلا یا ای دی استایل بدید.

div
{
background:url('smiley.gif') no-repeat 25% 75%;
}

لینک به ارسال

تست کنید :

h1, h2
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:25% 75%;
}

توی هر صفحه ممکنه بیش از صدها دایو وجود داشته باشه و با کدی که شما گذاشتی همه ی این دایوها همین استای رو میگیرن .

عناصری که میخوایید از این استایل پیروی بکنند رو با , از هم جدا بکنید.

لینک به ارسال

به نوشته من توجه نکردید:

شما فقط داری به کل div ها اشاره میکنی.بهتره به نسبت کلا یا ای دی استایل بدید.

شما مباحث پایه css رو مطالعه کردید؟ کار با کلاس و آی دی در css رو میدونید؟

لینک به ارسال

تست کنید :

h1, h2
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:25% 75%;
}

توی هر صفحه ممکنه بیش از صدها دایو وجود داشته باشه و با کدی که شما گذاشتی همه ی این دایوها همین استای رو میگیرن .

عناصری که میخوایید از این استایل پیروی بکنند رو با , از هم جدا بکنید.

آیا کد Html هم همچین دستوراتی داره که بشه محل دقیق عکس رو مشخص کرد ؟!

لینک به ارسال

من از همین دیو کلاس سی اس اس که استفاده می کنم خیلی محل های دقیقی رو بهم نمیده . الان لوگوی من جوری هست که میخوام میلی متری اون رو جا به جا کنم . ایا سی اس اس دستوری برای جابه جایی دقیق عکس داره ؟ ( به جز background-position:25% 75%;)

لینک به ارسال

بله بجای درصد میتونید از پیکسل استفاده کنید.

background-position:10px 75px

لینک به ارسال

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

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

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

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

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

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

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

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

×
×
  • اضافه کردن...