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



امتیاز موضوع:
  • 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
بسیار ویژه روزشمار زیبا و برای کاربران my bb

[بسیار ویژه] روزشمار بسیار زیبا و ویژه برای کاربران My-bb
Star 
سلام به همگی
این هم آخرین عیدی من ، این یه روزشمار نوروز بسیار زیباست . این کد توسط یکی از دوستان در وی بی ایران طراحی شده است و من هم اون رو در اینجا قرار میدم تا همه کاربران ازش استفاده بکنند .

دمو :

تصویر: http://up.wikivb.ir/images/7e6ziyhehqtqvq1wyf.png

استایل:

کد:
#rooz span{
background:#ffd800;
border-radius:4px;
color:#d47d00;
text-shadow:1px 1px white;
height:10px;width:40px !important;
padding-right:3px;padding-left:3px;
}

.toolsdlcakebg {
background: url(http://up.wikivb.ir/images/f33gio56po2mod8r7ebj.png) 0px -33px;
height: 62px;
border-radius: 5px;
border: 1px solid #cecece;
position: relative;
}

.toolsdlcakebg:before {
border-radius: 100%;
content: '';
position: absolute;
z-index: 1;
border: 1px dashed rgba(184, 184, 184, 0.55);
width: 80%;
height: 77%;
margin: 4px 10px 10px 10px;
}

.toolsdlcakepic {
float: left;
background: url(http://up.wikivb.ir/images/7lthtk1cixeqx55963f.png);
margin-left: 5px;
width: 75px;
height: 50px;
position: relative;
z-index: 2;
}

.toolsdlcaketooltip {
background: url(http://up.wikivb.ir/images/zd5mgbyk5m7jduthzbu9.png);
width: 7px;
height: 9px;
position: absolute;
bottom: 3px;
right: -7px;
}

.toolsdlcakecounter {
background: rgb(141, 196, 0);
height: 26px;
border-radius: 5px 0px 0px 5px;
float: right;
padding: 7px 5px 8px 5px;
text-shadow: 1px 1px rgb(103, 143, 0);
color: white;
font-family: B Yekan;
font-size: 19px;
margin-right: -7px;
margin-top: 10px;
position: relative;
z-index: 2;
direction: rtl;
border: 1px solid rgb(121, 168, 0);
}

کد فراخوانی + اسکریپت :

کد:
 <div class="toolsdlcakebg">
<div class="toolsdlcakepic"></div>
<div class="toolsdlcaketooltip"></div>
<div class="toolsdlcakecounter">

<div class="roozshomar"><script type="text/javascript" language="JavaScript">TargetDate =

"3/21/2013 09:18:19";BackColor = "";ForeColor = "";CountActive = true;DisplayFormat = " تــا

آغــاز ســال جدیــد 1392 شمــسی  %%D%% روز و %%H%% ساعت و  %%M%%  دقیقه و %%S%% ثانیه زمان مانده است";FinishMessage = "

آغاز سال 1392 و عید نوروز بر شما مبارک";</script> <script type="text/javascript"

language="JavaScript">function calcage(secs, num1, num2) {
  s = ((Math.floor(secs/num1))%num2).toString();
  if (s.length < 2)
    s = "0" + s;
  return "<span>" + s + "</span>";
}


function CountBack(secs) {
  if (secs < 0) {
    document.getElementById("rooz").innerHTML = FinishMessage;
    return;
  }
  DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
  DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
  DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
  DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));


  document.getElementById("rooz").innerHTML = DisplayStr;
  if (CountActive)
    setTimeout("CountBack(" + (secs-1) + ")", 990);
}


function putspan(backcolor, forecolor) {
 document.write("<span id='rooz' style='background-color:" + backcolor +
                "; color:" + forecolor + "'></span>");
}


if (typeof(BackColor)=="undefined")
  BackColor = "blue";
if (typeof(ForeColor)=="undefined")
  ForeColor= "red";
//if (typeof(TargetDate)=="undefined")
  TargetDate = "03/21/2013 9:18:19";
if (typeof(DisplayFormat)=="undefined")
  DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
if (typeof(CountActive)=="undefined")
  CountActive = true;
if (typeof(FinishMessage)=="undefined")
  FinishMessage = "";
putspan(BackColor, ForeColor);
var dthen = new Date(TargetDate);
var dnow = new Date();
ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack(gsecs);</script></div>



</div>
</div>

خداییش این یکی ارزش مهم شدن و یه اعتبار یا یه تشکر ویژه رو داره ، مگه نه ؟ تصویر: images/smilies/biggrin.gif
موفق باشین تصویر: images/smilies/heart.gif

منبع: http://vbiran.ir


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


تصویر: http://toolsdl.com/banner2.gif
 


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش افزودن گوگل پلاس برای سایت Tofighi 14 4,663 ۱۲ تير ۱۳۹۳، ۰۷:۰۰ ب.ظ
آخرین ارسال: wildbuzz
Thumbs Up [عیدی] باکس ویژه نوروزی ( اختصاصی My-bb ) KoG 1 1,052 ۱۳ اسفند ۱۳۹۲، ۱۱:۰۹ ق.ظ
آخرین ارسال: arrow_24
Star باکس تبلیغاتی برای بنر های شما KoG 1 1,265 ۲۲ دى ۱۳۹۲، ۱۲:۰۵ ق.ظ
آخرین ارسال: نیما
  [ویژه] باکس کاربر برتر ماه _ اختصاصی KoG 11 2,435 ۰۴ دى ۱۳۹۲، ۰۹:۰۳ ب.ظ
آخرین ارسال: mrfotoohi
Star [ویژه] باکس هشدار عضویت به سبکی نو - اختصاصی KoG 25 4,311 ۱۴ آبان ۱۳۹۲، ۰۳:۴۲ ب.ظ
آخرین ارسال: KoG
Star [ویژه] تبلیغات کشویی زیبا KoG 31 4,191 ۱۰ مهر ۱۳۹۲، ۰۷:۴۶ ب.ظ
آخرین ارسال: mellat
  [بسیار ویژه] باکس کاربر برتر + تاپیک های کارآمد KoG 27 4,715 ۰۴ شهریور ۱۳۹۲، ۰۹:۴۱ ب.ظ
آخرین ارسال: behnam
  [ویژه] منوی جاوااسکریپت زیبا برای سمت راست انجمن KoG 12 3,381 ۱۹ مرداد ۱۳۹۲، ۰۲:۲۵ ب.ظ
آخرین ارسال: AmIR StaR
  آموزش قرار دادن لوگوی مثلثی رمضان برای Mybb hamidkag 2 1,509 ۱۳ مرداد ۱۳۹۲، ۱۰:۳۹ ق.ظ
آخرین ارسال: kineh
  [بسیار ویژه] باکس تاپیک های کارآمد + اسلایدر جی کوئری KoG 3 1,615 ۲۵ اردیبهشت ۱۳۹۲، ۰۱:۲۰ ب.ظ
آخرین ارسال: ••CentOS••

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

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