رفتن به مطلب

کادر متحرک


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

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

لینک به ارسال

خب شما در این ایدی کلا بک گراند رو حذف کردین الان ایدی شما به این صورت هست :

#YourID {
bottom: 30px;
color: #000000;
height: 160px;
left: 20px;
position: fixed;
width: 160px;
}

همنطور که می بینی اصلا بک گراند نداره

لینک به ارسال

من این کد را توی استایل گذاشتم حالا نمیدونم چرا واسه شما بک گراند نیست


#YourID {
background: url(images/2211.png) no-reapet;
bottom: 30px;
color: #000000;
height: 160px;
left: 20px;
position: fixed;
width: 160px;
}

لینک به ارسال

من همین الان که دارم با firebug چک می کنم اصلا در این آیدی بک گراند تعریف نشده !!!!

لینک به ارسال

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

لینک به ارسال

خب تا اونجایی که من دیدم شما ایدی مربوطه رو در فایل style.css گذاشتین

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

این عکس رو ببینید : لینک

#YourID {
background: url("images/leftcol-up.gif") repeat scroll 0 0 transparent;
bottom: 40px;
color: #FFFFFF;
height: 120px;
left: 30px;
position: fixed;
width: 120px;
}

لینک به ارسال

کد را میزارم خودتون ویرایش کنید


body{
background: #e4e4e4 url(images/backround.gif) no-repeat center top;
font:11px tahoma;
margin-top:80px;
direction:rtl
}
img{
border:none;
}
font{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
/* vertical-align: baseline; */
background: transparent;
}
a:link,
a:active,
a:focus,
a:visited{
color:#666;
text-decoration:none;
}
a:hover{
color:#666;
text-shadow: 0px 0px 3px #ababab;
text-decoration:none;
}
input,select,table,button{
font:11px tahoma;
}
textarea{
border:1px solid #99cc60;
background-color:#d6ebbe;
font:11px tahoma;
color:#000;
}
input {
background-color: #FFFFFF;
border: 1px solid #BBBBBB;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 4px #DDDDDD inset;
color:#000000 ;
margin: 5px 0 0;
padding: 5px;
}
#h{
display:inline;
}
h1{
font-size:16px;
}
h2{
display:none;
width:1px;
height:1px;
}
h3{
font-size:14px;
}
h4{
font-size:13px;
}
h5{
font-size:12px;
}
h6{
font-size:11px;
}
.hide{
display:none;
}
#content{
height:auto;
width:982px;
overflow:hidden !important; overflow:visible;
margin:0 auto 10px auto;
}
#content-up{
background:url(images/body-up.gif) no-repeat;
height:42px;
width:982px;
overflow:hidden !important; overflow:visible;
}
#YourID {
width: 120px;
height: 120px;
background:#FFD700;
color: #000000 ;
position: fixed;
bottom: 40px;
left: 30px;

}
#ehsanID{
width: 200px;
height: 90px;
background:none ;
color: none ;
position: fixed;
bottom: 40px;
right: 30px;
}

لینک به ارسال

من در آیدی ( #YourID ) اومدم یه عکس از توی قالب برداشتم به بک گراندش دادم همین !

body{
background: #e4e4e4 url(images/backround.gif) no-repeat center top;
font:11px tahoma;
margin-top:80px;
direction:rtl
}
img{
border:none;
}
font{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
/* vertical-align: baseline; */
background: transparent;
}
a:link,
a:active,
a:focus,
a:visited{
color:#666;
text-decoration:none;
}
a:hover{
color:#666;
text-shadow: 0px 0px 3px #ababab;
text-decoration:none;
}
input,select,table,button{
font:11px tahoma;
}
textarea{
border:1px solid #99cc60;
background-color:#d6ebbe;
font:11px tahoma;
color:#000;
}
input {
background-color: #FFFFFF;
border: 1px solid #BBBBBB;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 4px #DDDDDD inset;
color:#000000 ;
margin: 5px 0 0;
padding: 5px;
}
#h{
display:inline;
}
h1{
font-size:16px;
}
h2{
display:none;
width:1px;
height:1px;
}
h3{
font-size:14px;
}
h4{
font-size:13px;
}
h5{
font-size:12px;
}
h6{
font-size:11px;
}
.hide{
display:none;
}
#content{
height:auto;
width:982px;
overflow:hidden !important; overflow:visible;
margin:0 auto 10px auto;
}
#content-up{
background:url(images/body-up.gif) no-repeat;
height:42px;
width:982px;
overflow:hidden !important; overflow:visible;
}
#YourID {
background: url("images/leftcol-up.gif") repeat scroll 0 0 transparent;
bottom: 40px;
color: #FFFFFF;
height: 120px;
left: 30px;
position: fixed;
width: 120px;
}
#ehsanID{
width: 200px;
height: 90px;
background:none ;
color: none ;
position: fixed;
bottom: 40px;
right: 30px;
}

لینک به ارسال

دوتا بک گراند در این آیدی تعریف کردین بک گراند دوم رو برداید

لینک به ارسال
  • 1 سال بعد...

سلام دوستان عزیز

من میخوام منوی سایتم متحرک باشه ، به محض اینکه به قسمت پایین سایت حرکت میکنم منوی سایتم هم بالای صفحه باشه ، به طور کلی میخوام منوی سایتم هر جای صفحه که میرم بالای صفحه باشه

و بهش دسترسی داشته باشم

ممنون میشم راهنماییم کنید

لینک به ارسال

خب نمیتونید یه زحمت بکشید خودتون این آموزش رو به زبان فارسی توی انجمن قرار بدید ؟

مطمئنا افراد زیادی دنبال اینجور آمورزش هایی هستند

لینک به ارسال

خب اینکار براحتی با تعریف یه position انجام میشه

یه div بسازید با کلاسی به فرض header بعد به این کلاس استایل زیر رو بدین :

.header {
left: 0;
margin: 0;
padding: 0;
position: fixed;
top: 0;
z-index: 9999;
}

البته این استایل کمی اضافات داره که براحتی می تونید برای خودتون ویرایشش کنید !

لینک به ارسال

عذرخواهی میکنم میشه یخورده بیشتر توضیح بدید در این مورد ، الان من نمیدونم باید دقیقا چیکار کنم !

لینک به ارسال

کدهایی که در آموزش داده شده رو فقط کافیه کپی و استفاده کنید

لینک به ارسال

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

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

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

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

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

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

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

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

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