بحث متقدم | التسجيل
الويب العربي
  تسجيل دخول
 
   
   

  ملاحظة
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.




الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

عـودة للخلف   الويب العربي المركز التعليمي المجاني قسم المنتديات

 
 
خيارات الموضوع طريقة العرض
  #1  
قديم 04-06-2010, 01:48 PM
احمد الماهر احمد الماهر غير متصل
عضو
 
تاريخ التسجيل: May 2010
مشاركة: 5
مستوى تقييم العضوية: 0
احمد الماهر is on a distinguished road
Awt9 طلب ربط الهاكات بهاك في بي أدفانسد

بسم الله الرحمن الرحيم


عندي طلب للأخوة الذين يستخدمون مجلة في بي أدفانسد
ابي بلوكات إضافية للمجلة

وبلوك البنرات الإعلانية

وياريت ان هناك طريقة لربط هاكات (مركز الإلعاب - المدونات - صحيفة المنتدى - مكتبة البرامج - معرض الفيديو )


واريد وضع بلوك مجلة المنتدى ثلاثية الأبعاد في مجلة في بي أدفانسد دون ظهوره في الناف بار

مثال

هذا البلوك اريده ان يظهر في الفي بي ادفانسد






  #2  
قديم 07-06-2010, 08:37 PM
احمد الماهر احمد الماهر غير متصل
عضو
 
تاريخ التسجيل: May 2010
مشاركة: 5
مستوى تقييم العضوية: 0
احمد الماهر is on a distinguished road
Awt5 محتاج مساعدتكم

بسم الله الرحمن الرحيم

ايه الأخوة المبرمجون واصحاب المواقع زرت الموقع الرئيسي الداعم للمجلة و وجد قسم مليئ بالبلوكات وطرق لدمج الهاكات لكنه بالغة الأنجلزية وبحاجة لترجمة وشرح من جديد وارجوا المساعدة من الأعضاء
هناك بلوكات عجبتني كثيرا ولم اتوقع وجودها

ارجو جمع الشروح المهمة ووضعها في الموضوع لفائدة الأعضاء والمستخدمين العرب

هذا رابطة قسم البلوكات:
http://www.vbadvanced.com/forum/forumdisplay.php?f =96&order=desc

وهذه رابطة قسم الموديلات:
http://www.vbadvanced.com/forum/forumdisplay.php?f =26




وهذه بعض المواضيع التي لفت انتباهي:
http://www.vbadvanced.com/forum/showthread.php?t=4 0139
http://www.vbadvanced.com/forum/showthread.php?t=3 3815
http://www.vbadvanced.com/forum/showthread.php?t=3 6298
http://www.vbadvanced.com/forum/showthread.php?t=3 9153
http://www.vbadvanced.com/forum/showthread.php?t=3 2193
http://www.vbadvanced.com/forum/showthread.php?t=2 4069
http://www.vbadvanced.com/forum/showthread.php?t=2 1171
http://www.vbadvanced.com/forum/showthread.php?t=9 906



ارجوا المساعدة






آخر تعديل بواسطة احمد الماهر ، 07-06-2010 الساعة 08:43 PM.
  #3  
قديم 09-06-2010, 12:26 AM
احمد الماهر احمد الماهر غير متصل
عضو
 
تاريخ التسجيل: May 2010
مشاركة: 5
مستوى تقييم العضوية: 0
احمد الماهر is on a distinguished road
الافتراضي

هذا البلوك الذي اعتقد ان أكثر اصحاب المواقع تبحث عنه لكنه بحاجة إلى ترجمة الشرح




إقتباس:


AJAX Tabs - Version 2.0

Note: Alternate Version 1.0 (still supported & available as a secondary option) is located here: http://www.vbadvanced.com/forum/showthread.php?t=2 3427

Note 2: Altho this "How To" is written for implementation within CMPS, this can be easily implemented within vB , ie on custom vB pages or within current vB pages.

