Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Портал из Форума

Сообщений 1 страница 2 из 2

1

Здравствуйте,у меня такой вопрос:
Как из Форума сделать Портал?
Если вам не сложно,пожалуйста распишите куда что вставлять:))

+1

2

Вот пример портала:   https://vip.maminforum.com/pages/portal   (прикрутил на страницу).
Вот это ставить в html верх:

Код:
<!--Стиль-->
<style type="text/css">
.ellipse{
	float: left;
}
.page_navigation , .alt_page_navigation{
	padding-bottom: 10px;
}
.page_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#EE7942;
}
.active_page{
	background-color:white !important;
	color:black !important;
}	
.content, .alt_content{
	color: black;
}
.content li, .alt_content li, .content > p{
	padding: 5px
}
</style>
<!--Конец Стиля-->
<!--Сами Новости-->
<div id='paging_container1' class='container'>
<div class='page_navigation'></div>
<div class='content'>
<div class='boxrss1'></div>
<div class='boxrss2'></div>
<div class='boxrss3'></div>
<div class='boxrss4'></div>
<div class='boxrss5'></div>
<div class='boxrss6'></div>
<div class='boxrss7'></div>
<div class='boxrss8'></div>
<div class='boxrss9'></div>
<div class='boxrss10'></div>
</div>
<div class='page_navigation'></div>
</div>
<!--Конец Новостей-->
 
<!--Скрипт Новостей-->
<script type="text/javascript">
$(function(){
$('div.boxrss1').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib1" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$('div.boxrss2').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib2" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$('div.boxrss3').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib3" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$('div.boxrss4').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib4" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$('div.boxrss5').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib5" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$('div.boxrss6').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib6" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$('div.boxrss7').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib7" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$('div.boxrss8').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib8" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$('div.boxrss9').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib9" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$('div.boxrss10').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib10" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
 
$.get('/export.php?type=rss&max=50','',processXML);
function processXML(data){
$(data).find('item:lt(50)').slice(0,5).each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib1').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
 
$(data).find('item:lt(50)').slice(5,10).each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib2').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
 
$(data).find('item:lt(50)').slice(10,15).each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib3').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
 
$(data).find('item:lt(50)').slice(15,20).each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib4').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
 
$(data).find('item:lt(50)').slice(20,25).each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib5').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
 
$(data).find('item:lt(50)').slice(25,30).each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib6').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
 
$(data).find('item:lt(50)').slice(30,35).each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib7').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
 
$(data).find('item:lt(50)').slice(35,40).each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib8').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
 
$(data).find('item:lt(50)').slice(40,45).each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib9').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
 
$(data).find('item:lt(50)').slice(45,50).each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib10').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
 
} });
</script>
<!--Конец Скрипта Новостей-->
<!--Пагинатор-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
<script type="text/javascript">
  $(document).ready(function(){
$('#paging_container1').pajinate();
	});
  </script>
