ط¥ط¶ط§ظپط© ط§ظ„ظ‚ط±ط¢ظ† ظ„ظ„ظ…ظ†طھط¯ظ‰ ظƒطµظپط*ط© ظ…ط±ظپظ‚ط©
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
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[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
<title>$vboptions[bbtitle]</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['selectednavtab'] AND THIS_SCRIPT != 'search'">
</code> </code>
Replace with
رمز PHP:
<code style="white-space:nowrap"> <code>
<vb:if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT != 'search' AND THIS_SCRIPT != 'misc'">
</code> </code>
5. Save and you are done.
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©