Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Шаблоны » Шаблоны » Шаблоны для uCOZ » Персанальная страница

Персанальная страница

Опубликовал: artCreative™
Категория: Шаблоны для uCOZ
Дата:Четверг, 27 Декабря 2012 в 23:06

1 голос

Что могу сказать по данному топу, эта страница уникальна и стильна, оформлена в серых тонах, в ней присутствуют такие страницы как:

Код

ЛС Личные сообщения
Редактор профиля
Список пользователей
Ну и само собой Профиль пользователя
И все это на одной странице

Установка:
❶ Для начала идем в ПУ » Личные сообщения и заменяем там весь код на:

Код

<html>
   <head>
   <title>$TITLE$</title>
   </head>

   <body>

  
   <center><table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%: align="center" class="webo4ka_ramka"> <tr> <td width="55%" align="left" valign="top">
   <div class="webo4ka_menu_border"> <div class="webo4ka_menu">
   <a href="/index/14"><span>Принятые</span></a>
   <a href="/index/14-0-1"><span>Отправленные</span></a>
   <a href="/index/14-0-0-1"><span>Отправить ЛС</span></a>
   <a href="/index/14-0-5"><span>Массовая рассылка</span></a>

   <a onclick="_uWnd.alert('Администрация сайта не отвечает на вопросы заданные по ЛС,для этого есть Форум!!!','',{w:300,h:50,tm:10000}); return false;"><span><b>Читать всем!</b></span></a>
   </div></div><br>$BODY$</td></tr></table></center>
   </body>
   <script>$('#loading').fadeOut('slow');$('.pmCatLinkActive').next().parent().hide();</script>
   </html>

   <style>
   * {margin:0;padding:0;}
   body{background:#FFF;font-family:tahoma;font-size:11px;}
   td{font-family:tahoma;font-size:11px;}
   #content{border:1px solid #e6e6e6;border-top:none;margin-left:250px;margin-right:250px;}
   a:link {text-decoration:none; color:#838383; font-size:11px; }
   a:visited {text-decoration:none; color:#838383; font-size:11px; }
   a:hover {text-decoration:underline; color:#838383; font-size:11px; }
   a:active {text-decoration:none; color:#838383; font-size:11px; }

   #PMtoUser {padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   #PMtoUser:focus {border: 1px solid #555; background: white; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   #pmSubject {width:100% !important; padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   #pmSubject:focus {border: 1px solid #555; background: white; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   #message {height:135px;width:100%; padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   #message:focus {border: 1px solid #555; background: white; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   .codeButtons {padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   .codeButtons:hover {border: 1px solid #555; background: white; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   input {padding:2px 4px; border: 1px solid #555; background: #f2f2f2; margin: 1px; color: #555; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   input:hover {border: 1px solid #555; background: #fff; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   .sml1{padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   #allSmiles{padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   .securityCode {padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #ddd; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   .securityCode:focus {border: 1px solid #555; background: white; color: #555; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   .unread{color:#ff0000; text-shadow: 0px px 1px #fff;}
   hr{color:#ddd;}

   body {background:#e9e9e9; margin-top:55px !important;margin:0;padding:0;}
   .webo4ka_ramka {border:15px solid #555;-moz-box-shadow:2px 2px 2px 2px #555;-webkit-box-shadow:2px 2px 2px 2px #555;box-shadow:2px 2px 2px 2px #555;}
   .webo4la_lichnii_coobchenii {color:#ddd;font-size:15pt;font-weight:bold;font-family:tahoma;text-align:left; text-shadow:1px 1px 1px #fff;}
   .webo4la_lichnii_coobchenii:hover {color:#555;font-size:15pt;font-weight:bold;font-family:tahoma;text-align:left;}

   .webo4ka_menu_border {border-bottom:1px solid #ccc;border-right:1px solid #ccc; border-left:1px solid #ccc;}
   .webo4ka_menu a {color:#7b7b7b; text-decoration:none;}
   .webo4ka_menu a:hover {color:#5d5d5d;}
   .webo4ka_menu a span {line-height:22px;background:#ededed;padding:4px 6px;border-right:1px solid #ccc;}
   .webo4ka_menu a span:hover {background:#f4f4f4;}
   </style>

❷ Следующее, что мы сделаем так это вставим в Страницу редактирования данных пользователя этот код:

Код

<html>
  <head>
  <title>Изменение личной информации</title>
  <link type="text/css" rel="StyleSheet" href="/css/785.css">

  </head>
  <body>
  
  <div class="popup">

   <div class="popupbody">
   <script type="text/javascript">window.resizeTo(750,600);</script>
  <div align="center">$BODY$</div>
   </div>
  </div>

  </body>
  </html>

❸ А также изменим страницу со списком пользователей:

Код

<html>
  <head>
  <title>Список пользователей</title>
  <link type="text/css" rel="StyleSheet" href="/css/785.css">
  </head>
  <body>
  
  <div class="popup">

   <div class="popupbody">
   <div style="float:right">Страницы: $PAGE_SELECTOR$</div>
  <div align="left">Найдено <b>$NUM_ENTRIES$</b> пользователей</div><hr />
  <div align="center">$BODY$</div><hr />
  <div align="center">$SEARCH_FORM$</div>
   </div>
  </div>

  </body>
  </html>

❹ А этот код ставим в Персональная страница пользователя:

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

  <head profile="http://gmpg.org/xfn/11">

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  <title>BusinessCard Theme | Just another WordPress weblog</title>

  <link rel="stylesheet" href="http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/style.css" type="text/css" media="screen" />

  <link rel="alternate" type="application/rss+xml" title="BusinessCard Theme RSS Feed" href="http://www.elegantthemes.com/preview/BusinessCard/feed/" />

  <link rel="alternate" type="application/atom+xml" title="BusinessCard Theme Atom Feed" href="http://www.elegantthemes.com/preview/BusinessCard/feed/atom/" />

  <link rel="pingback" href="http://www.elegantthemes.com/preview/BusinessCard/xmlrpc.php" />

  

  

  <meta name='robots' content='noindex,nofollow' />
  <link rel="alternate" type="application/rss+xml" title="BusinessCard Theme » Feed" href="http://www.elegantthemes.com/preview/BusinessCard/feed/" />
  <link rel="alternate" type="application/rss+xml" title="BusinessCard Theme » Comments Feed" href="http://www.elegantthemes.com/preview/BusinessCard/comments/feed/" />
  <meta content="BusinessCard v.2.5" name="generator"/><link media="screen" type="text/css" href="http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" />
  <link media="screen" type="text/css" href="http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/epanel/page_templates/page_templates.css" rel="stylesheet" /><link rel='stylesheet' id='et-shortcodes-css-css' href='http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/epanel/shortcodes/shortcodes.css?ver=1.7' type='text/css' media='all' />
  <script type='text/javascript' src='http://www.elegantthemes.com/preview/BusinessCard/wp-includes/js/l10n.js?ver=20101110'></script>
  <script type='text/javascript' src='http://www.elegantthemes.com/preview/BusinessCard/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>
  <script type='text/javascript' src='http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/js/jquery.cycle.all.min.js?ver=3.2.1'></script>
  <script type='text/javascript' src='http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/epanel/shortcodes/js/et_shortcodes_frontend.js?ver=1.7'></script>
  <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.elegantthemes.com/preview/BusinessCard/xmlrpc.php?rsd" />
  <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.elegantthemes.com/preview/BusinessCard/wp-includes/wlwmanifest.xml" />
  <link rel='index' title='BusinessCard Theme' href='http://www.elegantthemes.com/preview/BusinessCard/' />
  <meta name="generator" content="WordPress 3.2.1" />

  </head>

  <body class="home blog chrome">
  


   <div id="page-wrap" class="clearfix">

   <div id="main-content">

   <img src="http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/images/logo.png" alt="Logo" id="logo"/> <div class="container-top"></div>

   <div class="container">





   <div class="page">

   <div class="heading clearfix">







   <h1 class="pagetitle">Подробная информация</h1>


   <span class="separator">|</span>

   <span class="tagline">$USERNAME$</span>


   </div> 



   <div class="entry">

   <p><img src="$USER_AVATAR_URL$" alt="" style="border: 7px solid #b8b8b8; float: left; margin: 0px 15px 0px 0px;" />
   <u><b>Имя:</b></u>$_NAME$<br>
   <u><b>Страна:</b></u> $_COUNTRY$<i>Информация не указана</i><br>
   <u><b>Пол:</b></u> $_GENDER_NAME$<i>Информация не указана</i><br>
   <u><b>Дата рождения:</b></u> $_BIRTHDAY$ (<b>$_AGE$</b>)<i>Информация не указана</i><br>
   <u><b>Знак зодиака:</b></u> $_ZODIAC$<i>Информация не указана</i><br><br>
   <table width="550" >
   <tr>
   <td>Контакты:</td>
   <td>Ко-информация:</td>

   </tr>
   <tr>
   <td>
   <u><b>Сайт:</b></u> $_WWW$<i>Информация не указана</i> <br>
   <u><b>E-mail:</b></u> $_EMAIL$ <i>(Адрес скрыт)</i><a href="mailto:$_EMAIL$" style="text-decoration:underline;" class="UserL">$_EMAIL$</a><a style="text-decoration:underline;" href="$_SEND_EMAIL_URL$" class="UserL">Написать письмо</a><i>Информация скрыта</i></td>
   <td>
   <u><b>Группа:</b></u> $_GROUP_NAME$<br>
   <u><b>Дата регистрации:</b></u> $_REG_TIME$<br>
   <u><b>Дата входа:</b></u> $_LOG_TIME$</td>
   </tr>
   </table>
   </p>
   </div> 
   

   </div> 





   <div class="page">

   <div class="heading clearfix">







   <h1 class="pagetitle">Личные сообщения</h1>



   <span class="separator">|</span>

   <span class="tagline">Общаемся</span>



   </div> 



   <div class="entry">

   <p>

   <iframe width="500" height="450" src="/index/14"></iframe>

   </p>
   </div> 

   </div> 





   <div class="page">

   <div class="heading clearfix">







   <h1 class="pagetitle">Страница ред. данных</h1>



   <span class="separator">|</span>

   <span class="tagline">$USERNAME$</span>


   </div> 



   <div class="entry">


   <p><iframe width="500" height="1000" src="ru/index/11"></iframe></p>
   </div> 

   </div> 





   <div class="page">

   <div class="heading clearfix">







   <h1 class="pagetitle">Список пользователей</h1>



   <span class="separator">|</span>

   <span class="tagline">$USERNAME$</span>



   </div> 



   <div class="entry">

   <p> <iframe width="500" height="450" src="/index/15-1"></iframe></p>
   </div> 

   </div> 













   </div> 

   <div class="container-bottom"></div>

   </div> 



   <div id="sidebar">

   <ul id="nav">



   <li class="clearfix"><a href="#">

   <img src="http://www.elegantthemes.com/images/businesscard/icon-5.png" alt='icon' width='32' height='32' />

   Профиль</a></li>

   <li class="clearfix"><a href="#">

   <img src="http://www.elegantthemes.com/images/businesscard/icon-3.png" alt='icon' width='32' height='32' />

  Личные сообщения </a></li>

   <li class="clearfix"><a href="#">

   <img src="http://www.elegantthemes.com/images/businesscard/icon-2.png" alt='icon' width='32' height='32' />

   Редактировать профиль</a></li>

   <li class="clearfix"><a href="#">

   <img src="http://www.elegantthemes.com/images/businesscard/icon-4.png" alt='icon' width='32' height='32' />

   Список пользователей</a></li>

   </ul>

   </div> 

  </div> 



  <script type='text/javascript' src='http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/epanel/page_templates/js/fancybox/jquery.easing-1.3.pack.js?ver=1.3.4'></script>
  <script type='text/javascript' src='http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.pack.js?ver=1.3.4'></script>
  <script type='text/javascript' src='http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/epanel/page_templates/js/et-ptemplates-frontend.js?ver=1.1'></script>


  <script type="text/javascript">

   var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

   document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

  </script>

  <script type="text/javascript">

   var pageTracker = _gat._getTracker("UA-5205247-2");

   pageTracker._trackPageview();

  </script>



  <script type="text/javascript" src="http://www.elegantthemes.com/preview/BusinessCard/wp-content/themes/BusinessCard/js/jquery.easing.1.3.js"></script>



  <script type="text/javascript">

  //<![CDATA[

   jQuery.noConflict();



   jQuery('div.container-top, div.container-bottom, div.container, div.page').css({'visibility':'visible','display':'none'});



   var $logo = jQuery("img#logo"),

   $container = jQuery("div#main-content > div"),

   $side_menu = jQuery("ul#nav");



   $container.hide().children("div.page").hide();



   $side_menu.find("> li > a").click(function(){

   var $this = jQuery(this),

   current_number = $this.parent('li').prevAll().length,

   finished = 0,

   stopAnimation = 0,

   reset = 0;



   jQuery("> li.active",$side_menu).removeClass("active").find('a img').animate({'opacity':'hide'},500);



   if ($logo.is(':visible')) {

   $logo.hide();

   jQuery('div.page:eq(' + current_number + ')').children().hide().end().show();



   $container.filter(':hidden')

   .animate({'opacity':'show'},500,function(){

   $this.parent('li').addClass("active").end().find("img").animate({'opacity':'show'},500).parent("a").removeClass("hover");

   });

   } else {

   $this.parent('li').addClass("active").end().find("img").animate({'opacity':'show'},500).parent("a").removeClass("hover");

   };



   $container

   .find('div.page:visible div.entry')

   .animate({opacity:'hide','height':'hide'},'slow',function(){

   jQuery(this).prevAll().animate({opacity:'hide','height':'hide'},'slow'); //ie6

   finished = 1;

   })

   .end()

   .find('div.page:eq(' + current_number + ')')

   .children().hide();





   var check = setInterval(function() {

   if (jQuery('div.entry:animated').size() != 0) { stopAnimation = 1; reset = 1; }

   else { stopAnimation = 0; }

   }, 50);



   var wait = setInterval(function() {

   if( finished === 1 && stopAnimation == 0 ) {

   //clearInterval(wait);

   if (reset == 1) {

   reset = 0;

   jQuery('div.page:visible').hide();

   }



   $container

   .find('div.page:eq(' + current_number + ')')

   .show()

   .children("div.heading")

   .animate({opacity:'show','height':'show'},'slow', function(){

   jQuery(this)

   .siblings("div.entry")

   .animate({opacity:'show','height':'show'},'slow'); //animate

   });

   finished = 0;

   }

   }, 1300);





   return false;

   }).hover(function(){

   jQuery(this).stop()

   .animate({ marginRight: '-20',paddingLeft: '20'},500);



   if ( !(jQuery(this).parent('li').hasClass("active")) )

   jQuery(this).addClass('hover');

   },function(){

   jQuery(this).stop().animate({ marginRight: '0',paddingLeft: '0' },500)

   .removeClass('hover');

   }

   );



   $gallery = jQuery("div.gallery");

   $gallery.find('.gallery-caption').fadeTo(100,0.65);



   jQuery('.gallery').find('a').fancybox().find("img").fadeTo(500,0.5).hover(function(){

   jQuery(this).stop().addClass("active").fadeTo(500,1);

   },function(){

   jQuery(this).stop().removeClass("active").fadeTo(500,0.5);

   });



  //]]>

  </script>

   <div style="display:none;"><div id="avaget"><img src="" style="max-width:100px;"><img src="http://webo4ka.ru/Ucoz3/stranicha_lc_re/noava.png" style="max-width:100px;"></div></div>
   </body>

  </html>

❺ Из прикрепленного архива заливаем файлы в соответствующие папки css, js, images

Спонсор материала: Студия Веб-Дизайна RealARTs

Ссылка на источник материала

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 975 | Скачали: 4 « Назад

Теги материала: Светлый, страница, под, шаблоны для ucoz, Персанальная, дизайн

Комментарии пользователей

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Шаблоны » Шаблоны » Шаблоны для uCOZ » Персанальная страница

Персанальная страница

Комментарии пользователей