- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .
استفسار لتعديل البوابة
-
-
استفسار لتعديل البوابة01-07-2015 06:08 صباحاً [13]
-
Mr Kingمعلومات الكاتبالأعضاءعضو سوبر ستار
- انضم في :
- 27-11-2012
- رقم العضوية :
- 2642
- المشاركات :
- 3240
- الدولة :
- morocco
- الجنس:
- تاريخ الميلاد :
- 1-1-1987
- الدعوات:
- 6
- قوة السمعة:
- 18910
-
تمّ إعادة فتح الموضوع ودمج الموضوع الجديد معه نظراً لأنّ التعديلات ستكون على نفس القوالب
ستقوم بحذف جميع الشروط مثل
CODE</b> {if {$_CONF['info_row']['style_block_latest_news']} =='1'} <b>
وستعمل id ل div الخاص بكلّ طريقة، وid ل div الخاص بكلّ زرّ
ثمّ ستقوم بإخفاء جميع طرق العرض باستثناء الطريقة التي تريد أن تكون الافتراضية (ستعتمد على الجافاسكربت)
كما يُفضل أن يتمّ عمل كوكيز خاص بطريقة العرض يتمّ الاحتفاظ به في متصفح العضو أو الزائر لكي لايضطرّ إلى تغيير طريقة العرض في كلّ مرّة يقوم فيها بتحديث الصفحه
(للأسف ما زلت لم أتعلم طريقة عمل الكاش و الكوكيز وليس لديّ الوقت الكافي لتعلمها)-
تم تحرير المشاركة بواسطة :Mr King بتاريخ:01-07-2015 07:22 صباحاً
-
-
استفسار لتعديل البوابة01-07-2015 05:24 مساءً [14]
-
commando014معلومات الكاتبالأعضاءعضـو مشارك
- انضم في :
- 13-04-2015
- رقم العضوية :
- 6006
- المشاركات :
- 23
- الجنس:
- تاريخ الميلاد :
- 6-8-1992
- قوة السمعة:
- 0
- موقعي:
- زيارة موقعي
-
لو مسحت الكود ده {if {$_CONF['info_row']['style_block_latest_news']} =='1'}
مش حيقدر الادمين يختار طريقة من الـCP و حتبقى بس يختار من الصفحة و انا كنت عايز الطريقتين يشتغلوا و كمان كنت عايز يبقى فى امكانية فى لوحة التحكم انك تلغى خاصية اختيار العضو لطريقة العرض بحيث ان صاحب الموقع عايز طريقة عرض معينة متتغيرش يختارها من الـCP و يوقف خاصية اختيار العضو فانا ممكن اعملها زى ما انت قولت جافا سكريبت عادى و كمان كنت جربتها اكتر من مرة بس كنت بفشل عشان مكنتش عارف ان لازم امسح الكود ده :D {if {$_CONF['info_row']['style_block_latest_news']} =='1'} المهم انا حاليا عرفت انى لازم امسحه بس انا مش عايز امسحه عشان اللى انا شرحته فوق فهل فيه حل
اما عارف انى ازعجتكوا كتير و اسف على الاطالة
-
-
استفسار لتعديل البوابة02-07-2015 06:50 صباحاً [15]
-
Mr Kingمعلومات الكاتبالأعضاءعضو سوبر ستار
- انضم في :
- 27-11-2012
- رقم العضوية :
- 2642
- المشاركات :
- 3240
- الدولة :
- morocco
- الجنس:
- تاريخ الميلاد :
- 1-1-1987
- الدعوات:
- 6
- قوة السمعة:
- 18910
-
على هذا الأساس يجب إضافة select لكلّ شرط في الفورم الموجود في الملف portal_main.tpl
وكذلك ستضيف حقل جديد لكل شرط في الجدول info في قاعدة البيانات لكي تستطيع اختيار الطّرُق التي ستظهر للأعضاء وكذلك لكي تستطيع إخفاء محتوى الشروط التي لم يتمّ اختيارها لكي لا تظهر للأعضاء
(سيتوجب عمل هاك ، راجع هذا الموضوع برمجة هاك وتركيبه عن طريق الأضافات البرمجية )
وفي القالب portal_last_news ستقوم باخفاء طرق العرض باستخدام الجافاسكربت ، مع إضافة الشروط الجديدة وكذلك الإبقاء على الشرط
CODE{if {$_CONF['info_row']['style_block_latest_news']} =='1'}
--------------
أولاّ يجب إضافة حقول الشروط في قاعدة البيانات وبعد ذلك يجب تعديل الفورم في الملف portal_main.tpl ليتمّ إضافة تلك الشروط إليه
الشرط الأول موجود في قاعدة البيانات (لن نقوم بالتعديل عليه)
CODE{if {$_CONF['info_row']['style_block_latest_news']} =='1'}
الشرط الثاني سيكون مثلا هو
CODE{if {$_CONF['info_row']['style_block_latest_news_b']} =='1'}
الشرط الثالث سيكون مثلا هو
CODE{if {$_CONF['info_row']['style_block_latest_news_c']} =='1'}
ستقوم بإضافة حقل الشرط الثاني بهذا الشكل في ملف الهاك (ونفس الطريقة لإنشاء حقول الشروط الأخرى فقط قم بتغيير style_block_latest_news_b)
CODE<installcode><![CDATA[$PowerBB->DB->sql_query("ALTER TABLE " . $PowerBB->table['info'] . " ADD `style_block_latest_news_b` VARCHAR( 250 ) NULL DEFAULT NULL");]]></installcode>-
تم تحرير المشاركة بواسطة :Mr King بتاريخ:02-07-2015 07:07 صباحاً
-
-
استفسار لتعديل البوابة12-07-2015 04:38 مساءً [16]
-
commando014معلومات الكاتبالأعضاءعضـو مشارك
- انضم في :
- 13-04-2015
- رقم العضوية :
- 6006
- المشاركات :
- 23
- الجنس:
- تاريخ الميلاد :
- 6-8-1992
- قوة السمعة:
- 0
- موقعي:
- زيارة موقعي
-
السلام عليكم و رحمة الله و بركاته
اعاد الله عليكم هذه الايام بالخير و اليمن و البركات
انا قررت اخلى امكانية اختيار طريقة عرض المواضيع من الموقع اثناء التصفح للسماح للاعضاء انهم يختاروا الطريقة اللى يفضلوها مع امكانية وضع طريقة عرض افتراضية و كوكيز لحفظ الطريقة اللى تم اختيارها المهم كل ده عملتة بجافا سكريبت المشكلة انه مشتغلش :]
هى دى الاكواد اللى استخدمتها عشان تقولولى المشكلة فين
كود طريقة عرض اخر الاخبار
CODE<div class="view-cnt"> <div> <div id="list" class="list"></div></div> <div> <div id="grid" class="grid"></div></div> <div> </div></div> <div> <div class="clear"></div></div> <div> </div> <div> </div> <div> <div width="100%" class="show-way pody-cont-list" cellpadding="0" style="border-collapse: collapse"></div> <div> <ul></div> <div> {Des::while}{LastNews_subjectList}</div> <div> <?php</div> <div> $writer= $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['writer'];</div> <div> $Info_writer = $PowerBB->DB->sql_query("SELECT * FROM " . $PowerBB->table['member'] . " WHERE username = '$writer'");</div> <div> $InfoWriter = @mysql_fetch_array($Info_writer);</div> <div> $avater_path = $InfoWriter['avater_path'];</div> <div> ?></div> <div> </div> <div> <li class="thead"></div> <div> <?php $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title'] = $PowerBB->Powerparse->censor_words($PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title']);?></div> <div> <span class="l-left"></div> <div> <font class="smallfont"></div> <div> {$lang['SubjectVisitor']}:</div> <div> ({$LastNews_subjectList['visitor']})</div> <div> {$lang['Comments']}:</div> <div> ({$LastNews_subjectList['reply_number']})</div> <div> </font></div> <div> </span></div> <div> <span class="r-right"></div> <div> <img border="0" alt="{$LastNews_subjectList['title']}" src="{$LastNews_subjectList['icon']}"></div> <div> <a href="index.php?page=topic&show=1&id={$LastNews_subjectList['id']}">{$LastNews_subjectList['title']}</a></div> <div> </span></div> <div> </li></div> <div> </div> <div> </div> <div> <li class="blocks_info"></div> <div> <span class="l-left"></div> <div> <font class="smallfont"></div> <div> {$LastNews_subjectList['write_date']}</div> <div> </font></div> <div> </span></div> <div> <span class="r-right"></div> <div> <img border="0" src="look/portal/images/news_icon.gif" alt="Writer"></div> <div> {$lang['LastsPostsWriter']}</div> <div> <a href="index.php?page=profile&show=1&id=<?php echo $InfoWriter['id']; ?>">{$LastNews_subjectList['writer']}</a></div> <div> </span></div> <div> </div> <div> </li></div> <div> </div> <div> <li class="blocks_info" valign="top"></div> <div> <span class="l-left UserPhoto"></div> <div> <?php if ($avater_path){ ?></div> <div> <a href='<?php echo $avater_path; ?>' rel="facebox"></div> <div> <img src='<?php echo $avater_path; ?>' alt="Photo" onload="ResizeAv(this)" /></div> <div> </a></div> <div> <?php if ($avater_path ==''){ ?></div> <div> <a href="{$image_path}/</div> <div> {$_CONF['info_row']['default_avatar']}" rel="facebox"></div> <div> <img src="{$image_path}/</div> <div> {$_CONF['info_row']['default_avatar']}" border="0" alt="Photo" onload="ResizeAv(this)" /></div> <div> </a></div> <div> {/if}</div> <div> </div> <div> {else}</div> <div> <a href="{$image_path}/</div> <div> {$_CONF['info_row']['default_avatar']}" rel="facebox"></div> <div> <img src="{$image_path}/</div> <div> {$_CONF['info_row']['default_avatar']}" border="0" onload="ResizeAv(this)" /></div> <div> </a></div> <div> {/if}</div> <div> </span></div> <div> </div> <div> <?php</div> <div> $num =$PowerBB->_CONF['template']['_CONF']['info_row']['portal_news_along'];</div> <div> $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'] = $PowerBB->Powerparse->replace($PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text']);</div> <div> $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'] = strip_tags($PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text']);</div> <div> $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'] = str_replace('<br>',"</div> <div> </div> <div> ",$PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text']);</div> <div> $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'] = str_replace('',"</div> <div> </div> <div> ",$PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text']);</div> <div> $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'] = $PowerBB->Powerparse->censor_words($PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text']);</div> <div> $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'] = $PowerBB->functions->words_count($PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'],$num);</div> <div> </div> <div> ?></div> <div> {$LastNews_subjectList['text']} ...</div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> <span class="r-right"><a href="index.php?page=topic&show=1&id={$LastNews_subjectList['id']}"><img border="0" src="look/portal/images/read_more_button.png" alt="readmore"></a></span></div> <div> </div> <div> </li></div> <div> </div> <div> <li class="smbox"></li></div> <div> {/Des::while}</div> <div> </ul></div> <div> {if {$PagerLastNews}}</div> <div> <ul></div> <div> <li class="blocks_info"></div> <div> </div> <div> <span class="r-right"></div> <div> {$PagerLastNews}</div> <div> </span></div> <div> </li></div> <div> </ul></div> <div> {/if}</div> <div> </div> <div> </div></div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> <?php $t= 0;?></div> <div> </div> <div> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" align="center"><tr></div> <div> </div> <div> {Des::while}{LastNews_subjectList}</div> <div> <?php</div> <div> if ($PowerBB->_CONF['info_row']['portal_columns'] == '1' )</div> <div> {</div> <div> $columns_News = "3";</div> <div> }</div> <div> else</div> <div> {</div> <div> $columns_News = "2";</div> <div> }</div> <div> if($t== $columns_News){</div> <div> $t=0;</div> <div> echo "</tr><tr>";</div> <div> }?></div> <div> <td valign="top"></div> <div> <div border="1" width="100" class="show-way pody-cont-grid" cellpadding="0" style="border-collapse: collapse" align="center"></div> <div> </div> <div> <ul></div> <div> </div> <div> <li class="LastNews-tabclear" valign="top"></div> <div> </div> <div> <?php</div> <div> $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title'] = $PowerBB->Powerparse->censor_words($PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title']);</div> <div> $title = $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title'];</div> <div> $num = "20";</div> <div> $title = $PowerBB->functions->words_count($title,$num);?></div> <div> <a href="index.php?page=topic&show=1&id={$LastNews_subjectList['id']}" title="<?php echo $title;?>"><?php echo $title;?></a></div> <div> </li></div> <div> <li class="rowthumb" valign="top"></div> <div> </div> <div> <a href="index.php?page=topic&show=1&id={$LastNews_subjectList['id']}" title="<?php echo $title;?>"></div> <div> <?php</div> <div> $x = 1;</div> <div> </div> <div> $images = array();</div> <div> $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'] = stripslashes($PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text']);</div> <div> preg_match_all('/src=([\'"])?((?(1).*?|\S+))(?(1)\1)/', $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'], $images);</div> <div> foreach ($images[2] as $src)</div> <div> {</div> <div> if($src)</div> <div> {</div> <div> echo '<img border="0" width="200" height="200" src="'.$src.'" alt="'.$PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title'].'">';</div> <div> }</div> <div> </div> <div> break;</div> <div> }</div> <div> if(!preg_match_all('/src=([\'"])?((?(1).*?|\S+))(?(1)\1)/', $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'], $images))</div> <div> {</div> <div> echo '<img border="0" width="200" height="200" src="look/portal/images/traffic_cone.png" alt="'.$PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title'].'">';</div> <div> }</div> <div> </div> <div> ?></div> <div> </a></div> <div> </li></div> <div> <li class="row1" valign="top"></div> <div> <?php</div> <div> $num = $PowerBB->_CONF['template']['_CONF']['info_row']['portal_news_along'];</div> <div> $text = $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'];</div> <div> $text = $PowerBB->functions->words_count_replace_strip_tags_html2bb($text,$num);</div> <div> $text = $PowerBB->Powerparse->html2bb($text);</div> <div> ?></div> <div> <textarea dir="{$_CONF['info_row']['content_dir']}" class="r-right" readonly="readonly"><?php echo $text; ?></textarea></div> <div> </li></div> <div> <li class="theadv" valign="top"></div> <div> <a href="index.php?page=topic&show=1&id={$LastNews_subjectList['id']}" title="Read More"></div> <div> <div id="read_more_button"></div> <div> {$lang['SubjectVisitor']}:</div> <div> ({$LastNews_subjectList['visitor']})</div> <div> {$lang['usercp_reputations']}:</div> <div> ({$LastNews_subjectList['rating']})</div> <div> </div></div> <div> </a></div> <div> </li></div> <div> </div> </div> <div> </td></div> <div> <?php $t= $t+1;?></div> <div> {/Des::while}</div> <div> </tr></div> <div> </table></div> <div> </div> <div> {if {$PagerLastNews}}</div> <div> <table border="1" width="100%" cellpadding="0" style="border-collapse: collapse"><tr></div> <div> <tr></div> <div> <td class="row3"></div> <div> <span class="r-right"></div> <div> {$PagerLastNews}</div> <div> </span></div> <div> </td></div> <div> </tr></div> <div> </table></div> <div> {/if}</div> <div> </div>
كود ال java
CODE<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div> <script type="text/javascript" src="includes/js/jquery.cookie.js"></script></div> <div> </div> <div> </div> <div> <script></div> <div> $(function(){</div> <div> var default_view = 'list'; // choose the view to show by default (grid/list)</div> <div> </div> <div> // check the presence of the cookie, if not create "view" cookie with the default view value</div> <div> if($.cookie('view') !== 'undefined'){</div> <div> $.cookie('view', default_view, { expires: 7, path: '/' });</div> <div> } </div> <div> function get_list(){</div> <div> $('.grid').removeClass('grid-active');</div> <div> $('.list').addClass('list-active');</div> <div> $('.show-way').animate({opacity:0},function(){</div> <div> $('.show-way').removeClass('pody-cont-grid');</div> <div> $('.show-way').addClass('pody-cont-list');</div> <div> $('.show-way').stop().animate({opacity:1});</div> <div> });</div> <div> } // end "get_list" function</div> <div> </div> <div> function get_grid(){</div> <div> $('.list').removeClass('list-active');</div> <div> $('.grid').addClass('grid-active');</div> <div> $('.show-way').animate({opacity:0},function(){</div> <div> $('.show-way').removeClass('pody-cont-list');</div> <div> $('.show-way').addClass('pody-cont-grid');</div> <div> $('.show-way').stop().animate({opacity:1});</div> <div> });</div> <div> } // end "get_grid" function</div> <div> </div> <div> </div> <div> if($.cookie('view') == 'list'){ </div> <div> // we dont use the "get_list" function here to avoid the animation</div> <div> $('.grid').removeClass('grid-active');</div> <div> $('.list').addClass('list-active');</div> <div> $('.show-way').animate({opacity:0});</div> <div> $('.show-way').removeClass('pody-cont-grid');</div> <div> $('.show-way').addClass('pody-cont-list');</div> <div> $('.show-way').stop().animate({opacity:1});</div> <div> } </div> <div> </div> <div> if($.cookie('view') == 'grid'){ </div> <div> $('.list').removeClass('list-active');</div> <div> $('.grid').addClass('grid-active');</div> <div> $('.prod-cnt').animate({opacity:0});</div> <div> $('.show-way').removeClass('pody-cont-list');</div> <div> $('.show-way').addClass('pody-cont-grid');</div> <div> $('.show-way').stop().animate({opacity:1});</div> <div> }</div> <div> </div> <div> </div> <div> </div> <div> $('#list').click(function(){ </div> <div> $.cookie('view', 'list'); </div> <div> get_list()</div> <div> });</div> <div> </div> <div> $('#grid').click(function(){ </div> <div> $.cookie('view', 'grid'); </div> <div> get_grid();</div> <div> });</div> <div> </div> <div> });</div> </script>
اكواد ال CSS
CODE/* portal-last-news-css */ <div> </div> <div> /* الافتراضى */</div> <div> </div> <div> </div> <div> .pody-cont-list{</div> <div> </div> <div> background-color: #ffffff;</div> <div> </div> <div> }</div> <div> </div> <div> </div> <div> .pody-cont-list .thead{</div> <div> background-color: #D4E9EC;</div> <div> background-image:url('images/gradient_thead.gif');</div> <div> background-repeat: repeat-x;</div> <div> color:#4C2E2E;</div> <div> font: normal 8pt Tahoma;</div> <div> text-align:center;</div> <div> display: inline-block;</div> <div> padding: 6px;</div> <div> font-weight: bold;</div> <div> width: 99%;</div> <div> }</div> <div> </div> <div> .pody-cont-list .blocks_info{</div> <div> background-color: #FFFFFF;</div> <div> background-image:url('images/row-td.gif');</div> <div> background-repeat: repeat-x;</div> <div> background-position:bottom;</div> <div> background-repeat: repeat-x;</div> <div> color:#694040;</div> <div> border:2px solid #FFFFFF;</div> <div> padding:5px;</div> <div> display: inline-block;</div> <div> width: 99%;</div> <div> text-align: center;</div> <div> }</div> <div> </div> <div> </div> <div> </div> <div> </div> <div> /*----------------------------------------------------------------*/</div> <div> /*----------------------------------------------------------------*/</div> <div> /*----------------------------------------------------------------*/</div> <div> </div> <div> </div> <div> /* portal-last-news-css */</div> <div> </div> <div> /* متطور */</div> <div> </div> <div> </div> <div> .pody-cont-grid {</div> <div> background-color: #ECE0E0;</div> <div> padding: 0;</div> <div> width: 212px;</div> <div> border: 1px solid;</div> <div> margin-left: auto;</div> <div> margin-right: auto;</div> <div> }</div> <div> </div> <div> </div> <div> .pody-cont-grid .LastNews-tabclear {</div> <div> background-color: #4F3030;</div> <div> background-image: url('images/bar_bg.gif');</div> <div> color: #FFFFFF;</div> <div> font-family: Arial, Times New Roman;</div> <div> font-weight: bold;</div> <div> font-size: 15px;</div> <div> margin: 0;</div> <div> padding-top: 8px;</div> <div> padding-bottom: 8px;</div> <div> text-align: center;</div> <div> display: inline-block;</div> <div> width: 100%;</div> <div> margin-left: auto;</div> <div> margin-right: auto;</div> <div> }</div> <div> </div> <div> .pody-cont-grid .rowthumb {</div> <div> background-color: #F6F1F1;</div> <div> background-image: url('images/loading.gif');</div> <div> background-repeat: no-repeat;</div> <div> background-position: center;</div> <div> width: 200px;</div> <div> height: 200px;</div> <div> text-align: center;</div> <div> display: inline-block;</div> <div> width: 99%;</div> <div> margin-left: auto;</div> <div> margin-right: auto;</div> <div> }</div> <div> </div> <div> .pody-cont-grid .row1 {</div> <div> background-color: #F9F6F6;</div> <div> border: 0px solid #FFFFFF;</div> <div> font-family: Arial, Times New Roman;</div> <div> font-size: 15px;</div> <div> font-weight: bold;</div> <div> padding: 10px;</div> <div> display: flex;</div> <div> width: 90%;</div> <div> margin-left: auto;</div> <div> margin-right: auto;</div> <div> }</div> <div> </div> <div> .pody-cont-grid .theadv {</div> <div> background-color: #D4E9EC;</div> <div> background-image: url('images/gradient_thead.gif');</div> <div> background-repeat: repeat-x;</div> <div> color: #694040;</div> <div> font: normal 11px tahoma;</div> <div> text-align: right;</div> <div> padding-top: 11px;</div> <div> padding-right: 3px;</div> <div> padding-bottom: 11px;</div> <div> font-weight: bold;</div> <div> display: inline-block;</div> <div> width: 98%;</div> <div> }</div> <div> </div> <div> </div> <div> </div> <div> </div> <div> /* جافا */</div> <div> </div> <div> </div> <div> .list, .grid{</div> <div> border-radius: 3px;</div> <div> width: 15px; </div> <div> height:15px; </div> <div> margin-left: 10px; </div> <div> float: left; </div> <div> cursor: pointer; </div> <div> padding: 5px; </div> <div> }</div> <div> </div> <div> </div> <div> .view-cnt{ width:175px; height: 25px; float: right; margin-right: 15px;}</div> <div> </div> <div> .list{background: url(https://pbboard.info/forums/look/portal/images/list.png) 50% no-repeat;}</div> <div> .list:hover{background: #7eb800 url(https://pbboard.info/forums/look/portal/images/listw.png) 50% no-repeat;}</div> <div> .list-active{background: #039fd3 url(https://pbboard.info/forums/look/portal/images/listw.png) 50% no-repeat;}</div> <div> </div> <div> .grid{background: url(https://pbboard.info/forums/look/portal/images/grid.png) 50% no-repeat;}</div> <div> .grid:hover{background: #7eb800 url(https://pbboard.info/forums/look/portal/images/gridw.png) 50% no-repeat;}</div> <div> .grid-active{ background: #039fd3 url(https://pbboard.info/forums/look/portal/images/gridw.png) 50% no-repeat; }</div> <div> </div>
ملحوظة اخيرة دى الاكواد المستخدمة لطريقتى عرض فقط لكن انا فى الكود النهائى مستخدمهم على 7 و النتيجة كل حاجة موجودة تمام لكن كود الجافا مش شغال مش بيمسح طرق العر و يترك الطريقة اللتى تم اختيارها

اه و فيه مشكلة تانية الكود مبقاش يجيب اول صورة من الموضوع بقى يحط صورة traffice cone
ارجو انى الاقى حل
-
تم تحرير المشاركة بواسطة :Mr King بتاريخ:14-07-2015 06:55 صباحاً
-
-
استفسار لتعديل البوابة14-07-2015 09:20 صباحاً [17]
-
Mr Kingمعلومات الكاتبالأعضاءعضو سوبر ستار
- انضم في :
- 27-11-2012
- رقم العضوية :
- 2642
- المشاركات :
- 3240
- الدولة :
- morocco
- الجنس:
- تاريخ الميلاد :
- 1-1-1987
- الدعوات:
- 6
- قوة السمعة:
- 18910
-
هذا هو التعديل الصحيح لمحتوى القالب
CODE<div class="view-cnt"> <div id="list" class="list"></div> <div id="grid" class="grid"></div> </div> <div class="clear"></div> <div class="show-way pody-cont-list" align="center"> <ul> {Des::while}{LastNews_subjectList} <?php $writer= $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['writer']; $Info_writer = $PowerBB->DB->sql_query("SELECT * FROM " . $PowerBB->table['member'] . " WHERE username = '$writer'"); $InfoWriter = @mysql_fetch_array($Info_writer); $avater_path = $InfoWriter['avater_path']; ?> <li class="thead"> <?php $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title'] = $PowerBB->Powerparse->censor_words($PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title']);?> <span class="l-left"> <font class="smallfont"> {$lang['SubjectVisitor']}: ({$LastNews_subjectList['visitor']}) {$lang['Comments']}: ({$LastNews_subjectList['reply_number']}) </font> </span> <span class="r-right"> <img border="0" alt="{$LastNews_subjectList['title']}" src="{$LastNews_subjectList['icon']}" /> <a href="index.php?page=topic&show=1&id={$LastNews_subjectList['id']}"> {$LastNews_subjectList['title']} </a> </span> </li> <li class="blocks_info"> <span class="l-left"> <font class="smallfont"> {$LastNews_subjectList['write_date']} </font> </span> <span class="r-right"> <img border="0" src="look/portal/images/news_icon.gif" alt="Writer" /> {$lang['LastsPostsWriter']} <a href="index.php?page=profile&show=1&id=<?php echo $InfoWriter['id']; ?>"> {$LastNews_subjectList['writer']} </a> </span> </li> <li class="blocks_info" valign="top"> <span class="l-left UserPhoto"> <?php if ($avater_path){ ?> <a href='<?php echo $avater_path; ?>' rel="facebox"> <img src='<?php echo $avater_path; ?>' alt="Photo" onload="ResizeAv(this)" /> </a> <?php if ($avater_path ==''){ ?> <a href="{$image_path}/ {$_CONF['info_row']['default_avatar']}" rel="facebox"> <img src="{$image_path}/ {$_CONF['info_row']['default_avatar']}" border="0" alt="Photo" onload="ResizeAv(this)" /> </a> {/if} {else} <a href="{$image_path}/ {$_CONF['info_row']['default_avatar']}" rel="facebox"> <img src="{$image_path}/ {$_CONF['info_row']['default_avatar']}" border="0" onload="ResizeAv(this)" /> </a> {/if} </span> <?php $num = $PowerBB->_CONF['template']['_CONF']['info_row']['portal_news_along']; $text1 = $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text']; $text1 = strip_tags($text1); $text1 = str_replace('<br>',"",$text1); $text1 = str_replace('',"",$text1); $text1 = $PowerBB->Powerparse->censor_words($text1); $text1 = $PowerBB->functions->words_count($text1,$num); echo $text1; ?> ... <span class="r-right"> <a href="index.php?page=topic&show=1&id={$LastNews_subjectList['id']}"> <img border="0" src="look/portal/images/read_more_button.png" alt="readmore"> </a> </span> </li> <li class="smbox"> </li> {/Des::while} </ul> {if {$PagerLastNews}} <ul> <li class="blocks_info"> <span class="r-right"> {$PagerLastNews} </span> </li> </ul> {/if} </div> <?php $t= 0;?> <div class="show-way pody-cont-grid" align="center"> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" align="center"><tr> {Des::while}{LastNews_subjectList} <?php if ($PowerBB->_CONF['info_row']['portal_columns'] == '1' ) { $columns_News = "3"; } else { $columns_News = "2"; } if($t== $columns_News){ $t=0; echo "</tr><tr>"; } ?> <td valign="top"> <ul> <li class="LastNews-tabclear" valign="top"> <?php $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title'] = $PowerBB->Powerparse->censor_words($PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title']); $title = $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title']; $num = "20"; $title = $PowerBB->functions->words_count($title,$num); ?> <a href="index.php?page=topic&show=1&id={$LastNews_subjectList['id']}" title="<?php echo $title;?>"> <?php echo $title; ?> </a> </li> <li class="rowthumb" valign="top"> <a href="index.php?page=topic&show=1&id={$LastNews_subjectList['id']}" title="<?php echo $title;?>"> <?php $x = 1; $images = array(); $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'] = stripslashes($PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text']); preg_match_all('/src=([\'"])?((?(1).*?|\S+))(?(1)\1)/', $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'], $images); foreach ($images[2] as $src) { if($src) { echo '<img border="0" width="200" height="200" src="'.$src.'" alt="'.$PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title'].'">'; } break; } if(!preg_match_all('/src=([\'"])?((?(1).*?|\S+))(?(1)\1)/', $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text'], $images)) { echo '<img border="0" width="200" height="200" src="look/portal/images/traffic_cone.png" alt="'.$PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['title'].'">'; } ?> </a> </li> <li class="row1" valign="top"> <?php $num = $PowerBB->_CONF['template']['_CONF']['info_row']['portal_news_along']; $text = $PowerBB->_CONF['template']['while']['LastNews_subjectList'][$this->x_loop]['text']; $text = $PowerBB->functions->words_count_replace_strip_tags_html2bb($text,$num); $text = $PowerBB->Powerparse->html2bb($text); ?> <textarea dir="{$_CONF['info_row']['content_dir']}" class="r-right" readonly="readonly"><?php echo $text; ?></textarea> </li> <li class="theadv" valign="top"> <a href="index.php?page=topic&show=1&id={$LastNews_subjectList['id']}" title="Read More"> <div id="read_more_button"> {$lang['SubjectVisitor']}: ({$LastNews_subjectList['visitor']}) {$lang['usercp_reputations']}: ({$LastNews_subjectList['rating']}) </div> </a> </li> </ul> </td> <?php $t= $t+1;?> {/Des::while} </tr> </table> {if {$PagerLastNews}} <table border="1" width="100%" cellpadding="0" style="border-collapse: collapse"><tr> <tr> <td class="row3"> <span class="r-right"> {$PagerLastNews} </span> </td> </tr> </table> {/if} </div> <div class="show-way pody-cont-example3" align="center"> </div> <div class="show-way pody-cont-example4" align="center"> </div> <div class="show-way pody-cont-example5" align="center"> </div> <div class="show-way pody-cont-example6" align="center"> </div> <div class="show-way pody-cont-example7" align="center"> </div>
وهذا كود الجافاسكربت الخاص بالانتقال من وضع لآخر وكذلك طريقة العرض الافتراضية بالكوكيز
CODE<script type="text/javascript"> function get_list(){ $(".pody-cont-list").show(800); $(".pody-cont-grid").hide(800); $(".pody-cont-example3").hide(800); $(".pody-cont-example4").hide(800); $(".pody-cont-example5").hide(800); $(".pody-cont-example6").hide(800); $(".pody-cont-example7").hide(800); } function get_grid(){ $(".pody-cont-grid").show(800); $(".pody-cont-list").hide(800); $(".pody-cont-example3").hide(800); $(".pody-cont-example4").hide(800); $(".pody-cont-example5").hide(800); $(".pody-cont-example6").hide(800); $(".pody-cont-example7").hide(800); } function get_example3(){ $(".pody-cont-example3").show(800); $(".pody-cont-grid").hide(800); $(".pody-cont-list").hide(800); $(".pody-cont-example4").hide(800); $(".pody-cont-example5").hide(800); $(".pody-cont-example6").hide(800); $(".pody-cont-example7").hide(800); } function get_example4(){ $(".pody-cont-example4").show(800); $(".pody-cont-grid").hide(800); $(".pody-cont-list").hide(800); $(".pody-cont-example3").hide(800); $(".pody-cont-example5").hide(800); $(".pody-cont-example6").hide(800); $(".pody-cont-example7").hide(800); } function get_example5(){ $(".pody-cont-example5").show(800); $(".pody-cont-grid").hide(800); $(".pody-cont-list").hide(800); $(".pody-cont-example3").hide(800); $(".pody-cont-example4").hide(800); $(".pody-cont-example6").hide(800); $(".pody-cont-example7").hide(800); } function get_example6(){ $(".pody-cont-example6").show(800); $(".pody-cont-grid").hide(800); $(".pody-cont-list").hide(800); $(".pody-cont-example3").hide(800); $(".pody-cont-example4").hide(800); $(".pody-cont-example5").hide(800); $(".pody-cont-example7").hide(800); } function get_example7(){ $(".pody-cont-example7").show(800); $(".pody-cont-grid").hide(800); $(".pody-cont-list").hide(800); $(".pody-cont-example3").hide(800); $(".pody-cont-example4").hide(800); $(".pody-cont-example5").hide(800); $(".pody-cont-example6").hide(800); } // choose Default method var cooki = "list" ; //expire cookie var d = new Date(); d.setTime(d.getTime() + (30*24*60*60*1000)); var expires = "expires="+d.toUTCString() ; //check cookie var cookieStart, cookieEnd, cookieValue; if (document.cookie.length > 0){ cookieStart = document.cookie.indexOf("view="); if (cookieStart != -1){ cookieStart = cookieStart + "view=".length; cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) cookieEnd = document.cookie.length; cookieValue = document.cookie.substring(cookieStart, cookieEnd); if (cookieValue == "list"){ get_list() ; } else if (cookieValue == "grid"){ get_grid() ; } else if (cookieValue == "example3"){ get_example3() ; } else if (cookieValue == "example4"){ get_example4() ; } else if (cookieValue == "example5"){ get_example5() ; } else if (cookieValue == "example6"){ get_example6() ; } else if (cookieValue == "example7"){ get_example7() ; } } else { document.cookie = "view = " +cooki+ ";" + expires ; document.write('<META http-**="refresh" content="0;URL=http://<?php echo $PowerBB->_SERVER['HTTP_HOST'].$PowerBB->_SERVER['REQUEST_URI'] ?>">'); } } // change method $(".list").click(function(){ get_list(); document.cookie = "view=list;" + expires ; }); $(".grid").click(function(){ get_grid() ; document.cookie = "view=grid;" + expires ; }); $(".example3").click(function(){ get_example3() ; document.cookie = "view=example3;" + expires ; }); $(".example4").click(function(){ get_example4() ; document.cookie = "view=example4;" + expires ; }); $(".example5").click(function(){ get_example5() ; document.cookie = "view=example5;" + expires ; }); $(".example6").click(function(){ get_example6() ; document.cookie = "view=example6;" + expires ; }); $(".example7").click(function(){ get_example7() ; document.cookie = "view=example7;" + expires ; }); </script>
أضف هذا الكلاس مع كلاسات css
CODE<br /> .pody-cont-grid ul{<br /> margin: 0px;<br /> padding: 10px;<br /> }<br /> <br />
واحذف
CODEwidth: 212px;<br />
------------------------------------------------
ملاحظة :
سيلزم تمكين جلب مكتبة الجافاسكربت للزوار لكي تشتغل جميع أكواد الجافاسكربت
الإدارة - الاستايلات و القوالب - التحكم بالقوالب - تحرير القوالب
تحرير (من أمام القالب headinclud)
ابحث عن
CODE<?php if ($PowerBB->_GET['page']== 'register' or $PowerBB->_GET['page']== 'new_topic' or $PowerBB->_GET['page']== 'profile'){ ?> <script type="text/javascript" src="{$ForumAdress}includes/js/jquery.js"></script> <?php }else{ if ($PowerBB->_CONF['member_permission']){ ?> <script type="text/javascript" src="{$ForumAdress}includes/js/jquery.js"></script> <?php } }
استبدله ب
CODE<script type="text/javascript" src="{$ForumAdress}includes/js/jquery.js"></script> <?php
واحفظ القالب
-
تم تحرير المشاركة بواسطة :Mr King بتاريخ:14-07-2015 05:52 مساءً
-
-
استفسار لتعديل البوابة16-07-2015 01:48 مساءً [18]
-
commando014معلومات الكاتبالأعضاءعضـو مشارك
- انضم في :
- 13-04-2015
- رقم العضوية :
- 6006
- المشاركات :
- 23
- الجنس:
- تاريخ الميلاد :
- 6-8-1992
- قوة السمعة:
- 0
- موقعي:
- زيارة موقعي
-
سؤال انت هنا كاتب
$(".pody-cont-list").show(800);
$(".pody-cont-grid").hide(800);
فى الحالتين انت بتظهر نفس القيمة ازاى البرنامج حيفرق ما بينهم
و ايه هى الـ 800 اصلا ؟
-
-
استفسار لتعديل البوابة16-07-2015 10:08 مساءً [19]
-
Mr Kingمعلومات الكاتبالأعضاءعضو سوبر ستار
- انضم في :
- 27-11-2012
- رقم العضوية :
- 2642
- المشاركات :
- 3240
- الدولة :
- morocco
- الجنس:
- تاريخ الميلاد :
- 1-1-1987
- الدعوات:
- 6
- قوة السمعة:
- 18910
-
800 هو الوقت الذي سيتمّ فيه إظهار أو إخفاء المحتوى ويتمّ احتسابه على الشكل التالي
1000 = 1 ثانية
ليس من الضروري وضع قيمة بين الأقواس (يمكنك حذف الرقم 800)
show تعني إظهار
و hide تعني إخفاء
-
-
-
-