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



صفحه‌ها (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>

موفق باشید .


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


تصویر: http://toolsdl.com/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


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


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


نمونه: تصویر: http://bensol.net/images/icons/scroll.png    تصویر: http://bensol.net/images/icons/upload.png    تصویر: http://bensol.net/images/icons/kasbe%20daramad.png    تصویر: http://bensol.net/images/icons/sabad.png    تصویر: http://bensol.net/images/icons/contact.png

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


نمونه: تصویر: http://png-5.findicons.com/files/icons/2229/social_media_mini/48/yahoo_messenger.png

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


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

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



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
 این رو امتحان کن ببین جواب میده :
کد:
ymsgr:sendIM?your_id


تصویر: http://toolsdl.com/banner2.gif
 
ممنون دادا جواد
ولی توضیح و لینک عکسو کجاش بدم؟


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

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



تصویر: http://upload.tehran98.com/img1/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>

موفق باشید .


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


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


تصویر: http://toolsdl.com/banner2.gif
 
+ فوتر زیبای خاکستری سه قسمتی _ ویژه
دمو : ( پیوست شد )

تصویر: http://up.vbiran.ir/uploads/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
این فوتر خیلی ویژه هست ، امیدوارم مورد استفاده قرار بگیره . وقتی موس روی لینک ها میره لوگوی شما در کنار تصاویر ظاهر میشه


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


تصویر: http://toolsdl.com/banner2.gif
 
ممنون جواد جان از کمکت
من به این صورت قرار دادم ولی باز اجرا نکرد عکس رو هم نشون نداد


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


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

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



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
صفحه‌ها (9):
  • « قبلی
  • 1
  • 2
  • 3
  • 4
  • 5
  • ...
  • 9
  •   
  • بعدی »


پرش به انجمن:


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

1 مهمان


درباره‌ی ما

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