أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

  1. الرئيسية
  2. مشاكل وحلول الاستايلات

استفسار لتعديل البوابة


مشاهدة المشاركة في الموضوع بالعرض العادي
look/images/icons/i1.gif استفسار لتعديل البوابة
  12-07-2015 04:38 مساءً  
بدون صورة شخصية
commando014
معلومات الكاتب
السلام عليكم و رحمة الله و بركاته



اعاد الله عليكم هذه الايام بالخير و اليمن و البركات



انا قررت اخلى امكانية اختيار طريقة عرض المواضيع من الموقع اثناء التصفح للسماح للاعضاء انهم يختاروا الطريقة اللى يفضلوها مع امكانية وضع طريقة عرض افتراضية و كوكيز لحفظ الطريقة اللى تم اختيارها المهم كل ده عملتة بجافا سكريبت المشكلة انه مشتغلش :]



هى دى الاكواد اللى استخدمتها عشان تقولولى المشكلة فين



كود طريقة عرض اخر الاخبار



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&amp;show=1&amp;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&amp;show=1&amp;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&amp;show=1&amp;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&amp;show=1&amp;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&amp;show=1&amp;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&amp;show=1&amp;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>
	              &nbsp;{$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 صباحاً



الساعة الآن 05:14 AM