قالب صفحه ی موردنظر پیدانشد

باسلام،

دراین پست از یک لرن برای کاربران عزیز سری جدید وزیبا یی از قالب ها که قالب404میباشد وبسیار زیبا و درعین حال مختصر و مفید است را درخدمت کاربران عزیز سایت قرار میدهیم،

شما میتوانید با دریافت کد این قالب و گذاشتن آن در قالب صفحه ی قالب 404میتوانید برای کاربران سایت خود امکانی قرار دهید که    هنگام برخورد آنان با صقحه ای که در صفحات سایت شما وجود ندارد ویا توسط مدیر حذف شده است یا آدرس آن صقحه نادرست وارد شده باشد از آن هارا از این کار مطلع سازد و آن هارا به صفحات دیگر سایتتان منتقل نماید مانند صقحه ی نخست پس نتیجه میگیریم که این قالب قالب بسیار مهمی است که قالب 404 وبسایت شما را ایجاد میکند ویک لرن نیز یک قالب 404 بسیار زیبا برای کاربران خویش طراحی و درسایت قرار داده است که شما میتوانید با رفتن به ادامه ی مطلب این پست کد این قالب404 را دریافت کرده واز آن استفاده کنید……………………

 

پیش نمایش

 

توضیحات و سایر مشخصات درباره ی این قالب:

منو دایره ای سی اس اس بسیار زیبا،
متحرک بودن منو،
مختصر و مفید بودن کد قالب و سرعت و سئو بالای قالب،
و…
های دایره ای امروز ها بسیار زیباتر و درخشنده تر از سایر منو های دیگری اچ تی ام ال ای ها هستند و بیشترین زیبایی را بر خود جذ میکنند که شما میتوانید چهار عدد از آنها را دراین قالب404برای رزبلاگ دریافت کنید واین که این قالب دارای حجمی بسیار اندک و سرعت لود و سئو بسیار بالایی میباشد البته سایر منو های دایره ای توسط فلش یا سایر زبان های برنامه نویسی ساخته میشوند و معمولا با سرعت کمی برخوردار هستند ولی این منو دایره ای توسط زبان های بسیار حرفه ای و زیبا و کارآمد تی ام ال و همچنین زبان برنامه نویسی سی اس اسنوشته شده اند و به همین علت دارای سرعت بسیار بالایی هستند

کد موجود در پایین را کپی کرده و در قسمت ویرایش قالب صفحه ی404خود پیست کرده وآن را ثبت کنید و سپس در خطوط 89 و 90 و 91 لینک صفحات خود را به جای #قرار دهید .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>صفحه مورد نظر پیدا نشد</title>
<style css>

@import url(http://fonts.googleapis.com/css?family=Roboto:100);
a{
    text-decoration:none;
}

* {
  box-sizing: border-box;
}

body {
  background-color: #669900;
  color: #fff;
  font-family: sans-serif;
  text-align: center;
  margin-top: 100px;
}

h1 { font: 2em 'Roboto'}

.wrapper {
  width: 200px;
  margin: 30px auto;
  text-align:center;
  position:relative;
  font-family:b yekan;
}

.circle {
 -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0; left: 0;
  display: inline-block;
  border: 5px solid #fff;
  border-radius: 100%;
  width: 120px;
  height: 120px;
  opacity: 1;

  transition: all .2s ease-in-out;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.circle:nth-child(2) { top: 45px;left: 130px; }
.circle:nth-child(3) { top: 140px; left: 10px; }
.circle:nth-child(4) { top: 185px; left: 140px; }
.circle:hover {
  opacity: .5;
 width: 140px; height: 140px;
  margin-top: -10px;
  margin-left: -10px;

  cursor: pointer;
}

.circle:active {
  -webkit-transform: scale(5);
}

.auto-style1 {
    font-family: "Old English Text MT";
    font-size: xx-large;
}
.auto-style2 {
    font-family: "Dast Nevis";
    font-size: xx-large;
}

</style>
</head>

<body>
<h1 class="auto-style1">Eror 404</h1>
<p class="auto-style2">صفحه ی موردنظر پیدانشد</p>
<p class="auto-style2">ممکن است توسط مدیرحذف شده باشد</p>
<a href="http://www.1learn.ir" style="display:none">
&#1740;&#1705; &#1604;&#1585;&#1606; &#1605;&#1585;&#1580;&#1593;                  &#1578;&#1582;&#1582;&#1589;&#1740; &#1608;&#1576;&#1604;&#1575;&#1711; &#1606;&#1608;&#1740;&#1587;&#1575;&#1606;
</a>
<div class="wrapper">
  <div class="circle"><a href="#">صفحه نخست</a></div>
  <div class="circle"><a href="#">تماس باما</a></div>
  <div class="circle"><a href="#">انجمن</a></div>
  <div class="circle"><a href="http://www.1learn.ir/">طراح قالب</a></div>
</div>
</body>
</html>

فرادرس

برچسب ها : ، ، ، ، ، ، ، ، ، ، ، ، ، ، ،