<script type="text/javascript">
;(function($){
/*******************************************************************************************/	
// jquery.pajinate.js - version 0.2
// A jQuery plugin for paginating through any number of DOM elements
// 
// Copyright (c) 2010, Wes Nolte (http://wesnolte.com)
// Liscensed under the MIT License (MIT-LICENSE.txt)
// http://www.opensource.org/licenses/mit-license.php
// Created: 2010-04-16 | Updated: 2010-04-26
/*******************************************************************************************/
 
	$.fn.pajinate = function(options){
// Set some state information
var current_page = 'current_page';
var items_per_page = 'items_per_page';
var meta;
	
// Setup default option values
var defaults = {
	item_container_id : '.content',
	items_per_page : 1,	
	nav_panel_id : '.page_navigation',
	num_page_links_to_display : 10,	
	start_page : 0,
	nav_label_first : 'Первое',
	nav_label_prev : 'Назад',
	nav_label_next : 'Вперед',
	nav_label_last : 'Последнее'
};
var options = $.extend(defaults,options);
var $item_container;
var $page_container;
var $items;
var $nav_panels;
	
return this.each(function(){
	$page_container = $(this);
	$item_container = $(this).find(options.item_container_id);
	$items = $page_container.find(options.item_container_id).children();
	meta = $page_container;
	
	// Initialise meta data
	meta.data(current_page,0);
	meta.data(items_per_page, options.items_per_page);
	
	// Get the total number of items
	var total_items = $item_container.children().size();
	
	// Calculate the number of pages needed
	var number_of_pages = Math.ceil(total_items/options.items_per_page);
	
	// Construct the nav bar
	var more = '<span class="ellipse more">...</span>';
	var less = '<span class="ellipse less">...</span>';
	
	var navigation_html = '<a class="first_link" href="">'+ options.nav_label_first +' </a>';
	navigation_html += '<a class="previous_link" href="">'+ options.nav_label_prev +' </a>'+ less;
	var current_link = 0;
	while(number_of_pages > current_link){
navigation_html += '<a class="page_link" href="" longdesc="' + current_link +'">'+ (current_link + 1) +' </a>';
current_link++;
	}
	navigation_html += more + '<a class="next_link" href="">'+ options.nav_label_next +' </a>';
	navigation_html += '<a class="last_link" href="">'+ options.nav_label_last +' </a>';
	
	// And add it to the appropriate area of the DOM	
	$nav_panels = $page_container.find(options.nav_panel_id);	
	$nav_panels.html(navigation_html).each(function(){
	
$(this).find('.page_link:first').addClass('first');
$(this).find('.page_link:last').addClass('last');
 
	});
	
	// Hide the more/less indicators
	$nav_panels.children('.ellipse').hide();
	
	// Set the active page link styling
	$nav_panels.find('.previous_link').next().next().addClass('active_page');
	
	/* Setup Page Display */
	// And hide all pages
	$items.hide();
	// Show the first page	
	$items.slice(0, meta.data(items_per_page)).show();
 
	/* Setup Nav Menu Display */
	// Page number slices
	
	var total_page_no_links = $page_container.children(options.nav_panel_id+':first').children('.page_link').size();
	options.num_page_links_to_display = Math.min(options.num_page_links_to_display,total_page_no_links);
 
	$nav_panels.children('.page_link').hide(); // Hide all the page links
	
	// And only show the number we should be seeing
	$nav_panels.each(function(){
$(this).children('.page_link').slice(0, options.num_page_links_to_display).show();	
	});
	
	/* Bind the actions to their respective links */
	 
	// Event handler for 'First' link
	$page_container.find('.first_link').click(function(e){
e.preventDefault();
 
movePageNumbersRight($(this),0);
goto(0);
	});	
	
	// Event handler for 'Last' link
	$page_container.find('.last_link').click(function(e){
e.preventDefault();
var lastPage = total_page_no_links - 1;
movePageNumbersLeft($(this),lastPage);
goto(lastPage);
	});	
	
	// Event handler for 'Prev' link
	$page_container.find('.previous_link').click(function(e){
e.preventDefault();
showPrevPage($(this));
	});
	
	
	// Event handler for 'Next' link
	$page_container.find('.next_link').click(function(e){
e.preventDefault();
showNextPage($(this));
	});
	
	// Event handler for each 'Page' link
	$page_container.find('.page_link').click(function(e){
e.preventDefault();
goto($(this).attr('longdesc'));
	});	
	
	// Goto the required page
	goto(parseInt(options.start_page));
	toggleMoreLess();
});
 
function showPrevPage(e){
	new_page = parseInt(meta.data(current_page)) - 1;
	
	// Check that we aren't on a boundary link
	if($(e).siblings('.active_page').prev('.page_link').length==true){
movePageNumbersRight(e,new_page);
goto(new_page);
	}
 
};
	
function showNextPage(e){
	new_page = parseInt(meta.data(current_page)) + 1;
	
	// Check that we aren't on a boundary link
	if($(e).siblings('.active_page').next('.page_link').length==true){
movePageNumbersLeft(e,new_page);
goto(new_page);
	}
 
};
	
function goto(page_num){
	
	var ipp = meta.data(items_per_page);
	
	var isLastPage = false;
	
	// Find the start of the next slice
	start_from = page_num * ipp;
	
	// Find the end of the next slice
	end_on = start_from + ipp;
	// Hide the current page	
	$items.hide()
	.slice(start_from, end_on)
	.show();
	
	// Reassign the active class
	$page_container.find(options.nav_panel_id).children('.page_link[longdesc=' + page_num +']').addClass('active_page')
	 .siblings('.active_page')
	 .removeClass('active_page'); 
	
	// Set the current page meta data	
	meta.data(current_page,page_num);
	
	// Hide the more and/or less indicators
	toggleMoreLess();
};	
 
// Methods to shift the diplayed index of page numbers to the left or right
function movePageNumbersLeft(e, new_p){
	var new_page = new_p;
	
	var $current_active_link = $(e).siblings('.active_page');
 
	if($current_active_link.siblings('.page_link[longdesc=' + new_page +']').css('display') == 'none'){
 
$nav_panels.each(function(){
	$(this).children('.page_link')
.hide() // Hide all the page links
.slice(parseInt(new_page - options.num_page_links_to_display + 1) , new_page + 1)
.show();
	});
	}
	
} 
 
function movePageNumbersRight(e, new_p){
	var new_page = new_p;
	
	var $current_active_link = $(e).siblings('.active_page');
	
	if($current_active_link.siblings('.page_link[longdesc=' + new_page +']').css('display') == 'none'){
 
$nav_panels.each(function(){
	$(this).children('.page_link')
.hide() // Hide all the page links
.slice( new_page , new_page + parseInt(options.num_page_links_to_display))
.show();
	});
	}
}
 
// Show or remove the ellipses that indicate that more page numbers exist in the page index than are currently shown
function toggleMoreLess(){
	 
	if(!$nav_panels.children('.page_link:visible').hasClass('last')){	
$nav_panels.children('.more').show();
	}else {
$nav_panels.children('.more').hide();
	}
	
	if(!$nav_panels.children('.page_link:visible').hasClass('first')){
$nav_panels.children('.less').show();
	}else {
$nav_panels.children('.less').hide();
	}	
}


Отредактировано МАЧОнаДАЧЕ (Пт, 14 Янв 2022 19:51:10)

0