مهمان عزیز خوش آمدید. ورود ثبت نام



صفحه‌ها (9):
  • « قبلی
  • 1
  • 2
  • 3
  • 4
  • 5
  • ...
  • 9
  •   
  • بعدی »
امتیاز موضوع:
  • 2 رای - 3 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
سبک های فوتر

سبک های فوتر
نقل قول:http://up.zigzal.ir/do.php?img=34

این سبک فوتر رو کسی بلد نیس؟؟
فک کنم گفتم در دست ساخت هست تصویر: images/smilies/exclamation.gif


خوشحالم به خاطر این همه پیشرفت
I'm happy to progress
با اجازه رضا عزیز تصویر: images/smilies/heart.gif
این هم یه سبک فوتر جدید
دمو : پیوست شد .
کد  :
کد:
<style>
.footer-bala {
text-shadow: 1px 1px rgb(0, 0, 0);
height: 30px;
color: rgb(255, 255, 255);
font-size: 11px;
font-family: tahoma;
direction:rtl;
padding-top: 12px;
padding-bottom: 11px;
direction:rtl;
background: #F3E9C5 url(http://up.vbiran.ir/uploads/136664323345230_0topbar.png) repeat-x;
}

.section2 {
float:left;
clear:both;
margin-left: 13px;
margin-top: 7px;
}

.footer1 {
float:right;
width:227px;
margin-top:5px;
margin-right:34px;
}

.footer2 {
float:left;
width:136px;
margin-top:5px;
margin-left:40px;
}

.footer4 {
float: left;
width: 126px;
margin-top: 5px;
margin-left: 200px;
}

.footer3 {
margin:0 auto;
width:90px;
margin-top:5px;
margin-right: 388px;
}

