طرح صفحه خطای 404 حرفه ای برای جوملا

amin.poorsaeed · آبان 90

سلام دوستان امروز تو این آموزش قصد دارم نحوه ویرایش صفحه 404 رو به صورت حرفه ای به شما یاد بدم . برای شروع اول فایل ضمیمه رو دانلود کنید و در مسیر زیر در سایتتان کپی کنید .

/templates/system

حالا در این پوشه که هستید چند فایل وجود دارد ، ما الان با فایل error.php سروکار داریم .

حالا شما باید کد های زیر را بین </head> و </body> قرار دهید یعنی کد <body> را حذف کنید و بین کد های گفته شد کد های زیر را قرار دهید :

<link rel="stylesheet" type="text/css" href="/templates/system/style.css" />
<style type="text/css" media="all">
/*<![CDATA[*/
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: bold;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
}
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }

body { background: #fff; font-family: "Arial", Helvetica, Helvetica Neue, Verdana, sans-serif; font-size: 13px; line-height: 18px; text-shadow: 0 0 1px rgba(0,0,0,0.1); color: #555; }
body.ff2 { opacity: .99; } /* Make our type in FF look uber sexah */
body.safari { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
/*	--------------------------------------------------
Links
-------------------------------------------------- */
a { color: #2daebf; text-decoration: underline; outline: 0; line-height: inherit; }
a:hover {
color: #007d9a;
text-decoration: none;
}

a.muted, a.muted:visited { color: #777; }
a.muted:hover { color: #555; }

h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited { color: #333; text-decoration: none; font-weight: bold; }
h4 a, h4 a:visited, h5 a, h5 a:visited { text-decoration: none; line-height: inherit; font-weight: bold; }
h3 a:hover { color: auto; }
h4 a:hover, h5 a:hover { text-decoration: underline; }
p a, p a:visited {
line-height: inherit;
font-family: Tahoma, Geneva, sans-serif;
}
/*	--------------------------------------------------
Typography
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #333; font-weight: bold; }
h1 { font-size: 36px; line-height: 1; }
h2 { font-size: 30px; line-height: 1.2; margin: 0; }
h3 { font-size: 24px; line-height: 1; margin: 3px 0 9px; }
h4 { font-size: 18px; line-height: 1.25; margin: 0 0 6px; }
h5 { font-size: 14px; line-height: 18px; }
h6 { font-size: 12px; font-weight: normal; line-height: 18px; color: #777; margin: 0 0 9px; }

p { line-height: 18px; margin: 0 0 18px; }
p img { margin: 0; }
p.large { font-size: 14px; line-height: 20px; margin: 0 0 18px; color: #777; }
p.lead { font-size: 21px; line-height: 27px; margin: 0 0 18px; color: #777; }

body.ie ul.nav li.dropdown .column-row { width: 720px; }
/* --------------------------------------------------
=Structure
-------------------------------------------------- */
div#wrapper.simple	{ margin-top: 0; }
div#container,
div.wrapper 		{ position: relative; width: 940px; margin: 0 auto; }
/* --------------------------------------------------
=Header
-------------------------------------------------- */
div#header { position: relative; height: 54px; margin: 0 auto 27px; }
/*	--------------------------------------------------
Reset Global Styles
-------------------------------------------------- */
body {
background: #f4f4f4;
background-image: url(/templates/system/bg.png);
}
div#wrapper { margin: 0; padding: 89px 0 36px; }
div#container {
width: 380px;
padding: 29px;
border: solid 1px #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.15);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.15);
background-color: #fff;
background-image: url(/system/BG-2.png);
background-repeat: no-repeat;
background-position: left bottom;
}

/* Setup header for logos and text */
div#header {
height: auto;
margin: 0 0 27px;
font-family: "BRoya";
font-size: 150px;
text-align: center;
}
div#header h1 { text-align: center; font-size: 22px; color: #222; }
div#header img { display: block; height: 63px; widows: 63px; margin: 0 auto; float: none; }
   div#wrapper 		{
margin-top: 0px;
border-top-width: thick;
border-top-style: solid;
border-top-color: #CA0202;
}
/*]]>*/
.title {
text-align: center;
font-family:BRoya;
}
.under {
text-align: center;
font-family:"BRoya";
font-size: 16%;
direction:rtl;
}
#newPage #wrapper #container #header .title {
font-family: "BRoya";
font-size: 100%;
}
.title {
font-family: "BRoya";
}
body,td,th {
color: #900;
text-align: center;
}
.title {
font-weight: bold;
}
.link {
font-family: Tahoma, Geneva, sans-serif;
}
undertitle {
font-family: "BRoya";
font-size: 14px;
}
#newPage {
font-family: Tahoma, Geneva, sans-serif;
}
.stext {
font-size: 10px;
}
a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body class="ff3 ff win_os" id="newPage">
<div id="wrapper">
 <div id="container" class="collapsed">
   <div id="header">
     <p> </p>
     <p class="under"> </p>
     <p class="title">  404</p>
<p class="under"> </p>
     <p class="under">اوف ....... ! ببخشید ...... !</p>
   </div>

   <p style="color:#CCC; font-family:tahoma; font-size:11px; direction:rtl; text-align:justify;">-----------------------------------------------------------------------------------------------</p>
   <p style="color:#404041;font-family:tahoma;font-size:11px;direction:rtl;text-align:justify;">
     با عرض پوزش،</p>
   <p style="color:#404041;font-family:tahoma;font-size:11px;direction:rtl;text-align:justify;">کاربر گرامی شما به دلیل خطا های زیر ممکن است این صفحه را مشاهده کنید :</p>
   <p style="color:#404041;font-family:tahoma;font-size:11px;direction:rtl;text-align:justify;">1.صفحه مورد نظر شما حذف شده است .</p>
   <p style="color:#404041;font-family:tahoma;font-size:11px;direction:rtl;text-align:justify;">2.آدرس به صورت اشتباه وارد شده .</p>
   <p style="color:#404041;font-family:tahoma;font-size:11px;direction:rtl;text-align:justify;">3.شما به این صفحه دسترسی ندارید.</p>
   <p style="color:#404041;font-family:tahoma;font-size:11px;direction:rtl;text-align:justify;">4.آی پی شما به دلیل تخلف بلوکه شده .</p>
   <p style="color:#404041; font-family:tahoma; font-size:11px; direction:rtl; text-align:center;"><a href="آدرس سایت شما">کپی رایت © 2011 ، نام سایت شما </a></p>
 </div>
</div>

به این نکته نیز توجه کنید که در داخل فایل style.css که ضمیمه شده بنده به اشتباه کد های زیر رو که مربوط به سایت بنده هستش رو نوشتم ، اگر برای شما اشکالی ندارد این کد های داخل style.css که مربوط به fontface هست رو به صورت زیر تغییر دهید .

@font-face {
 font-family: 'BRoya';
 src: url('آدرس سایت شما/templates/system/fonts/BRoya.eot?#') format('eot'),  /* IE6–8 */
      url('آدرس سایت شما/templates/system/fonts/BRoya.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url('آدرس سایت شما/templates/system/fonts/BRoya.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

دوستان برای مشاهده دمو هم می تونید به این آدرس مراجعه کنید .

مزایای این کد ها چیه :

1. کاملا سی اس اس هست با 2 تا تصویر که می تونید حذف کنید ولی برای زیبا شدن خوبه

2.سرعت لود بالایی داره

3.از صفحه 404 پیشفرض جولما خوشگل تره

عیبش تنها اینه که تو مرورگر های اینترنت اکسپلورر 8 به پایین یعنی تا نسخه 5 گردی گوشه های فرم به مربع تبدیل میشه ، که اگر یکی از اساتید نجوه حل این مشکل رو می دونن مطرح کنن

ویرایش شده در آبان 90 توسط amin.poorsaeed
قرار دادن لینک دمو

poonoodi · آذر 90

با تشکر

من یه مشل کوچلو دارم و اون اینکه به خاطر اینکه نه دریم ویور و نه نوت پد++ هیپکدام utf رو پشتیبانی نمیکنه وقتی اجرا میشه تمام فارسی ها علامت سوال میشه چون ویرایشگر های من اونا رو با علامت سوال سیو کردن

دوستان یه راهنمایی بکنندچگونه این ویرایشگرها رو اصلاح بکنم یا یک ویرایشگر بهتر بهم معرفی کنند که این مشکل رو هم نداشته باشه

emperor69 · آذر 90

...نه دریم ویور و نه نوت پد++ هیپکدام utf رو پشتیبانی نمیکنه ....

وقتی فایل رو باز کردین (با دریم ویور) انکودینگ صفحه رو عوض کنید تا مشکل حل شه

ctrl+j

نیما حبیب خدا · آذر 90

با تشکر
من یه مشل کوچلو دارم و اون اینکه به خاطر اینکه نه دریم ویور و نه نوت پد++ هیپکدام utf رو پشتیبانی نمیکنه وقتی اجرا میشه تمام فارسی ها علامت سوال میشه چون ویرایشگر های من اونا رو با علامت سوال سیو کردن

دوستان یه راهنمایی بکنندچگونه این ویرایشگرها رو اصلاح بکنم یا یک ویرایشگر بهتر بهم معرفی کنند که این مشکل رو هم نداشته باشه

عزیزم به notepad داخل ویندوز ببر و موقع ذخیره کردن utf کن

amin.poorsaeed · آذر 90

ببخشید من اینجا نبودم شب ، ممنون دوستان از بابت راهنمایی تون

user_joomla · مهر 91

دوستان چطور میشه صفحه خطای 404 رو تغییر داد ؟؟

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

کامپوننت یافت نشد

You may not be able to visit this page because of:

an out-of-date bookmark/favourite

a search engine that has an out-of-date listing for this site

a mistyped address

you have no access to this page

The requested resource was not found.

An error has occurred while processing your request.

arses · مهر 91

نقل قول نوشته اصلی توسط poonoodi نمایش پست ها
...نه دریم ویور و نه نوت پد++ هیپکدام utf رو پشتیبانی نمیکنه ....

وقتی فایل رو باز کردین (با دریم ویور) انکودینگ صفحه رو عوض کنید تا مشکل حل شه

ctrl+j

سلام فک می کنم دوست عزیز خود ++notepad اینکار رو انجام میده.

فایل open یا Drag&drop کنید تو ++notepad و زمانی که خواستید فارسی تایپ از منوی Encoding میتوانید گزینه utf-8 رو انتخاب نمایید.

arses · مهر 91

سلام داداش من کار هایی روکه گفتی انجام دادم اما نشد و این صفحه میاد

joomlaforum.ir_13483750381.png

حتی آدرسی مثل صفحه خودتون رو زدم

http://localhost/j256/error.php

این خطا رو میده و صفه ای که شما گفتید نمیاره

Not Found

The requested URL /j256/error.php was not found on this server.

user_joomla · مهر 91

دوستان چطور میشه صفحه خطای 404 رو تغییر داد ؟؟

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

کامپوننت یافت نشد

You may not be able to visit this page because of:

an out-of-date bookmark/favourite

a search engine that has an out-of-date listing for this site

a mistyped address

you have no access to this page

The requested resource was not found.

An error has occurred while processing your request.

saber · مهر 91

دوستان چطور میشه صفحه خطای 404 رو تغییر داد ؟؟
به عنوان مثال ، من میخوام پیام زیر رو به فارسی ویرایش کنم . از کجا میتونم این صفحه رو پیدا کنم ؟؟؟

کامپوننت یافت نشد

You may not be able to visit this page because of:

an out-of-date bookmark/favourite

a search engine that has an out-of-date listing for this site

a mistyped address

you have no access to this page

The requested resource was not found.

An error has occurred while processing your request.

زبان سایت شما فارسی نیست؟

این قسمتها رو در پوشه زبان و در فایل en-GB.ini و fa-IR.ini چک کنید...

arses · مهر 91

من هم نمیدونم بزارید آقا امین آنلاین بشه حتماً پاسخ میدن

یا حق.

saber · مهر 91

سلام داداش من کار هایی روکه گفتی انجام دادم اما نشد و این صفحه میاد
حتی آدرسی مثل صفحه خودتون رو زدم
http://localhost/j256/error.php
این خطا رو میده و صفه ای که شما گفتید نمیاره
Not Found

The requested URL /j256/error.php was not found on this server.

شما کدهایی رو که در error.php باید کپی میکردید در فایل error.php خود قالب کپی کردین؟

arses · مهر 91

سلام داداش؛

من تو این مسیر

C:\wamp\www\j256\templates\system

که گفته شده بود رفتم فایل error.php رو ویرایش کردم قسمت head و body رو پاک کردم و این کد مهندس رو تو body قراردادم تو head هم لینک css رو.

user_joomla · مهر 91

زبان فارسی هست

من این دو پوشه رو هم دارم

اما همچین پیغامی میده که من میخوام این صفحه به فارسی تغییر بدم

saber · مهر 91

سلام داداش؛
من تو این مسیر
C:\wamp\www\j256\templates\system
که گفته شده بود رفتم فایل error.php رو ویرایش کردم قسمت head و body رو پاک کردم و این کد مهندس رو تو body قراردادم تو head هم لینک css رو.

سلام

شما در فایل error.php قالبی که استفاده میکنید اون کدها رو توی بخش body کپی کنید تست کنید...

saber · مهر 91

زبان فارسی هست
من این دو پوشه رو هم دارم

اما همچین پیغامی میده که من میخوام این صفحه به فارسی تغییر بدم

چک کنید زبان پیش فرض سایت هم روی فارسی باشه فقط مدیریت فارسی نباشه یه موقع...

user_joomla · مهر 91

چک کردم اما فارسی هست.این صفحه error در کدوم پوشه هاست هست ...؟

saber · مهر 91

فایل Error.php هم در جوملا هست هم در قالبها البته قالبهای 2.5 اما متنی رو که میاره از فایل زبان میخونه که همون فایلی بود که بهتون گفتم...

blazhel · مهر 91

سلام امین جان برای گرد کردن گوشه ها میتونین ار pie استفاده کنید اگه نتونستین من انجام می دم همین جا قرار می دم

arses · مهر 91

این صفحه error.php من هست میشه شما ببینید کجاش مورد داره؟؟

بعد برام تو پست بعدی بزاید تا نوع تغییرات رو ببینم.

تشکر فراوان

mohsenshams · مهر 91

سلام

کاشکی یه فکری هم برای صفحه خطا در جوملا 2.5 میکردید

saber · مهر 91

سلام
کاشکی یه فکری هم برای صفحه خطا در جوملا 2.5 میکردید

سلام

از این روش برای 2.5 هم میتونید استفاده کنید همین دمویی که اول تاپیک هست روی 2.5 قرار داره...

arses · آبان 91

سلام آقا صابر؛

من باز نتونستم درستش کنم همه کار هایی که گفتید انجام دادم اما نشد.

جوملا 2.5.8 دارم و آنلاین هم تست کردم اما نشد نمیدونم مسیر ها رو همون هایی است که گفتید.

blazhel · آبان 91

دوستان اگه درخواست صفحه 404 جوملا 2.5 دارین بگین بصورت کامل بزارم که دیگه مشکلی نداشته باشین

drwood · دی 91

:35:.........

طرح صفحه خطای 404 حرفه ای برای جوملا

28 پست در این موضوع

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

ایجاد یک حساب کاربری

ورود به حساب کاربری