Дата: Пн, 23.07.2012, 09:50:33 | Сообщение # 1
|
Вот так смотрится мини профиль - http://photo.diz-cs.com/images/4413.png
Установка: Просто вставляете этот код в блок, где хотите видеть мини профиль:
Код <div id="profile"> <noindex><?if($USER_LOGGED_IN$)?> <!-- <Мини-профиль> --> <div class="prolink"> <a id="upml2" href="javascript:openOnClick('mail')">Личных сообщений: $UNREAD_PM$</a> <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script><?endif?> </div> <div class="prolink"> <a href="javascript:openOnClick('options')">Редактировать профиль</a> </div> <div class="prolink"> <a href="$PERSONAL_PAGE_LINK$">Зайти в профиль</a> </div> <div class="prolink"> <a href="$LOGOUT_LINK$">Покинуть сайт</a> </div> <div class="prolink"> <a href="javascript:openOnClick('users')">Пользователи сайта</a> </div> <script language=javascript type=text/javascript> function openOnClick(client_type) { if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="send")clientWindow = window.open("/index/14-0-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); } </script> <!-- </Мини-профиль> --><?else?><!-- <Регистрация-Вход> --> <div class="prolink"> <a href="$LOGIN_LINK$">Войти</a> </div> <div class="prolink"> <a href="$REGISTER_LINK$"><font color="#FF3300">Регистрация</font></a> </div> <!-- </Регистрация-Вход> --><?endif?></noindex> </div> Дополнительно: В таблицу стилей добавляем следующие строки:
Код #profile { padding: 7px; text-align:center; }
.prolink { width:181px; height:20px; background: url('/design/pmenu.png') no-repeat; margin: 2px auto; }
.prolink a { font-size:10px; text-decoration:none; color:#ffffff; font-weight:bold; text-align: left; padding: 4px; }
.prolink a:hover {text-decoration:underline;} Не забываем про то, что нужно картинку еще залить на свой сайт - берем в прикреплении ниже. Для любителей всего и сразу приложил полный исходный код блока, вот так выглядит профиль после установки - смотрим (исправил кое-чего и вернул вывод аватарки).
[spoiler="История изменений"]
---UPD. от Пн, 23.07.2012, 10:42:17: А откуда брать стилизацию? Классы прописаны же... вывод - материал хлам, т.к. не будет таким, как на скрине.--- © -SAM-
---UPD. от Чт, 31.12.2015, 01:30: В сети другое название "Мини профиль by Кириешка" (первоисточник - zadroti-cs.ucoz.ru).--- © -SAM-
---UPD. от Пт, 02.01.2016, 01:47: Провёл своё "расследование", так сказать, и выяснил от какого шаблона тот блок, а именно "Шаблон Форума RPWS.info для uCoz". С учётом этого добавляю в тему стилизацию и прикрепления. От автора темы этой здесь остался лишь ник - всё было в теме мной переписано, вот и перевожу тему на свой профиль теперь.--- © -SAM-[/spoiler]
|
|