ورود

yaser0421

با سلام خدمت دوستان عزیز
اول یه گله کنم از مدیرای عزیز : که خیلی خوب میشد میتونستیم این آموزش هارو تو مکان خودش بزاریم
و گله دوم اینه که با وجود نزدیک شدن به نوروز هیچ حرکت مفیدی تو این مرجع دیده نمیشه
از همین رو من رفتم یه گشتی تو وب زدم این کد رو براتون پیدا کردم و فک کنم خیلی شکیل تر از نمونه های مشابهه
و اضافه کنم که منبع این کد ها وی بی ایران هست.
با تشکر ویژه از (Mohsen Neo)
خب بریم سراغ آموزش
خیلی ساده و کوتاه و مفید میگم
کد های زیر رو اول در نت پد کپی کنید بعد به مسیر زیر برید
کنترل پنل مدیر کل > قالب ها و پوسته ها > قالب ها > قالب مورد نظر > Index Templete
> Index
کد های رو قبل تگ

کد php: 
{$forums} 

بچسبونید
تمام
نمونه زنده هم سایت بنده Heart

کد php: 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".cross").click(function(){
$("kadr.img").fadeOut(300);
$(".kadrtitle3mneo").slideDown(300);
$(".noroz").delay(300).fadeOut(300);
$(".kadr").delay(400).slideUp(300);
});
});
$(document).ready(function(){
  $(".kadrtitle3mneo").click(function(){
  $("img").fadeIn(300);
  $(".noroz").delay(300).fadeIn(300);
  $(".kadr").delay(400).slideDown(300);
  $(".kadrtitle3mneo").fadeOut(300);
});
});
$(document).ready(function(){
$(".cross").mouseenter(function(){
$(".kadrtitle2").fadeIn(300);
});
});


$(document).ready(function(){
$(".cross").mouseleave(function(){
$(".kadrtitle2").fadeOut(300);
});
});


</script>

<style>
.noroz * {
font: 11px "tahoma";
direction:rtl;
}


.kadr {
height:57px;
border-radius:5px;
border:1px solid #cecece;
border-bottom:3px solid #cecece;
margin:0 auto;
position:relative;
margin:10px;
background:white;
}


.kadrtitle {
position:absolute;
top:5px;
right:5px;
}


.cross {
background:url(http://www.sahandforum.com/pic/uploads/136320567391.png);
width:41px;
height:35px;
float: left;
margin-left: 2px;
}


#cntdwn {
direction: rtl;
text-align: right;
padding-top: 14px;
float: right;
padding-right: 10px;
}


#cntdwn:after {
content:".";
}


.noroz b {
font-weight:bold;
color:gray;
}


.kadrtitle2 {
background: #f54522;
border: 1px solid #d32f0e;
text-shadow: 1px 1px #d32f0e;
font: 11px tahoma;
position: absolute;
color: white;
padding: 3px 5px;
border-radius: 5px;
left: 45px;
top: 8px;
display:none;
}
.kadrtitle3mneo {
background: #f54522;
border: 1px solid #d32f0e;
text-shadow: 1px 1px #d32f0e;
text-align:center;
width:120px;
font: 11px tahoma;
position: relative;
color: white;
padding: 3px 5px;
border-radius: 5px;
display:none;
margin:10px;
cursor:pointer;
opacity:0.9;
}
.kadrtitle3mneo:hover {opacity:1;}
</style>
</head>

<body>
<center><div class="kadrtitle3mneo">نمایش روز شمار عید</div></center>
<div class="kadr">
<div class="kadrtitle2">بستن کادر</div>
<div class="kadrtitle">
<div class="noroz"><img src="http://sahandforum.com/pic/uploads/1363208137081.png" style="float:right;" />
<script language="JavaScript">TargetDate = "3/20/2013 14:31:56"; BackColor = "";ForeColor = "#000000";CountActive = true;DisplayFormat = " تا آغاز سال جديد 1392 شمسي , 2572 ایرانی , 7035 آریایی و 3751 زرتشتی  %%D%% روز و %%H%% ساعت و  %%M%%  دقيقه و %%S%% ثانيه زمان مانده است";FinishMessage = "آغاز سال 1392 و عيد نوروز بر شما مبارک";</script> <script language="JavaScript">function calcage(secs, num1, num2) {
  s = ((Math.floor(secs/num1))%num2).toString();
  if (s.length < 2)
    s = "0" + s;
  return "<b>" + s + "</b>";
}


function CountBack(secs) {
  if (secs < 0) {
    document.getElementById("cntdwn").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("cntdwn").innerHTML = DisplayStr;
  if (CountActive)
    setTimeout("CountBack(" + (secs-1) + ")", 990);
}


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


if (typeof(BackColor)=="undefined")
  BackColor = "blue";
if (typeof(ForeColor)=="undefined")
  ForeColor= "red";
//if (typeof(TargetDate)=="undefined")
  TargetDate = "3/20/2013 14:31:56";
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><br><br></div>  
</div>
<div class="cross"></div>
</div> 

دقت کنید که این آموزش و این روز شمار با ساعت و تاریخ سیستم کاربر کار خواهد کرد

میدوری · ۱۳۹۱/۱۲/۲۴، ۰۳:۵۹:۵۵ صبح

با درود
نظر دوستان در باره ی لحظه شمار تالار میدوری چیست ؟ روی هفت سین کلیک کنید . Heart

yaser0421 · ۱۳۹۱/۱۲/۲۴، ۱۱:۰۳:۵۵ صبح

خیلی شیک و خوبه اما هر کسی روی هفت سین کلیک نمیکنه که و فک میکنه اون نوار برای زیبایی هست Heart

میدوری

(۱۳۹۱/۱۲/۲۴، ۱۱:۰۳:۵۵ صبح)yaser0421 نوشته است: خیلی شیک و خوبه اما هر کسی روی هفت سین کلیک نمیکنه که و فک میکنه اون نوار برای زیبایی هست

ممنون از نظر شما . اصلاح شد و فکر می کنم الان بهتر شده باشه . Heart

~~Hi.joker~~ · ۱۳۹۱/۱۲/۲۴، ۱۵:۰۵:۵۱ عصر

قشنگ شد ، اگر کدش رو بزارید عالی میشه Heart

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به‌خاطر بسپار