lawgostar

کادر متحرک

75 پست در این موضوع قرار دارد

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

0

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


لینک به پست

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

0

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


لینک به پست

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

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

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

1

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


لینک به پست

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


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

0

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


لینک به پست

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

0

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


لینک به پست

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

0

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


لینک به پست

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

0

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


لینک به پست

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

0

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


لینک به پست

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

0

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


لینک به پست

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


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

0

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


لینک به پست

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

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


لینک به پست

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

0

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


لینک به پست

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

2

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


لینک به پست

مشکل حل شد .

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

0

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


لینک به پست

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

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

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

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

1

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


لینک به پست

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


لینک به پست

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

1

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


لینک به پست

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

2

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


لینک به پست

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

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

1

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


لینک به پست

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

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

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

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

2

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


لینک به پست

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

0

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


لینک به پست

فرقی نداره

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

1

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


لینک به پست

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

0

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


لینک به پست

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

0

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری