کادر متحرک

[lawgostar 355]

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

[lawgostar 355]

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

[NESTED 4295]

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

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

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

[lawgostar 355]

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

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

[NESTED 4295]

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

[lawgostar 355]

باورکن واسه من نشون میده . یعنی مشکل کجاست ؟

[lawgostar 355]

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

[NESTED 4295]

قالبت چند تا فایل استایل داره ؟

[lawgostar 355]

توی تصویر زیر مشخصه

http://img4up.com/up2/99479757842923082399.jpg

[NESTED 4295]

خب تا اونجایی که من دیدم شما ایدی مربوطه رو در فایل 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;
}

[lawgostar 355]

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

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;
}

[NESTED 4295]

من در آیدی ( #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;
}

[lawgostar 355]

همینا میزارم اما نمیشه

[NESTED 4295]

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

[lawgostar 355]

مشکل حل شد .

دوتا بک گراند گذاشته بود .

[Sepehr2015 263]

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

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

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

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

[Morteza 34190]

آموزش

[Sepehr2015 263]

ممنون آقا مرتضی ، آموزش فارسی نداریم ؟

[Morteza 34190]

نمیدونم شاید باشه ولی من مراجع رو ترجیح میدم

[Sepehr2015 263]

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

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

[NESTED 4295]

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

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

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

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

[Sepehr2015 263]

ببخشید ، میشه بگید واسه سایت من باید چه تکه کدی بذارم ؟

[Morteza 34190]

فرقی نداره

همین کدها رو استفاده کنید

[Sepehr2015 263]

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

[Morteza 34190]

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