قرار دادن متن ثابت به صورت نوار در بالای سایت

[نگار صادقی 1025]

سلام خسته نباشید آقا من میخام شبیه این سایت یه متنی رو به صورت نوار در بالای سایت بزارم خودم یه کد نوشتم ولی عرض مرورگر رو کامل نمیگیره!!!!!

.titr
{
position: fixed;
width: 100%;
height: 3%;
top:0%;
background-color:#ECE9D8;
z-index:500;
text-align:center
}

[imanfakhar 26231]

به کد اضافه کنید

left:0;
right:0;

در ضمن کد احضار نوار باید در فایل فوتر قبل از بسته شد تگ بادی (خارج از همه تگ های سایت) قرار بگیره

و ارتفاع را مقدار ثابت بر حسب px بدید وگرنه به اندازه ارتفاع صفحه تغییر می کنه که در صفحات خیلی طولانی نما رو به هم می ریزه (اندازه نوار تولبار وردپرس 28px است)

[نگار صادقی 1025]

اقا ایمان تشکر ولی گویا دوستان گفتن که ارتفاع را اگه برحسب px بدیم در مانیتورهای بزرگ به اندازه مانیتور تغیر نمیکنه و خراب نشون داده میشه!! برای حل این مشکل بلاخره باید از % استفاده کرد یا px ؟

[imanfakhar 26231]

چی عرض کن وردپرس به تولبارزش با px اندازه داده و چیزی در مونیتور کوچک و بزرگ خیلی به چشم می خوره معمولا عرض و پهناست نه ارتفاع

[نگار صادقی 1025]

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

[Morteza 34190]

پنجره رو تا چه حد کوچیک میکنید؟

میتونید height رو auto کنید و بعد به باکس padding از بالا و پایین بدید

[imanfakhar 26231]

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

overflow:hidden

بگذارید

[نگار صادقی 1025]

با سلام مجدد... آقا من هرکاری کردم نتونستم شبیه نوار سایتی که عرض کردم رو درست کنم نمیدونم باید چه کدهایی به این کد اضافه کنم!!! اگه ممکنه محبت کنید راهنمایی بفرمایید. ممنون میشم

.titr
{position: fixed; width: 100%; height: 3%; top:0px; background-color:#ECE9D8;
z-index:500;left:0;right:0;overflow:hidden;text-align:center;
border: 1px solid #FFFFCC
}

[saeed313 167]

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

ویرایش شده خرداد 92 توسط saeed313

[نگار صادقی 1025]

ممنون اقا سعید ولی فکر کنم نیازی به افزونه نباشه و با اضافه کردن چندتا کد دیگه شبیه اون نوار سایتی که عرض کردم بشه!!

[نگار صادقی 1025]

مشکل حل شد از همتون ممنونم.

.titr {
    background :none repeat scroll 0 0 #FFFFE1 ;
    border-bottom :1px solid #808080;
    left :0;
    overflow :auto;
    padding :1px 0;
    position :fixed;
    top :0;
    width :100%;
    z-index:600;
    text-align: center;
    color :"#000000;
    font-family :Tahoma;
    font-size :8pt;
    font-weight :normal;
}

[imanfakhar 26231]

برای اینکه در ie به مشکل نخورید به کد اضافه کنید

zoom:1;

[نگار صادقی 1025]

عذر ميخوام كاربرد اين كد كه فرموديد چيه؟

ویرایش شده خرداد 92 توسط نگار صادقی

[imanfakhar 26231]

ie 6 و 7 در این حالت zoom ثابتی ندارند مگر اینکه دستی براشون وارد شه