Whats changed within this release?: This newer version (based on the AJAX Tabs script written by Dynamic Drive - http://www.dynamicdrive.com/dynamici...tent/index. htm) utilizes Ajax to display a selection of external content on your page inside a DIV and via CSS tabs. Below lists the features of this script that together make it highly adaptable in the real world:

  • Fetch and display an external page (from the same domain) inside a container when a tab is clicked on.
  • Add a "default" content inside the container to either be shown while no tabs are selected, or to be associated with a specific tab. The default content is added directly to your page and not fetched via Ajax, for sake of server efficiency.
  • For each tab, you can not only fetch an external page to be shown, but also load external .css and .js files associated with that page if desired.
  • Supports session only persistence, so the last tab user clicked on is remembered if he/she returns to the page within the same browser session.
  • Supports multiple Ajax Tabs Contents on the same page.
  • Fully unobtrusive, search engine friendly script. The tabs are simply list based links. For search engines or browsers with JavaScript disabled, the contents will just load as actual pages (instead of inline via Ajax).
As I mentioned in the previous release, I received many emails & PMs about how I implemented AJAX Tabbed Modules within vBadvance & vB, so instead of replying to each one seperately, I went ahead and wrote up this "how to". I hope that its easy to follow along, answers your questions and meets your needs. If you are reading this and wondering what a tabbed module is, check out the attached screen shots for a visual.

This is what I've done so far to implement AJAX Tabs functionality within vBadvance for my websites and others....

CMPS Version Note: Sample PHP "Content" Files are Coded for CMPS v3.0 RC1. Modifications can be made to the php files (Require Back-End) to work with CMPS v2.x

CMPS Module Type: TEMPLATE w/Alternative Module Wrapper Template
Templates: adv_portal_Tab_Block, adv_portal_alt_module_wrapper (optional)
Files: ajaxtabs.js, ajaxtabs.css, Sample Content Files, images(3)

Note: I've included sample files in the attached Zip File to use with the step by step how to.

Step 1. Upload the ajaxtabs directory (located in the attached Zip File) to the FORUMS Root.
This directory contains the ajaxtabs.js file & the ajaxtabs.css file
path example: /www/forums/ajaxtabs/ajaxtabs.js

Step 2. Modify CSS file.
Change paths to images to reflect your domain and forum root (2 lines)...

Note: Additional Modifications to this file can be made once you get the initial sample system up and running.

CSS file - Name: ajaxtabs.css
Code:
.shadetabs{padding: 3px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0;font: bold 12px Verdana;list-style-type: none;text-align: left; /*set to left, center, or right to align the menu as desired*/}.shadetabs li{display: inline;margin: 0;}.shadetabs li a{text-decoration: none;padding: 3px 7px;margin-right: 3px;border: 1px solid #778;color: #FFFFFF;background: #343958 url(http://www.domain.com/forums/ajaxtabs/shade.gif) top left repeat-x;}.shadetabs li a:visited{color: #FFFFFF;}.shadetabs li a:hover{text-decoration: underline;color: #FFFFFF;}.shadetabs li.selected{position: relative;top: 1px;}.shadetabs li.selected a{ /*selected main tab style */background-image: url(http://www.domain.com/forums/ajaxtab...-bottom-color: gray;}.shadetabs li.selected a:hover{ /*selected main tab style */text-decoration: none;}.contentstyle{border: 1px solid gray;width: 425px;margin-bottom: 0em; padding: 2px;background: white;}

Step 3. Create, Name and Upload Multiple "Content" files.
I've included working samples in the attached Zip File.
The location I chose for these was the FORUMS root.
path example: /www/forums
You can name these files anything you want. For example, I chose a naming convention - tabexternal.htm, tabexternal2.php, tabrecentnews.php, tabvbookie.php, ..etc etc

Note: Modifications to these files can be made once you get the initial system up and running.

Sample PHP "Content" file - Sample name: tabexternal.php
PHP Code:
<?php

// ####################### SET PHP ENVIRONMENT ###########################
error_reporting(E_ALL & ~E_NOTICE);

// #################### DEFINE IMPORTANT CONSTANTS #######################
define('NO_REGISTER_GLOBALS', 1);
define('THIS_SCRIPT', 'tabcontent'); // change this depending on your filename

// ################### PRE-CACHE TEMPLATES AND DATA ######################
// get special phrase groups
$phrasegroups = array(

);

// get special data templates from the datastore
$specialtemplates = array(

);

// pre-cache templates used by all actions
$globaltemplates = array(
'TAB',
);

// pre-cache templates used by specific actions
$actiontemplates = array(

);

// ######################### REQUIRE BACK-END ############################
require_once('./global.php');
require_once(
'./includes/vba_cmps_include_template.php');
require_once(
'./includes/vba_cmps_global.php');

// ################################################## #####################
// ######################## START MAIN SCRIPT ############################
// ################################################## #####################


?>

<?php

echo 'HELLO WORLD! Welcome to AJAX TABs ....';

?>

Sample HTM "Content" file - Sample name: tabexternal.htm
Code:
<img src="ajaxtabs/bird.jpg" style="float: left; margin: 0 10px 5px; border: 1px solid gray" />Birds are bipedal, warm-blooded, oviparous vertebrate animals characterized primarily by feathers, forelimbs modified as wings, and hollow bones.<br style="clear: left" />


Step 4. (optional) Create an Alternative Module Wrapper Template.
I chose to do this, because I didn't want to use the standard Module Wrapper that comes default with vBadvanced.
NOTE: Use the default wrapper if you choose not to create your own custom one. I named mine - adv_portal_alt_module_wrapper

Alternative Module Wrapper Template - Sample name: adv_portal_alt_module_wrapper
Code:
<div style="padding-bottom:$vba_style[portal_vspace]px"> <table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%"> <tbody id="collapseobj_module_$mods[collapse]" style="$modcollapse"> <if condition="$show['tablerow']"> <tr> <td class="$bgclass"> $modulehtml </td> </tr> <else /> $modulehtml </if> </tbody> </table></div>

Step 5. Create a new Template.
This template will be the one that you include with the module that you will create in Step 6. I've included the code for the template below, HOWEVER, there are some edits that you will need to make to the code based upon steps 1-3 above.

Custom Template Sample name: adv_portal_Tab_Block_Main
Code:
<tr><td><head><link rel="stylesheet" type="text/css" href="/forums/ajaxtabs/ajaxtabs.css" /><script type="text/javascript" src="/forums/ajaxtabs/ajaxtabs.js">/************** ********************************** Ajax Tabs Content script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code********************************************** */</script></head><body><ul id="maintab" class="shadetabs"><li class="selected"><a href="http://www.domain.com/forums/tabexternal.php " rel="ajaxcontentarea">Tab 1</a></li><li><a href="http://www.domain.com/forums/tabexternal2.ph p" rel="ajaxcontentarea">Tab 2</a></li><li><a href="http://www.domain.com/forums/tabexternal3.ph p" rel="ajaxcontentarea">Tab 3</a></li><li><a href="http://www.domain.com/forums/tabexternal4.ph p" rel="ajaxcontentarea">Tab 4</a></li></ul><div id="ajaxcontentarea" class="contentstyle"><p>Congrats, AJAX Tabbed Content is working on your site!</p></div><script type="text/javascript">//Start Ajax tabs script for UL with id="maintab" Separate multiple ids each with a comma.startajaxtabs("maintab")</script></body></td ></tr>
EDITS NEEDED TO THE ABOVE TEMPLATE:

EDIT 1 - Path location of the ajaxtabs.css file created in step 2. Simply edit this line in the template to the correct path.
Code:
<link rel="stylesheet" type="text/css" href="/forums/ajaxtabs/ajaxtabs.css" />
EDIT 2 - Path location of the ajaxtabs.js file in step 1. Simply edit this line in the template to the correct path where you uploaded the ahahLib.js file.
Code:
<script type="text/javascript" src="/forums/ajaxtabs/ajaxtabs.js">
EDIT 3 - Path location of the "Content" file(s) created in step 3. Simply edit the line(s) in the template to the correct path where you uploaded the PHP file(s).
Code:
<li><a href="http://www.domain.com/forums/tabexternal4.ph p" rel="ajaxcontentarea">Tab 4</a></li>

Step 6. Create a new CMPS TEMPLATE Module.
Name it what ever you like. Include the template that you created in Step 5 above. Make sure that you either use the Module Wrapper Template OR the Alternative Module Wrapper Template that you created in optional Step 4 above. Give permission(s) to the user groups that you want to be able to view this.

Step 7. Add the Module to a CMPS page.
Add the module created in Step 6 above to any CMPS page (make a test page if you want to)...

Step 8. Load the CMPS page that you added the module to.
If you performed the above steps correctly, the result will be a tabbed block module with 4 tabs named Tab 1, Tab 2, Tab 3, Tab 4. The content for Tab 1 will initially say "Congrats, AJAX Tabbed Content is working on your site!" as that will preload, Click on Tab 1 and it will retrieve via AJAX, the code created in the external file for tab 1. Click on the other tabs to retrieve the info created within those external files..


CUSTOMIZATION

Style: Modify CSS File in Step 2 to match the Style of your site.

Tab Names: Modify Template created in Step 5 to change the NAME of the tabs themselves - ie.. from Tab 1 to Announcements (see below)

Code:
<li><a href="http://www.domain.com/forums/tabexternal.php " rel="ajaxcontentarea">Announcements</a></li>

Content: Modify "Content" File(s) created in Step 3 to generate content. You can add static content or Dynamic Content. Below is a very very basic sample of what can be done.

Sample mix of static and dynamic content
PHP Code:
<?php

echo '<table cellspacing="2" cellpadding="0" width=100%><tr> <td class="alt2"><span class="smallfont">Welcome Back To YOURSITENAMEHERE&nbsp;<b>' . $vbulletin->userinfo['username'] . '!</b><br><br>Hope you are enjoying the off season so far.<br><br> The Draft, Mini Camps & Hall of Fame Weekend Events are complete, Train Camps are in full swing and Preseason Games have started to kick off!<br><br>
Im sure these next few weeks will be fun to follow and make the upcoming season even more exciting. <br><br>Good luck with your team&nbsp;<b>'
. $vbulletin->userinfo['username'] . '.</b></span></td></tr>';

?>

NOTE: You can get as creative as you want to with content (Both static and Dynamic). For example, I took code from the recentthreads.php file, modified it and included that as tabbed content to display recent threads within a tab on my site (as seen in the screen shots attached in Post 1 of this thread). (I've included samples with instructions of this within the zip file. Side Note: use/modify these samples at your own risk)


ADDING MORE TABS

To add more tabs, you will need to modify the template created in Step 5 and create a new "content" file for each new tab (as explained in Step 3).

Step 1. Add the following line of code to the Template that you created in Step 5 for each new Tab that you want to appear. Its a good idea when you add the lines that you keep them in order with the other lines currently in the file.

Code:
<li><a href="http://www.domain.com/forums/CONTENT FILE" rel="ajaxcontentarea">TAB NAME</a></li>
Example:
Code:
<li><a href="http://www.domain.com/forums/tabcontent5.php " rel="ajaxcontentarea">Sports News</a></li>
Step 2. Upload the newly created "Content" file (as explained in Step 3) to your FORUMS root.


If you want to read up on AJAX Tabs, check out the Ajax Tabs Content script over at Dynamic Drive (http://www.dynamicdrive.com/dynamici...tent/index. htm)

....thats it in a nutshell.... I do hope that I explained things well enough to at least get a head start on AJAX Tabbed Modules. Let me know if you have any problems or need further explanation on anything...

Thanks and enjoy Bobster
AJAX Tabs - Version 2.0

Note: Alternate Version 1.0 (still supported & available as a secondary option) is located here: http://www.vbadvanced.com/forum/showthread.php?t=2 3427

Note 2: Altho this "How To" is written for implementation within CMPS, this can be easily implemented within vB , ie on custom vB pages or within current vB pages.

Whats changed within this release?: This newer version (based on the AJAX Tabs script written by Dynamic Drive - http://www.dynamicdrive.com/dynamici...tent/index. htm) utilizes Ajax to display a selection of external content on your page inside a DIV and via CSS tabs. Below lists the features of this script that together make it highly adaptable in the real world:
  • Fetch and display an external page (from the same domain) inside a container when a tab is clicked on.
  • Add a "default" content inside the container to either be shown while no tabs are selected, or to be associated with a specific tab. The default content is added directly to your page and not fetched via Ajax, for sake of server efficiency.
  • For each tab, you can not only fetch an external page to be shown, but also load external .css and .js files associated with that page if desired.
  • Supports session only persistence, so the last tab user clicked on is remembered if he/she returns to the page within the same browser session.
  • Supports multiple Ajax Tabs Contents on the same page.
  • Fully unobtrusive, search engine friendly script. The tabs are simply list based links. For search engines or browsers with JavaScript disabled, the contents will just load as actual pages (instead of inline via Ajax).
As I mentioned in the previous release, I received many emails & PMs about how I implemented AJAX Tabbed Modules within vBadvance & vB, so instead of replying to each one seperately, I went ahead and wrote up this "how to". I hope that its easy to follow along, answers your questions and meets your needs. If you are reading this and wondering what a tabbed module is, check out the attached screen shots for a visual.

This is what I've done so far to implement AJAX Tabs functionality within vBadvance for my websites and others....

CMPS Version Note: Sample PHP "Content" Files are Coded for CMPS v3.0 RC1. Modifications can be made to the php files (Require Back-End) to work with CMPS v2.x

CMPS Module Type: TEMPLATE w/Alternative Module Wrapper Template
Templates: adv_portal_Tab_Block, adv_portal_alt_module_wrapper (optional)
Files: ajaxtabs.js, ajaxtabs.css, Sample Content Files, images(3)

Note: I've included sample files in the attached Zip File to use with the step by step how to.

Step 1. Upload the ajaxtabs directory (located in the attached Zip File) to the FORUMS Root.
This directory contains the ajaxtabs.js file & the ajaxtabs.css file
path example: /www/forums/ajaxtabs/ajaxtabs.js

Step 2. Modify CSS file.
Change paths to images to reflect your domain and forum root (2 lines)...

Note: Additional Modifications to this file can be made once you get the initial sample system up and running.

CSS file - Name: ajaxtabs.css
Code:
.shadetabs{padding: 3px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0;font: bold 12px Verdana;list-style-type: none;text-align: left; /*set to left, center, or right to align the menu as desired*/}.shadetabs li{display: inline;margin: 0;}.shadetabs li a{text-decoration: none;padding: 3px 7px;margin-right: 3px;border: 1px solid #778;color: #FFFFFF;background: #343958 url(http://www.domain.com/forums/ajaxtabs/shade.gif) top left repeat-x;}.shadetabs li a:visited{color: #FFFFFF;}.shadetabs li a:hover{text-decoration: underline;color: #FFFFFF;}.shadetabs li.selected{position: relative;top: 1px;}.shadetabs li.selected a{ /*selected main tab style */background-image: url(http://www.domain.com/forums/ajaxtab...-bottom-color: gray;}.shadetabs li.selected a:hover{ /*selected main tab style */text-decoration: none;}.contentstyle{border: 1px solid gray;width: 425px;margin-bottom: 0em; padding: 2px;background: white;}

Step 3. Create, Name and Upload Multiple "Content" files.
I've included working samples in the attached Zip File.
The location I chose for these was the FORUMS root.
path example: /www/forums
You can name these files anything you want. For example, I chose a naming convention - tabexternal.htm, tabexternal2.php, tabrecentnews.php, tabvbookie.php, ..etc etc

Note: Modifications to these files can be made once you get the initial system up and running.

Sample PHP "Content" file - Sample name: tabexternal.php
PHP Code:
<?php

// ####################### SET PHP ENVIRONMENT ###########################
error_reporting(E_ALL & ~E_NOTICE);

// #################### DEFINE IMPORTANT CONSTANTS #######################
define('NO_REGISTER_GLOBALS', 1);
define('THIS_SCRIPT', 'tabcontent'); // change this depending on your filename

// ################### PRE-CACHE TEMPLATES AND DATA ######################
// get special phrase groups
$phrasegroups = array(

);

// get special data templates from the datastore
$specialtemplates = array(

);

// pre-cache templates used by all actions
$globaltemplates = array(
'TAB',
);

// pre-cache templates used by specific actions
$actiontemplates = array(

);

// ######################### REQUIRE BACK-END ############################
require_once('./global.php');
require_once(
'./includes/vba_cmps_include_template.php');
require_once(
'./includes/vba_cmps_global.php');

// ################################################## #####################
// ######################## START MAIN SCRIPT ############################
// ################################################## #####################


?>

<?php

echo 'HELLO WORLD! Welcome to AJAX TABs ....';

?>

Sample HTM "Content" file - Sample name: tabexternal.htm
Code:
<img src="ajaxtabs/bird.jpg" style="float: left; margin: 0 10px 5px; border: 1px solid gray" />Birds are bipedal, warm-blooded, oviparous vertebrate animals characterized primarily by feathers, forelimbs modified as wings, and hollow bones.<br style="clear: left" />


Step 4. (optional) Create an Alternative Module Wrapper Template.
I chose to do this, because I didn't want to use the standard Module Wrapper that comes default with vBadvanced.
NOTE: Use the default wrapper if you choose not to create your own custom one. I named mine - adv_portal_alt_module_wrapper

Alternative Module Wrapper Template - Sample name: adv_portal_alt_module_wrapper
Code:
<div style="padding-bottom:$vba_style[portal_vspace]px"> <table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%"> <tbody id="collapseobj_module_$mods[collapse]" style="$modcollapse"> <if condition="$show['tablerow']"> <tr> <td class="$bgclass"> $modulehtml </td> </tr> <else /> $modulehtml </if> </tbody> </table></div>

Step 5. Create a new Template.
This template will be the one that you include with the module that you will create in Step 6. I've included the code for the template below, HOWEVER, there are some edits that you will need to make to the code based upon steps 1-3 above.

Custom Template Sample name: adv_portal_Tab_Block_Main
Code:
<tr><td><head><link rel="stylesheet" type="text/css" href="/forums/ajaxtabs/ajaxtabs.css" /><script type="text/javascript" src="/forums/ajaxtabs/ajaxtabs.js">/************** ********************************** Ajax Tabs Content script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code********************************************** */</script></head><body><ul id="maintab" class="shadetabs"><li class="selected"><a href="http://www.domain.com/forums/tabexternal.php " rel="ajaxcontentarea">Tab 1</a></li><li><a href="http://www.domain.com/forums/tabexternal2.ph p" rel="ajaxcontentarea">Tab 2</a></li><li><a href="http://www.domain.com/forums/tabexternal3.ph p" rel="ajaxcontentarea">Tab 3</a></li><li><a href="http://www.domain.com/forums/tabexternal4.ph p" rel="ajaxcontentarea">Tab 4</a></li></ul><div id="ajaxcontentarea" class="contentstyle"><p>Congrats, AJAX Tabbed Content is working on your site!</p></div><script type="text/javascript">//Start Ajax tabs script for UL with id="maintab" Separate multiple ids each with a comma.startajaxtabs("maintab")</script></body></td ></tr>
EDITS NEEDED TO THE ABOVE TEMPLATE:

EDIT 1 - Path location of the ajaxtabs.css file created in step 2. Simply edit this line in the template to the correct path.
Code:
<link rel="stylesheet" type="text/css" href="/forums/ajaxtabs/ajaxtabs.css" />
EDIT 2 - Path location of the ajaxtabs.js file in step 1. Simply edit this line in the template to the correct path where you uploaded the ahahLib.js file.
Code:
<script type="text/javascript" src="/forums/ajaxtabs/ajaxtabs.js">
EDIT 3 - Path location of the "Content" file(s) created in step 3. Simply edit the line(s) in the template to the correct path where you uploaded the PHP file(s).
Code:
<li><a href="http://www.domain.com/forums/tabexternal4.ph p" rel="ajaxcontentarea">Tab 4</a></li>

Step 6. Create a new CMPS TEMPLATE Module.
Name it what ever you like. Include the template that you created in Step 5 above. Make sure that you either use the Module Wrapper Template OR the Alternative Module Wrapper Template that you created in optional Step 4 above. Give permission(s) to the user groups that you want to be able to view this.

Step 7. Add the Module to a CMPS page.
Add the module created in Step 6 above to any CMPS page (make a test page if you want to)...

Step 8. Load the CMPS page that you added the module to.
If you performed the above steps correctly, the result will be a tabbed block module with 4 tabs named Tab 1, Tab 2, Tab 3, Tab 4. The content for Tab 1 will initially say "Congrats, AJAX Tabbed Content is working on your site!" as that will preload, Click on Tab 1 and it will retrieve via AJAX, the code created in the external file for tab 1. Click on the other tabs to retrieve the info created within those external files..


CUSTOMIZATION

Style: Modify CSS File in Step 2 to match the Style of your site.

Tab Names: Modify Template created in Step 5 to change the NAME of the tabs themselves - ie.. from Tab 1 to Announcements (see below)

Code:
<li><a href="http://www.domain.com/forums/tabexternal.php " rel="ajaxcontentarea">Announcements</a></li>

Content: Modify "Content" File(s) created in Step 3 to generate content. You can add static content or Dynamic Content. Below is a very very basic sample of what can be done.

Sample mix of static and dynamic content
PHP Code:
<?php

echo '<table cellspacing="2" cellpadding="0" width=100%><tr> <td class="alt2"><span class="smallfont">Welcome Back To YOURSITENAMEHERE&nbsp;<b>' . $vbulletin->userinfo['username'] . '!</b><br><br>Hope you are enjoying the off season so far.<br><br> The Draft, Mini Camps & Hall of Fame Weekend Events are complete, Train Camps are in full swing and Preseason Games have started to kick off!<br><br>
Im sure these next few weeks will be fun to follow and make the upcoming season even more exciting. <br><br>Good luck with your team&nbsp;<b>'
. $vbulletin->userinfo['username'] . '.</b></span></td></tr>';

?>

NOTE: You can get as creative as you want to with content (Both static and Dynamic). For example, I took code from the recentthreads.php file, modified it and included that as tabbed content to display recent threads within a tab on my site (as seen in the screen shots attached in Post 1 of this thread). (I've included samples with instructions of this within the zip file. Side Note: use/modify these samples at your own risk)


ADDING MORE TABS

To add more tabs, you will need to modify the template created in Step 5 and create a new "content" file for each new tab (as explained in Step 3).

Step 1. Add the following line of code to the Template that you created in Step 5 for each new Tab that you want to appear. Its a good idea when you add the lines that you keep them in order with the other lines currently in the file.

Code:
<li><a href="http://www.domain.com/forums/CONTENT FILE" rel="ajaxcontentarea">TAB NAME</a></li>
Example:
Code:
<li><a href="http://www.domain.com/forums/tabcontent5.php " rel="ajaxcontentarea">Sports News</a></li>
Step 2. Upload the newly created "Content" file (as explained in Step 3) to your FORUMS root.


If you want to read up on AJAX Tabs, check out the Ajax Tabs Content script over at Dynamic Drive (http://www.dynamicdrive.com/dynamici...tent/index. htm)

....thats it in a nutshell.... I do hope that I explained things well enough to at least get a head start on AJAX Tabbed Modules. Let me know if you have any problems or need further explanation on anything...

Thanks and enjoy Bobster








 



خيارات الموضوع
طريقة العرض

قوانين المشاركة
لا يمكنك إضافة موضوع جديد
لا يمكنك الرد على المواضيع
لا يمكنك إضافة مرفقات
لا يمكنك تعديل مشاركاتك

كود vB متاح
كود [IMG] متاح
كود HTML مغلق
إنتقل إلى

مواضيع مشابهة
الموضوع الكاتب القسم مشاركة آخر مشاركة
تركيب اسكربت nuke + الهاكات + البرماج + حماية +منتدى + الهاكات =50 ريال بـ الافتتاح dall3 عروض البرمجة والتصميم والتطوير 3 30-08-2008 07:42 PM
مشكلة تواجهني عندما اريد تنصيب الفي بي أدفانسد بورتال الإصدار الثاني العرب لخدمات الويب قسم المنتديات 1 30-04-2007 08:42 PM
في بي أدفانسد بورتال ـ الإصدار الثاني ... نقلة نوعية وصفحة مميزة لمنتداك myalroo7 قسم المنتديات 0 01-09-2006 11:32 AM
تركيب مجلة :: في بي أدفانسد بورتال ـ الإصدار الثاني :: مجاناً سيف الود قسم المنتديات 7 09-04-2006 11:15 PM
نسخة الغربية سوفت 3.0.8 "النسخة الذهبية "+30 هاك + في بي أدفانسد منزوعة كود التبليغ A L G A R B I A تطويرالمواقع 19 13-09-2005 07:03 PM


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 12:21 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


 
 »  خدمات البرمجة   »  رئيسية الدليل
  »  خدمات التصميم   »  الأمن والحماية
  »  الدعاية والتسويق
  »  الدعم والتطوير
  »  الشركات الرسمية
  »  حجز دومينات
  »  خدمات الإستضافة
 
 
  »  مكتبة الإستايلات   »  رئيسية المكتبة
  »  أكواد برمجية   »  أدوات الويب ماسترز
  »  مكتبة الهاكات   »  أدوات المصممين
  »  سكربتات متنوعة
  »  مجلات إلكترونية
  »  بلوكات متنوعة
  »  ثيمات مختلفة
 
 

صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي
والحوارات الصحفية ومعلومات تقنية متنوعة .

   
 
 

للتواصل مع فريق عمل الويب العربي
يمكنك ذالك من خلال مركز الدعم والمساندة.

 الدعم الفني |  اعتماد العضويات |  قوانين الإنتساب |  إتفاقية الإستخدام |  أهداف الويب العربي |  دليل الشركات |  مكتبة الويب |  صحيفة الويب العربي |  الرئيسية