amin.poorsaeed

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

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

ارسال شده در (ویرایش شده)

سلام دوستان امروز تو این آموزش قصد دارم نحوه ویرایش صفحه 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 گردی گوشه های فرم به مربع تبدیل میشه ، که اگر یکی از اساتید نجوه حل این مشکل رو می دونن مطرح کنن

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

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

با تشکر

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

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

Share this post


Link to post
Share on other sites
...نه دریم ویور و نه نوت پد++ هیپکدام utf رو پشتیبانی نمیکنه ....

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

ctrl+j

Share this post


Link to post
Share on other sites
با تشکر

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

دوستان چطور میشه صفحه خطای 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.

Share this post


Link to post
Share on other sites
نقل قول نوشته اصلی توسط poonoodi نمایش پست ها

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

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

ctrl+j

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

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

Share this post


Link to post
Share on other sites

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

joomlaforum.ir_13483750381.png

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

http://localhost/j256/error.php

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

Not Found

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

Share this post


Link to post
Share on other sites

دوستان چطور میشه صفحه خطای 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.

Share this post


Link to post
Share on other sites
دوستان چطور میشه صفحه خطای 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 چک کنید...

Share this post


Link to post
Share on other sites

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

یا حق.

Share this post


Link to post
Share on other sites
سلام داداش من کار هایی روکه گفتی انجام دادم اما نشد و این صفحه میاد

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

http://localhost/j256/error.php

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

Not Found

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

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

Share this post


Link to post
Share on other sites

سلام داداش؛

من تو این مسیر

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites
سلام داداش؛

من تو این مسیر

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

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

سلام

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

Share this post


Link to post
Share on other sites
زبان فارسی هست

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

تشکر فراوان

Share this post


Link to post
Share on other sites
سلام

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

سلام

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

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

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

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

دارای حساب کاربری هستید؟ از اینجا وارد شوید


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