.footermain {
background: rgb(0, 75, 145) url(http://up.vbiran.ir/uploads/136664297033914_01366265340661.png);
padding: 12px 9px 5px 0px;
height:180px;
}

.social {
float: right;
width: 148px;
height: 138px;
margin-right: 15px;
box-shadow: 0px 0px 30px rgb(0, 46, 82) inset;
border-radius: 5px;
padding: 0px 2px;
}

.social img {
margin-left:5px;
margin-top:2px;
border-radius: 7px;
}

.customers {
float:left;
font-size: 11px;
font-family: tahoma;
direction:rtl;
margin-left:30px;
}

.customers ul li {
padding-bottom:12px;
list-style: none;
}

.customers ul li a {
padding: 0px 10px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgb(0, 46, 82) inset;
margin-botom: 4px;
text-shadow: 1px 1px #F1F1F1;
color: white;
text-shadow: 1px 1px black;
font-size: 11px;
font-family: tahoma;
direction:rtl;
list-style: none;
text-decoration:none;
}

.footericon {
margin-top: -5px;
margin-bottom: -14px;
}
.p1 {
float: left;
width: 340px;
color: white;
margin-left: 42px;
box-shadow: 0px 0px 30px rgb(0, 46, 82) inset;
border-radius: 5px;
height: 128px;
padding: 10px;
font-size: 11px;
font-family: tahoma;
direction:rtl;
}
.p2 {
margin: 0 auto;
width: 450px;
color: white;
margin-right: 186px;
box-shadow: 0px 0px 30px rgb(0, 46, 82) inset;
border-radius: 5px;
padding: 10px;
height: 120px;
margin-bottom: 10px;
font-size: 11px;
font-family: tahoma;
direction:rtl;
}
.p3 {
height: 5px;
background: rgb(31, 31, 31);
border: 1px solid rgb(0, 0, 0);
font-size: 11px;
font-family: tahoma;
direction:rtl;
}
</style>

<div class="footer-bala">
 <div class="footer1">
<img src="http://up.vbiran.ir/images/r4llwmht1ugdey1sf8bk.png" width="32" height="32" alt="" class="footericon">
 ما در شبکه های اجتماعی
</div>
<div class="footer2">
<img src="http://up.vbiran.ir/images/qgk1uf27s45h266rdh6.png" width="32" height="32" alt="" class="footericon">
لیست دوستان
</div> <div class="footer4">
<img src="http://up.vbiran.ir/images/1yn8jdt35dfb4yx64qu3.png" width="32" height="32" alt="" class="footericon">
 کپی رایت
</div>
<div class="footer3">
<img src="http://up.vbiran.ir/images/1yn8jdt35dfb4yx64qu3.png" width="32" height="32" alt="" class="footericon">
درباره ما
</div>
</div>



<div class="footermain">
<div class="social">
<a rel="nofollow" href="#" title="">
<img width="64" height="64" src="http://up.wikivb.ir/images/k8z3ol39nx4hajb9jfoe.png" alt="facebook">
</a>
<a rel="nofollow" href="#" title="">
<img width="64" height="64" src="http://up.wikivb.ir/images/8mqsxao2ahlkt1wo4qb.png" alt="facebook">
</a>
<a rel="nofollow" href="#" title="">
<img width="64" height="64" src="http://up.wikivb.ir/images/jr6oxv6mxcybxc1e06t.png" alt="facebook">
</a>
<a rel="nofollow" href="#" title="">
<img width="64" height="64" src="http://up.wikivb.ir/images/hnqw7f7t9n91bxmxg9j.png" alt="facebook">
</a>
</div>
<div class="customers">
<ul><li><a href="http://www.toolsdl.com">تولز دی ال</a></li>
<li><a href="http://www.my-bb.ir">مای - بی بی</a></li>
<li><a href="#">لینک شما</a></li>
<li><a href="#">لینک شما</a></li>
<li><a href="#">لینک شما</a></li>
</ul> </div>
<div style="margin-right:100px">


<div class="p1">
کلیه حقوق مادی و معنوی برای این انجمن محفوظ می باشد .
<br />
قدرت گرفته از مای بی بی

<br />

</div>

</div>  
<div class="p2">
سایت "مای-بی بی"وب سایت و انجمنی کامل در زمینه مای بی بی می باشد
<br>
که در سال 1390شروع به کارکرده است .
<br>
ما مفتخریم که توسط --- میزبانی می شویم.
<br><br>

موفق باشید .


فایل‌های پیوست
تصاویر بندانگشتی
   


[عکس: banner2.gif]
 
فوتر قهوه ای رنگ زیبا
دمو : پیوست شد .
کد :

کد:
<style>
.footerlogo{
    margin:0 auto;
    background:url(http://up.wikivb.ir/images/l9hr74usak2ebqok2nhn.png);
    width:68px;
    height:54px;
}

.footertop{
    height:55px;
}

.footerbox{
    background:url(http://www.vbiran.ir/images/vbiranv6/sprite4.jpg) 0px -49px;
    height:245px;
    position:relative;
    z-index:9999;
}
.customers{
    background:#756752;
    box-shadow:0px 3px 0px #5A4B37;
    float:left;
    padding:8px 10px;
    border-radius:5px;
    font-family:tahoma;
    font-size:12px;
        direction:rtl;
    color:white;
    text-shadow:1px 1px #5A4B37;
    margin-top:6px;
    margin-left:144px;
}

.history{
    background:#756752;
    box-shadow:0px 3px 0px #5A4B37;
    float:right;
    padding:8px 10px;
    border-radius:5px;
    font-family:tahoma;
    font-size:12px;
        direction:rtl;
    color:white;
    text-shadow:1px 1px #5A4B37;
    margin-top:6px;
    margin-right:13px
}
.describe{
    float:right;
    width:589px;
    color:white;
    text-shadow:1px 1px black;
    line-height:18px;
    margin-right:14px;
    margin-top:13px;
    font-family:tahoma;
    font-size:12px;
        direction:rtl;
}

.describe a{
    color #E0952C;
}
.timezone{
    background:#F1F1F1;
    text-align:center;
    width:475px;
    color:#333;
    border-radius:3px;
    padding:3px 0px;
    border-top:3px solid #CECECE;
    border-bottom:3px solid #CECECE;
    margin-bottom:5px;
    text-shadow:1px 1px white;
    margin-top:32px;
    font-family:tahoma;
    font-size:12px;
        direction:rtl;
}
.ft2{
    width:220px;
    height:180px;
    float:left;
    text-align:right;
    direction:rtl;
    font-family:tahoma;
    font-size:12px;
        color:#fff;
        list-style:none;
}
</style>

<div class="footerbox">
<div class="footertop">
<div class="customers">مشتریان ما</div>
<div class="history">تاریخچه سایت</div>
<div class="footerlogo" title=""></div>
</div>
<div class="describe">
تمامی حقوق مطالب این سایت و انجمن محفوظ است .
<br />
با تشکر ، مدیریت
<div class="timezone">{$lang->welcome_current_time}</div> <br />
 <div style="background: url(images/vbiranv6/sprite5.png) no-repeat -224px -162px;
width: 16px;
height: 16px;
display: inline-block;margin-bottom: -7px;">
</div>
<div style="clear:both;"></div>
</div>
<div class="ft2">
<ul>
<li>تولز دی ال</li>
<li>مای - بی بی</li>
<li>تست</li>
<li>تست</li>
<li>تست</li>
<li>تست</li>
<li>تست</li>
<li>تست</li>
</ul>
</div></div>

موفق باشید تصویر: images/smilies/heart.gif


فایل‌های پیوست
تصاویر بندانگشتی
   


[عکس: banner2.gif]
 
یک سوالی برام پیش اومده که خیلی واجب هست برام امیدوارم با کمک شما عزیزان به نتیجه برسم
ببینید من در قسمت فوتر امکانات وبسایت از چند آیکون در حال حاضر استفاده میکنم


نمونه: [عکس: scroll.png]    [عکس: upload.png]    [عکس: kasbe%20daramad.png]    [عکس: sabad.png]    [عکس: contact.png]

می خواستم در کنار این آیکون ها یک آیکون دیگه اضافه کنم
اونم آیکون مسنجر هست


نمونه: [عکس: yahoo_messenger.png]

حالا میشه به این آیکون کدی داد که وقتی کاربر روش کلیک میکنه مستقیم وصل بشه به آی دی مسنجر من؟
می خوام کدش جوری باشه که وقتی روش میرم توضیح داده بشه ارتباط با یاهو مسنجر یا حالا هر توضیح دیگه ای
بد وصل بشه به ای دیم
golchinshodeh
لطفاً راهنمایی کنید
تصویر: images/smilies/heart.gif


زندگیمو میسازم اونجوری که میخوام

.....
....
...
..
.



[عکس: 2gdx3qh9cmofkol29z7m.png]
 این رو امتحان کن ببین جواب میده :
کد:
ymsgr:sendIM?your_id


[عکس: banner2.gif]
 
ممنون دادا جواد
ولی توضیح و لینک عکسو کجاش بدم؟


زندگیمو میسازم اونجوری که میخوام

.....
....
...
..
.



[عکس: 2gdx3qh9cmofkol29z7m.png]
سبک آبی با بک گراند لونه زنبوری
دمو : پیوست شد .

کد :

کد:
<style>
.my-bb-ircolorfoot {
background: url(http://up.wikivb.ir/images/x7myhwirm0s8y6lscpcp.png) repeat-x;
height: 200px;
width:100%;
overflow:hidden;
}
.my-bb-ircolorfootfixed {
position: absolute;
width: 920px;
height: 160px;
background: none;
margin-top: 37px;
left: 50%;
margin-left: -460px;
direction:rtl;
}
.aboutmy-bb-irtitle {
background: rgba(0,0,0,0.1);
font:15px tahoma;
font-weight:bold;
display: table;
padding: 1px 7px 4px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
color: rgba(250,250,250,0.8);
margin-top: 5px;
margin-bottom: 12px;
margin-right: 13px;
}
.aboutmy-bb-ir {
font:12px tahoma;
color: rgba(250,250,250,0.9);
width: 430px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.friendsmy-bb-irtitle {
background: rgba(0,0,0,0.1);
font:15px tahoma;
font-weight:bold;
display: table;
padding: 1px 7px 4px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
color: rgba(250,250,250,0.8);
margin-top: 5px;
margin-right: 13px;
}
.friendsmy-bb-ir {
font:12px tahoma;
margin-top: 7px;
}
.friendsmy-bb-ir a{
font:12px tahoma;
text-decoration:none;
color: rgba(250,250,250,0.9);
margin-right: 15px;
background: rgba(250,250,250,0.1);
padding: 0 7px 0 7px;
line-height: 30px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
}
</style>

<div class="my-bb-ircolorfoot">
<div class="my-bb-ircolorfootfixed">
<div style="width: 450px; float:right;">
<div class="aboutmy-bb-irtitle">درباره ما</div>
<div class="aboutmy-bb-ir">
کلیه حقوق این انجمن / سایت محفوظ است
<br>
تهیه شده در : my-bb.ir
</div>
</div>

<div style="width: 450px; float:left;">
<div class="friendsmy-bb-irtitle">برخی از دوستان ما</div>
<div class="friendsmy-bb-ir">
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<br>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<br>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>
<a href="#" target="blenk">دوستان ما</a>

</div>
</div>
</div>
</div>
</div>

موفق باشید .


فایل‌های پیوست
تصاویر بندانگشتی
   


[عکس: banner2.gif]
 
نقل قول:ممنون دادا جواد
ولی توضیح و لینک عکسو کجاش بدم؟
 
این یه لینک کامل همراه با تصویر و توضیح:
کد:
<a href="ymsgr:sendIM?your_id" title="" alt=""><img scr="img address"></a>


[عکس: banner2.gif]
 
+ فوتر زیبای خاکستری سه قسمتی _ ویژه
دمو : ( پیوست شد )

[عکس: 136646560830172_0demo.PNG]
کد :

کد:
<style>
.middle {
width: 1000px;
overflow:hidden;
margin:auto;
position:relative;
}
.contact {
width: 315px;
float: right;
margin: 22px 0 0 0;
height: 235px;
box-shadow: 0px 0px 30px rgb(196, 196, 196) inset;
border-radius: 10px 0px 10px 10px;
}
.map {
width: 305px;
float: right;
margin: 22px 13px 0 0;
height: 235px;
box-shadow: 0px 0px 30px rgb(196, 196, 196) inset;
border-radius: 10px 0px 10px 10px;
}
.subscribe {
width: 354px;
float: right;
margin: 22px 13px 0 0;
height: 235px;
box-shadow: 0px 0px 30px rgb(196, 196, 196) inset;
border-radius: 10px 0px 10px 10px;
}
.bottom ul {
float: right;
padding: 8px;
font:12px tahoma;
direction:rtl;
list-style:none;
}
.bottom li a {
padding: 0 12px 0 0;
color: rgb(126, 126, 126);
text-shadow: 1px 1px rgb(255, 255, 255);
font-weight: bold;
line-height: 30px;
list-style:none;
text-decoration:none;
}
.bottom li a:hover {
color: rgb(0, 121, 160);
text-shadow: 0px 0px 10px #fff;
-webkit-transition: all 0.4s ;
-moz-transition: all 0.4s ;
-ms-transition: all 0.4s ;
-o-transition: all 0.4s ;
transition: all 0.4s ;
}
.bottom li {
width: 140px;
height: 30px;
float: right;
margin: 2px;
font:12px tahoma;
direction:rtl;
border-radius: 4px;
background: rgba(0, 0, 0, 0.06) url(http://www.sportiha.com/images/sportiha/img/aaaa.png)

15px 15px no-repeat;
border-bottom: 1px solid rgb(255, 255, 255);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17) inset;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.bottom li:hover {
background: rgba(0, 0, 0, 0.06) url(http://up.vbiran.ir/uploads/13664644604666_0li-

logo.png)3px 1px no-repeat;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17) inset;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.bottom h5 {
position: relative;
right: 2px;
top: 2px;
background: rgb(138, 138, 138);
float: right;
text-align: center;
padding: 6px 18px;
font-weight: normal;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-o-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
font-family: tahoma;
direction:rtl;
color: #fff;
font-size: 17px;
text-shadow: 0px 1px 0px rgb(92, 92, 92);
margin-bottom: 9px;
border-bottom: 1px solid rgb(255, 255, 255);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.13) inset;
}
.bottom h5:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: rgb(197, 197, 197);
}

.contact .text {
width: 90%;
text-align: right;
font:10px tahoma;
direction:rtl;
float: right;
margin: 8px;
border-radius: 4px;
border: 1px solid rgb(236, 236, 236);
color: rgb(126, 126, 126);
text-shadow: 1px 1px rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.3s;
padding: 3px 8px;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.contact .field {
font:12px tahoma;
float: left;
margin: 10px 0 0 15px;
background: url(http://www.sportiha.com/images/sportiha/img/mail.png) no-repeat left;
padding: 0 0 0 20px;
color: rgb(116, 116, 116);
text-shadow: 1px 1px rgb(255, 255, 255);
width: 100%;
text-align: left;
direction: ltr;
font-weight: bold;
}
.subscribe .text {
font:10px tahoma;
direction:rtl;
width: 90%;
text-align: right;
float: right;
margin: 8px;
border-radius: 4px;
border: 1px solid rgb(236, 236, 236);
color: rgb(126, 126, 126);
text-shadow: 1px 1px rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.3s;
padding: 3px 8px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
</style>

<div class="bottom">
<div class="middle">

    <div class="contact">
        <h5>اطلاعات تماس</h5>
        <div class="text">جهت تماس با ما : </div>
        <div class="field">Email : info@site.com </div>
        <div class="field">SMS : 09--- </div>



<div style="
font:10px tahoma;
direction:rtl;
margin-top: 188px;
background: rgba(255, 255, 255, 0.6);
padding: 6px;
border-radius: 4px;
text-shadow: 1px 1px 0px white;
text-align: right;
color: rgb(0, 99, 99);
border: 1px solid rgb(209, 209, 209);
">
ویرایش شده توسط  : <a href="http://my-bb.ir/User-KoG" target="_blank">KoG</a>

</div>
    </div><!--Contact-->

    <div class="map">
        <h5>دوستان ما</h5>
        <ul>
            <li><a href="http://my-bb.ir/" target="_blank">لینک تست</a></li>
            <li><a href="http://toolsdl.com/" target="_blank">لینک تست</a></li>
            <li><a href="#" target="_blank">لینک تست</a></li>
            <li><a href="#" target="_blank">لینک تست</a></li>
            <li><a href="#" target="_blank">لینک تست</a></li>
            <li><a href="#" target="_blank">لینک تست</a></li>
            <li><a href="#" target="_blank">لینک تست</a></li>
            <li><a href="#" target="_blank">لینک تست</a></li>
        </ul>
    </div><!--Map-->
    
<div class="subscribe">
        <h5>درباره ما</h5>
      <div class="text">
متن درباره ما
<br>
در اینجا وارد شود   
</div>
<div class="text">
{$lang->welcome_current_time}
</div>
      

    </div><!--Subscribe-->

</div>
</div>


منبع : my-bb.ir
موفق باشید . تصویر: images/smilies/heart.gif
این فوتر خیلی ویژه هست ، امیدوارم مورد استفاده قرار بگیره . وقتی موس روی لینک ها میره لوگوی شما در کنار تصاویر ظاهر میشه


فایل‌های پیوست
تصاویر بندانگشتی
       


[عکس: banner2.gif]
 
ممنون جواد جان از کمکت
من به این صورت قرار دادم ولی باز اجرا نکرد عکس رو هم نشون نداد


کد:
<a href="ymsgr:sendIM?your_id" title="golchinshodeh" alt="ارتیاط با یاهو مسنجر"><img scr="images/icons/messenger.png"></a>


زندگیمو میسازم اونجوری که میخوام

.....
....
...
..
.



[عکس: 2gdx3qh9cmofkol29z7m.png]
صفحه‌ها (9):
  • « قبلی
  • 1
  • 2
  • 3
  • 4
  • 5
  • ...
  • 9
  •   
  • بعدی »


پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir