المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : إضافة القرآن للمنتدى كصفحة مرفقة



Chakira
10-31-2013, بتوقيت غرينيتش 02:50 AM
http://www.dzbatna.com/images/icons/iconrote.gif ط¥ط¶ط§ظپط© ط§ظ„ظ‚ط±ط¢ظ† ظ„ظ„ظ…ظ†طھط¯ظ‰ ظƒطµظپط*ط© ظ…ط±ظپظ‚ط© (http://www.dzbatna.com/t1606877/)


Alsalam Alikoum



The Idea:

We want to add the Quran script in this page http://ketaballah.net/quran.html

to our forum as a custom page. Of course only the quran content and not full page.



Demo:

The result after you complete these steps are is similar to this

http://quran.ketaballah.net/vb/misc....template=quran (http://quran.ketaballah.net/vb/misc.php?do=page&template=quran)







Actually this script can be added to any website page by adding the following to any page you want to add Quran to it.



رمز PHP:

<code style="white-space:nowrap"> <code>
<div align="center">

<script type="text/javascript">

<!--

moshaf_width = 750;

moshaf_height = 550;

style="gray";

//lang="en";

//-->

</script>

<script type="text/javascript" src="http://www.ketaballah.net/js/quran.js?v=2014">

</script>

</div>
</code> </code>



For Bulletin 3.x.x







Steps:

1. Go to Admincp > Styles & Templates > Style Manager > In drop down list next to the style you want to add Quran to choose Add New Template

Name the template custom_quran



2. Use the following code for the template:

رمز PHP:

<code style="white-space:nowrap"> <code>
$stylevar&#91;htmldoctype&#93;

<html dir="$stylevar&#91;textdirection&#93;" lang="$stylevar&#91;languagecode&#93;">

<head>

$headinclude




<title>$vboptions&#91;bbtitle&#93;</title>

</head>

<body>

$header

$navbar

<!-- Quran code Start Here -->

<div align="center">

<script type="text/javascript">

<!--

moshaf_width = 750;

moshaf_height = 550;

style="gray";

//lang="en";

//-->

</script>

<script type="text/javascript" src="http://www.ketaballah.net/js/quran.js?v=2014">

</script>

</div>

<!-- / Quran Code Ends here -->



$footer

</body>

</html>
</code> </code>

3. Done now use your web-browser and go to



http://<domain>/misc.php?do=page&template=quran

And change the domain to your own.



OK now we have created our quran page but the problem is no one knows if it is exists, so we need to add the link to Quran page somewhere in our forum. One place to add this link is in the top of your forum with the navbar buttons. To accomplish this complete these steps:





4. Go to

Admincp > Styles and Templates > Style Manager > The Style you want to add link to it> Navigation / Breadcrumb Templates > Navbar

open it and search for



رمز PHP:

<code style="white-space:nowrap"> <code>
</tr>

</table>

</div>

<!-- / nav buttons bar -->
</code> </code>

Replace it with



رمز PHP:

<code style="white-space:nowrap"> <code>
<td class="vbmenu_control"><a href="misc.php?do=page&template=quran" accesskey="2">Quran</a></td>

</tr>

</table>

</div>

<!-- / nav buttons bar -->
</code> </code>

5. Save and you are done. A demo of this example is found here http://quran.ketaballah.net/vb/index.php On to you will see Quran link to the Quran page.









For Bulletin 4.x.x







Steps:

1. Go to Admincp > Styles & Templates > Style Manager > In drop down list next to MASTER STYLE (this will effect all styles otherwise next to the style you want to add Quran to ) choose Add New Template

Name the template custom_quran



2. Use the following code for the template:

رمز PHP:

<code style="white-space:nowrap"> <code>
{vb:stylevar htmldoctype}

<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">

<head>

<title>{vb:raw vboptions.bbtitle} - {vb:raw pagetitle}</title>

{vb:raw headinclude}

{vb:raw headinclude_bottom}

</head>

<body>



{vb:raw header}



{vb:raw navbar}



<div id="pagetitle">

<h1>{vb:raw pagetitle}</h1>

</div>

<!-- Quran code Start Here -->

<h2 class="blockhead">Quran</h2>

<div class="blockbody">

<div class="blockrow">

<div align="center">

<script type="text/javascript">

<!--

moshaf_width = 750;

moshaf_height = 550;

style="gray";

//lang="en";

//-->

</script>

<script type="text/javascript" src="http://www.ketaballah.net/js/quran.js?v=2014">

</script>

</div>

</div>

</div>

<!-- / Quran Code Ends here -->

{vb:raw footer}

</body>

</html>
</code> </code>

3. Done now use your web-browser and go to



http://<domain>/misc.php?do=page&template=quran

Where <domain> is your own domain.



OK now we have created our quran page but the problem is no one knows if it is exists, so we need to add the link to Quran page somewhere in our forum. One place to add this link is in the top of your forum with the navbar buttons (Tabs). To accomplish this complete these steps:





4. Go to

Admincp > Styles and Templates > Style Manager > MASTER STYLE (this will effect all style or just choose the Style you want to add link to it)> Navigation / Breadcrumb Templates > Navbar

open it and search for



رمز PHP:

<code style="white-space:nowrap"> <code>
{vb:raw template_hook.navtab_end}
</code> </code>

Add above



رمز PHP:

<code style="white-space:nowrap"> <code>
<vb:if condition="THIS_SCRIPT == 'misc'">

<li class="selected"><a class="navtab" href="misc.php?do=page&template=quran">Quran</a></li>

<vb:else />

<li><a class="navtab" href="misc.php?do=page&template=quran">Quran</a></li>

</vb:if>
</code> </code>



Search for

رمز PHP:

<code style="white-space:nowrap"> <code>
<vb:if condition="!$vboptions&#91;'selectednavtab'&#93; AND THIS_SCRIPT != 'search'">
</code> </code>



Replace with

رمز PHP:

<code style="white-space:nowrap"> <code>
<vb:if condition="!$vboptions&#91;'selectednavtab'&#93; AND THIS_SCRIPT != 'search' AND THIS_SCRIPT != 'misc'">
</code> </code>



5. Save and you are done.





ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى