آلبــوم پــاروی بی قایـق محسن چاوشی

**HamTin** · 09-11-2014 12:20 PM

آخ مگه میشه از چشمای تو دل کند

**!M?sbh؟!** · 09-11-2014 12:20 PM

نوشته اصلی توسط asc

دموی گلاب پلیز

شعرش فوق العادس !!!!

**!M?sbh؟!** · 09-11-2014 12:21 PM

نوشته اصلی توسط HamTin

آخ مگه میشه از چشمای تو دل کند

پسریم رفتی ادامشو از دس دادی اون هفته ..

**pirana** · 09-11-2014 12:21 PM

نوشته اصلی توسط [M)SBH)]

دموی خواب و یوسف رو گذاشتم فعلا باهاش سر کنین تا آلبوم !!!!

اعتقادی به دمو و تیزر ندارم...

**!M?sbh؟!** · 09-11-2014 12:22 PM

نوشته اصلی توسط pirana

اعتقادی به دمو و تیزر ندارم...

هر جور راحتی ..

**HamTin** · 09-11-2014 12:22 PM

نوشته اصلی توسط [M)SBH)]

پسریم رفتی ادامشو از دس دادی اون هفته ..

ادامه چیکار کردین؟ کدشو بفرست واسم

**asc** · 09-11-2014 12:22 PM

نوشته اصلی توسط [M)SBH)]

شعرش فوق العادس !!!!

تایید

**Chavosh** · 09-11-2014 12:25 PM

پنج شنبه شد خبری از این ترانه ماه نشد

**!M?sbh؟!** · 09-11-2014 12:26 PM

نوشته اصلی توسط HamTin

ادامه چیکار کردین؟ کدشو بفرست واسم

کد:

 <!DOCTYPE HTML>
<html>
<head>

<title>MSBH</title>
<meta name="MSBH" content="MSBH">

<style>
    
li, div{
    
    font-size: 19px;
    font-weight: bolder;
    text-align: center;
    font-family: MSBH;
    box-shadow:0px 0px 4px 1px rgba(255,255,255,0.8) inset,0px 0px 5px 1px rgba(200,200,200,0.7);
    /text-shadow:0px 0px 4px 1px rgba(240,240,240,0.8) inset,0px 0px 5px 1px rgba(220,220,220,0.2);
}    

@font-face{
    
    src:url('fonts/Mj flow.ttf');
    font-family: MSBH;
}    
    
#header{
    
    
    border-bottom: 1px solid #ccc;
    height: 180px;
    /border: 1px solid #6d5aa5;
    background: linear-gradient(#e871f9 20%, #25bada 40%, #e273ec 112%);
    box-shadow:0px 0px 4px 1px rgba(255,255,255,0.4) inset,0px 0px 5px 1px rgba(200,200,200,0.8);    
}

#top_header{
    
    height: 43px;
    /border: 1px solid #6d5aa5;
    background: #02acb5;
    box-shadow:0px 0px 4px 1px rgba(255,255,255,0.5) inset,0px 0px 5px 1px rgba(200,200,200,0.3);    
    border-bottom: 2px solid #13e7ec;
    
}

#top_header > ul#social{
    
    width: 202px;
    height: 42px;
/    border-bottom: 4px solid #f491f2;
    background: #074265;
    margin: 0px auto;
    padding: 0px;
    box-shadow:0px 0px 4px 1px rgba(255,255,255,0.4) inset,0px 0px 5px 1px rgba(200,200,200,0.8);    

}


#top_header > ul#social > li{
    
    transition: 0.5s;
    width: 40px;
    height: 40px;
    /border: 1px solid #f93106;
    background: #30a0f3;
    margin: 0px auto;
    list-style: none;
    float: right;
    box-shadow:0px 0px 4px 1px rgba(255,255,255,0.6);
}

#top_header > ul#social > li:nth-child(1){

background: url('2.png')0 -80px;

}

#top_header > ul#social > li:nth-child(1):hover{

background: url('2.png')0 -120px;

}

#top_header > ul#social > li:nth-child(2){

background: url('2.png')0 -160px;

}

#top_header > ul#social > li:nth-child(2):hover{

background: url('2.png')0 -200px;

}

#top_header > ul#social > li:nth-child(3){

background: url('2.png')0 -240px;

}

#top_header > ul#social > li:nth-child(3):hover{

background: url('2.png')0 -280px;

}

#top_header > ul#social > li:nth-child(4){

background: url('2.png')0 -320px;

}

#top_header > ul#social > li:nth-child(4):hover{

background: url('2.png')0 -360px;

}

#top_header > ul#social > li:nth-child(5){

background: url('2.png')0 -400px;

}

#top_header > ul#social > li:nth-child(5):hover{

background: url('2.png')0 -440px;

}

#top_menu.original{
    position: relative;
    width: 800px;
    height: 100px;
    /border: 0px solid #137a80;
    margin: 38px auto 0px;
    padding: 0px;
    padding-right: 10px;
    
}

