فوتر بسیار زیبا

نویسنده : fotoohi

فوتر بسیار زیبا
سلام دوستان

این فوتر براتون میذارم

کد global.css

}

.fixfootercenter {
position: absolute;
background:none;
width: 900px;
height: 320px;
margin-top:19px;
left: 50%;
margin-left: -450px;
}
.fixfooterinfo {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73000000', endColorstr='#73000000',GradientType=0 ); /* IE6-9 */
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-o-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);
    text-shadow:1px 1px 0px #000;
-moz-text-shadow:1px 1px 0px #000;
-o-text-shadow:1px 1px 0px #000;
-webkit-text-shadow:1px 1px 0px #000;
-ms-text-shadow:1px 1px 0px #000;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
text-align:center;
float:right;
width:268px;
height:36px;
color: #FFFFFF;
font: 25px mj;
margin: 0 auto;
}
.fixfooterinfocontent {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73000000', endColorstr='#73000000',GradientType=0 ); /* IE6-9 */

    box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-o-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);
    text-shadow:1px 1px 0px #000;
-moz-text-shadow:1px 1px 0px #000;
-o-text-shadow:1px 1px 0px #000;
-webkit-text-shadow:1px 1px 0px #000;
-ms-text-shadow:1px 1px 0px #000;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
height:109px;
margin-top:5px;
font:13px BYekan,B yekan,tahoma;
color:#fff;
padding:8px 5px 5px 5px;
text-shadow:1px 1px 0px #000;
text-align:right;
}
.fixfooterinfocontent a {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.55) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.55))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-9 */
box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-o-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);
font: 16px Byekan;
text-decoration: none;
line-height: 40px;
padding: 3px 17px 7px 17px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 4px;
color: #fcfcfc;
text-shadow: 1px 1px 5px #0a0a0a;
-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
margin-top:5px;
transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
}
.fixfooterinfocontent a:hover {
color:#fff600;
text-decoration:none;
}
.fixfooterinfocontentcall {
height:109px;
width:268px;
margin-top:5px;
border-radius:5px;
font:13px BYekan,B yekan,tahoma;
color:#fff;
position: absolute;
overflow: hidden;
text-decoration:none;
}
.fixfooterinfocontentcallbg{
background: -moz-linear-gradient(top,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73000000', endColorstr='#73000000',GradientType=0 ); /* IE6-9 */
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-o-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);
    text-shadow:1px 1px 0px #000;
-moz-text-shadow:1px 1px 0px #000;
-o-text-shadow:1px 1px 0px #000;
-webkit-text-shadow:1px 1px 0px #000;
-ms-text-shadow:1px 1px 0px #000;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
height:61px;
width:258px;
border-radius:5px;
font:13px Byekan,B yekan,tahoma;
color:#fff;
padding:5px;
text-shadow:1px 1px 0px #000;
position: absolute;
overflow: hidden;
text-decoration:none;
}
.fixfooterinfocontentcall h5 {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.55) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.55))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-9 */
box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-o-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);
padding:3px 20px;
overflow: hidden;
border:1px solid #291335;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
}
.fixfooterinfocontentcall a {
color:#fff;
}
.fixfooterinfocontentcall a:hover {
color:#d9d9d9;
text-decoration:none;
}
.fixfooterfreind {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73000000', endColorstr='#73000000',GradientType=0 ); /* IE6-9 */
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-o-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);
    text-shadow:1px 1px 0px #000;
-moz-text-shadow:1px 1px 0px #000;
-o-text-shadow:1px 1px 0px #000;
-webkit-text-shadow:1px 1px 0px #000;
-ms-text-shadow:1px 1px 0px #000;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
text-align:center;
float:left;
width:268px;
height:36px;
color: #FFFFFF;
font: 25px mj;
margin: 0 auto;

}
.fixfootercall {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73000000', endColorstr='#73000000',GradientType=0 ); /* IE6-9 */
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-o-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);    
-ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset,1px 1px 2px rgba(250,250,250,0.64);
    text-shadow:1px 1px 0px #000;
-moz-text-shadow:1px 1px 0px #000;
-o-text-shadow:1px 1px 0px #000;
-webkit-text-shadow:1px 1px 0px #000;
-ms-text-shadow:1px 1px 0px #000;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
text-align:center;
float:right;
width:268px;
height:36px;
color: #FFFFFF;
font: 25px mj;
margin-right:48px;
}

.fixfootercall h6, .fixfooterfreind h6, .fixfooterinfo h6{

    margin-top:0;        font:18px BYekan, tahoma;
}

.footerbglumia {
height:250px;
background:url(http://up.vbiran.ir/uploads/sprite4_963113889388488245.jpg) repeat-x;
}




کد قسمت فوتر

</div></div>
<!-- تبدیل شده توسط : همیار مای بی بی -->
<!-- www.mybbco.ir -->
<div class="footerbglumia">
<div class="fixfootercenter">
<div class="fixfooterinfo">
<h6 rel="tooltip" title="درباره ما" >
درباره ما</h6>
<div class="fixfooterinfocontent">
تست ...

</div>
</div>

<div class="fixfooterfreind">
<h6 rel="tooltip" title="دوستان ما" >
دوستان ما</h6>
<div class="fixfooterinfocontent">
<marquee height="110px" onmouseover="this.stop();" direction="up" scrollamount="3" scrolldelay="0" onmouseout="this.start();" style="text-align: center;">
<div style="text-align: center;">
<a rel="tooltip" title="مرجع تخصصی بازی"  href="http://mahdomain.ir/" target="black">مرجع تخصصی بازی</a>
<br>
<a rel="tooltip" title="دوستان ما"  href="http://mybbco.ir/" target="black">دوستان ما</a>
<br>
<a rel="tooltip" title="دوستان ما"  href="#" target="black">دوستان ما</a>
<br>
<a rel="tooltip" title="دوستان ما"  href="#" target="black">دوستان ما</a>
<br>
<a rel="tooltip" title="دوستان ما" href="#" target="black">دوستان ما</a>
<br>
<a rel="tooltip" title="دوستان ما"  href="#" target="black">دوستان ما</a>
<br>
</div>
</marquee>
</div>
</div>
<div class="fixfootercall">
<h6 rel="tooltip" title="تبادل لینک" >
تبادل لینک</h6>
<div class="fixfooterinfocontent">
<marquee height="110px" onmouseover="this.stop();" direction="up" scrollamount="3" scrolldelay="0" onmouseout="this.start();" style="text-align: center;">
<div style="text-align: center;">
<a rel="tooltip" title="لینک شما"  href="#" target="black">لینک شما</a>
<br>
<a rel="tooltip" title="لینک شما"  href="#" target="black">لینک شما</a>
<br>
<a rel="tooltip" title="لینک شما"  href="#" target="black">لینک شما</a>
<br>
<a rel="tooltip" title="لینک شما"  href="#" target="black">لینک شما</a>
<br>
<a rel="tooltip" title="لینک شما" href="#" target="black">لینک شما</a>
<br>
<a rel="tooltip" title="لینک شما"  href="#" target="black">لینک شما</a>
<br>
</div>
</marquee>
</div>
</div>
تصویر (ها)
   
نویسنده :

X
آخرین بازدید کننده ی پروفایل
[align=center][color=#333333][font=BYEkan, Tahoma, Verdana, Arial, sans-serif]افزونه ی آخرین بازدیدک ...
تعیین نشده
    دیدگاه های کاربران 0

    برای عضویت در کانال تلگرامی
    [همیار مای بی بی]
    کلیک کنید
    دریافت آخرین اخبار ، کدهای تخفیف و جوایز
    برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :