آموزش پاپ آپ کردن قسمت جستجو

[Mohammad-Za]

نام آموزش: آموزش پاپ آپ کردن قسمت جستجو آموزش پاپ آپ کردن قسمت جستجو

نویسنده اصلی: یادم نمیاد

مترجم : Kevin

منبع برای ذکر در سایر سایت ها : www.mybbiran.com

این آموزش توسط من یعنی Kevin فارسی شده است و مورد استفاده قرار میگیرد لذا قرار دادن آن در سایر سایت ها بدون ذکر منبع ممنوع است

1- به inc/languages/persian/global.lang.php رفته و قبل از ?> این کد ها را وارد کنید

کد:

$l['fastsearch_fastsearch'] = "جستجوی سریع";
$l['fastsearch_go'] = "برو";
$l['fastsearch_advanced'] = "جستجوی پیشرفته";

2- به ACP -> Templates&Style -> Templates -> Your Template -> Header Templates -> header
رفته و قبل از تمامی کد ها در اولین خط کد زیر را بنویسید.

کد:

<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
function getposOffset(overlay, offsettype){
var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
var parentEl=overlay.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function overlay(curobj, subobjstr, opt_position){
if (document.getElementById){
var subobj=document.getElementById(subobjstr)
subobj.style.display=(subobj.style.display!="block")? "block" : "none"
var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)?  

-(subobj.offsetWidth-curobj.offsetWidth) : 0)
var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)?

curobj.offsetHeight : 0)
subobj.style.left=xpos+"px"
subobj.style.top=ypos+"px"
return false
}
else
return true
}

function overlayclose(subobj){
document.getElementById(subobj).style.display="none"
}

// ]]></script>

توجه : در بعضی قالب ها است که قسمت هدر به دو قسمت header_welcome_block member و wlcome_bock _ guest تفکیک شده باشد پس اگر کد های پایین را در هدر نیافتید حتما این کار ها را فقط باید در دو قسمت بالایی انجام دهید. در هر دو قسمت.

3-در همان هدر یا دو هدر فوق این کد را پیدا کنید

کد:

<a href="{$mybb->settings['bburl']}/search.php"

و بعد از آن کد زیر را قرار دهید

کد:

onclick="return overlay(this, 'fastsearch','bottom')"

4- باز همان در همان قسمت یا دوقسمتی که قبلا ذکر کردم کد زیر را پیدا کنید

کد:

{$lang->toplinks_search}</a>

و بلافاصله بعد از آن کد زیر را وارد کنید

کد:

<!--Do not remove outer most DIV tag with id="fastsearch"-->
<DIV id="fastsearch" class="fastsearch" style="position:absolute; border: 1px solid #7f9fc5 background-color: white; width: 230px; padding: 2px; display:none; filter: alpha(opacity=80); -moz-opacity: 0.80; z-index: 10">
    <table width="100%" border="0" cellpadding="0" cellspacing="1">
        <tr>
            <td height="25" align="left"><b>{$lang->fastsearch_fastsearch}</b></td>
        <td height="25" align="right"><a href="#" onClick="overlayclose('fastsearch'); return false">[X]</a></td>
        </tr>
        <tr>
            <td height="26" align="center" valign="middle" colspan="2">
                <form method="post" action="search.php" style="margin: 0;">
                        <input type="text" class="textbox" id="focus" onFocus="Active(this)" onBlur="NotActive(this)" name="keywords" size="30" style="width: 150px;" />
                        <input type="submit" class="button" name="submit" value="{$lang->fastsearch_go}" />
                        <input type="hidden" name="action" value="do_search" /><input type="hidden" name="postthread" value="1" checked="checked" />
                        <input type="hidden" name="showresults" value="threads" checked="checked" />
                </form>
            </td>
        </tr>
        <tr>
            <td height="20" align="center" valign="middle" colspan="2"><a href="{$mybb->settings['bburl']}/search.php">{$lang->fastsearch_advanced}</a></td>
        </tr>
    </table>
</DIV>

5- حالا به قسمت قالب ها رفته و قالب خود را انتخاب کنید و global.css خود را به صورت ویرایش پیشرفته باز کنید.
و در آخر آن کد های زیر را قرار دهید

کد:

.fastsearch {
    background: #e5effe;
    color: #000000;
    border: 1px solid #7f9fc5;
    padding: 5px;
    margin-top: 10px;
}

.fastsearch a {
    color: #3C3C3C;
    text-decoration: none;

}

.fastsearch a:hover, a:active {
    color: #3C3C3C;
    text-decoration: underline;
}

[carrow]

سلام.
به شدت دستتون درد نکنه.
میگم آقا محمد نمیشه بگید چطوری میشه جستجوی گوگل رو هم بهش اضافه کرد ؟
مثل این تاپیکی که زدم ؟
http://community.mybbiran.com/thread-5203.html

ممنون میشم اگر یه کمکی بکنید. دست گلتون درد نکنه پیشاپیش

[hamidtbt]

اگه میشه بگید چطور بهش جستجوگر گوگل را اضافه کرد.

[rizesh]

من تو سایتم گذاشتم
نام مترجم رو لینک دار کردم به یوزر همین جای اقای کوین
اخرشم منبع مشکلی نیس؟

[pouloton]

سلام
بنده طبق دستور پیش رفتم ولی کدهای مرحله 4 را پیدا نکردم!
در آخر قسمت جستجوی بنده به این صورت نمایش داده شد!
لطفا راهنمایی بفرمایید.
ممنون
http://www.jetup.ir/uploads/08_05_1113048834951.png