#top_menu.scrolled{
    
    position: fixed;
    width: 800px;
    height: 100px;
    border: 1px solid #1b107e;
    margin: 0px auto;
    margin-left: -375px;
    padding: 0px;
    padding-right: 10px;
    background: rgba(255,255,255,0.7);
    box-shadow:0px 0px 4px 1px rgba(255,255,255,0.4) inset,0px 0px 5px 1px rgba(200,200,200,0.8);    
    z-index: 40px;
    top: 0px;
    left: 50%;
    
}


#top_menu > li{
    
    position: relative;
    line-height: 100px;
    width: 120px;
    height: 90px;
    border: 4px solid #1e5729;
    /border-bottom: #f40f37;
    background: #3abaf8;
    background: linear-gradient(#e7fefd 0%, #fcceff 50%, #dbfff7);
    margin: 0px auto;
    list-style: none;
    float: right;
    box-shadow:0px 0px 4px 1px rgba(255,255,255,0.4) inset,0px 0px 5px 1px rgba(200,200,200,0.8);    
}

#top_menu > li:hover{
    
    border-bottom: 4px solid #eb70d2;
    
}

#top_menu > li > div{
    
    overflow: hidden;
    transition: 0.5s;
    position: absolute;
    width: 900px;
    height: 100px;
    border: 1px solid #ccc;
    background:rgba(255,255,255,0.6);
    margin: 0px auto;
    right: -70px;
    top: 100px;
    opacity: 0;
    box-shadow:0px 0px 8px 1px rgba(255,255,255,0.6);
}

#top_menu > li:hover > div{
    
    border: 6px solid #d5e9fb;
    opacity:1;
    /height:300px;    
    box-shadow:0px 0px 4px 1px rgba(255,255,255,0.6);
    background: linear-gradient(#e7fefd 0%, #fcceff 50%, #dbfff7);
}    

#body{

    height: 1000px;
    border: 1px solid #95b4ee;
    background: url('1.png')repeat-x;
    box-shadow:0px 0px 8px 1px rgba(255,255,255,0.6) inset,
    0px 0px 5px 1px rgba(200,200,200,0.7);
}

#footer{
    
    height: 250px;
    border-top: 5px solid #6d5aa5;
    background: linear-gradient(#af82bd,#30a0f3,#0d8ae8);
    box-shadow:0px 0px 8px 1px rgba(255,255,255,0.6) inset,0px 0px 5px 1px rgba(200,200,200,0.7);

}    
    
    #to_top{
    
    transition: 0.5s;
    position: absolute;
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    background:rgba(255,255,255,0.6);
    margin: 0px auto;
    right: 20px;
    top: 200px;
    opacity: 0;
    box-shadow:0px 0px 8px 1px rgba(255,255,255,0.6);
    border-radius: 100%;
    z-index: 40;
    line-height: 40px;
}
    
a{
    
    text-decoration: none;
    
}    


</style>

</head>
<body>

<div id="to_top"> <a href="#header">    &uarr; </a>    </div>

    <div id="header">
        
        <div id="top_header">
            
            <ul id="social">
                
            <li></li>    
            <li></li>    
            <li></li>    
            <li></li>    
            <li></li>        
                
            </ul>
            
        </div>
        
        <ul id="top_menu" class="original">
                            
            <li>صفحه اصلی  <div>صفحه اصلی</div></li>
            <li>محصولات    <div>محصولات</div></li>    
            <li>کارکنان    <div>کارکنان</div></li>    
            <li>نمایدگی    <div>نمایدگی</div></li>    
            <li>تماس با ما <div>تماس با ما</div></li>    
            <li>نقشه سایت  <div>نقشه سایت</div></li>    
                        
        </ul>
        
        
            
    </div>

    <div id="body">
        
        
    </div>

    <div id="footer">
        
        
    </div>


<script>

    window.onscroll=function(){
    
    if( window.pageYOffset > 100 && window.pageYOffset < 300){
        
        to_top.style.opacity='1';
        to_top.style.top= window.innerHeight + window.pageYOffset - 100 + 'px';
    }
    
    else if( window.pageYOffset > 300 ){
        
    to_top.style.opacity='1';
    to_top.style.top= window.innerHeight + window.pageYOffset - 100 + 'px';
        to_top.style.right='50%';
        to_top.style.transform= 'scale(2)';
    
    }
    
    else if( window.pageYOffset < 100 ){
        
    to_top.style.opacity='0';
    to_top.style.top=200 + 'px';
    to_top.style.right= '20px';
    to_top.style.transform= 'scale(1)';
    
    }

    if( window.pageYOffset > 100 ){
        
        top_menu.className=top_menu.className.replace('original','scrolled');    
    }    
    
    else{
        
        top_menu.className=top_menu.className.replace('scrolled','original');
    }
        
}
    
</script>

</body>
</html>

**Chavosh** · 09-11-2014 12:27 PM

[فقط کسانی که در سایت عضو شده اند قادر به مشاهده لینک ها هستند عضویت در سایت کمتر از 1 دقیقه ست. برای عضو شدن در سایت کلیک کنید...]

موضوع: آلبــوم پــاروی بی قایـق محسن چاوشی

ابزارهای موضوع

جستجو موضوع

اطلاعات موضوع

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

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش