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

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

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


Вы здесь » Единый форум поддержки » Корзина » Юзер-панель.


Юзер-панель.

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

1

Поставила простую панельку на форум.
Отображает аватарку, приветствие и дату последнего визита. Вернее, перемещает элементы стиля.
Код:

Что мне нужно с этим сделать:
1. Надпись "Ваш последний визит: Сегодня 03:10:02" заменить на "Был: Сегодня 03:10:02"?
2. Вывести под всем этим ещё и ссылки на профиль и выход.

0

2

Laktonika
Я Думаю, что Сейчас Romych, поскольку Поправлен трабл с кракозябрами, родит новую панель минипрофиля, правда он грозил для сообщений её делать... Воть открыть бы Новую тему и обсудить оптимальный вид

0

3

Deff
Дак он её ведь уже сделал, выложил в скриптах.
Меня пока лишь интересует тот мизер, над которым я мучаюсь ._.

0

4

Laktonika

Код:
<div style="position: absolute; width:60px; height:60px; top:200px; left: 512px; COLOR: #000000;">
<table id="ava-status" cellpadding=0 cellspacing=0 ><tr><td id="ava-status"></td></tr></table>
</div>
<style>table#avst {
position: absolute;
top: 200px;
right: 295px;
height: 60px;
width: 60px!important;
max-height: 60px;
max-width: 60px;
vertical-align: middle;
overflow: hidden;
}

td#ava-status {
background: url() repeat;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
padding-top: 5px;
height: 55px;
width: 60px;
text-align: center;
overflow: hidden;
}

td#ava-status img {
max-width: 50px !important;
max-height: 50px !important;
}
#navprofile,#navlogout {
 display:inline;
}
</style>

<script type="text/javascript">
var img = document.createElement('img');
var UserAvatar = UserAvatar;
if( ! UserAvatar )
	img.src = 'http://i.imgur.com/Zjdhy.png';
else
	img.src = UserAvatar;

$("td#ava-status").html(img);
var a=$("#pun-status .container");a.html(a.html().replace('Ваш последний визит: ','был '))
$("#navprofile,#navlogout").appendTo(a)
</script>

<style>
#pun-status { 
background: transparent;
border-radius: 5px;
 }

#pun-status { 
font-size: 11px;
height: 66px;
margin: auto 0px auto auto;
position: absolute;
right: 150px;
top: 195px;
width: 140px;
</style>

Отредактировано Deff (Вт, 27 Мар 2012 12:03:02)

+1

5

Deff
1. Надпись "Ваш последний визит" не заменилась.
2. Ссылки на профиль и выход не появились.
3. Пропала аватарка.
Это всё, если скрипт оставить в коде.
Если его вытащить и кинуть в хтмл-низ - то нормально.
Ну это так, к сведению. Спасибо:)
п.с. а как ссылки на профиль и выход сделать в строчку?

Отредактировано Laktonika (Вт, 27 Мар 2012 11:21:23)

0

6

Laktonika написал(а):

3. Пропала аватарка.

поправил
Laktonika
Делал для HTML низ - иначе ти выход не вставишь, посколь он ниже объявы

Можно воткнуть весь код в Первое пояснение к форуму, тады он будет только на главной

Отредактировано Deff (Вт, 27 Мар 2012 11:50:49)

+1

7

Deff
О, шикарно, дальше я сама. Спасибо, в который раз выручаешь.)

0

8

Ну вот, опять проблема.
Гостям видно такое:
"Привет, Гость!
Войдите или зарегистрируйтесь."
Можно "зарегистрируйтесь" перенести на строку вниз? Чтобы было так:
"Привет, Гость!
Войдите или
зарегистрируйтесь."

0

9

Код:
<div style="position: absolute; width:60px; height:60px; top:200px; left: 512px; COLOR: #000000;">
<table id="ava-status" cellpadding=0 cellspacing=0 ><tr><td id="ava-status"></td></tr></table>
</div>
<style>table#avst {
position: absolute;
top: 200px;
right: 295px;
height: 60px;
width: 60px!important;
max-height: 60px;
max-width: 60px;
vertical-align: middle;
overflow: hidden;
}

td#ava-status {
background: url() repeat;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
padding-top: 5px;
height: 55px;
width: 60px;
text-align: center;
overflow: hidden;
}

td#ava-status img {
max-width: 50px !important;
max-height: 50px !important;
}
#navprofile,#navlogout {
 display:inline;
}
</style>

<script type="text/javascript">
var img = document.createElement('img');
var UserAvatar = UserAvatar;
if( ! UserAvatar )
	img.src = 'http://i.imgur.com/Zjdhy.png';
else
	img.src = UserAvatar;

$("td#ava-status").html(img);
var a=$("#pun-status .container");a.html(a.html().replace('или ','или<br />'))
var a=$("#pun-status .container");a.html(a.html().replace('Ваш последний визит: ','был '))
$("#navprofile,#navlogout").appendTo(a)
</script>

<style>
#pun-status { 
background: transparent;
border-radius: 5px;
 }

#pun-status { 
font-size: 11px;
height: 66px;
margin: auto 0px auto auto;
position: absolute;
right: 150px;
top: 195px;
width: 140px;
</style>

+1

10

Deff
Отлично, спасибо еще раз. :)

0

11

Уже неактуально

Теперь меня интересует другой момент.
Я хочу создать фиксированный блок вверху справа страницы. Получилось пока вот что:

Код:
<div style="position: fixed; left: 0%; top: 0%; width: auto; height: 25px; background: #000;"><a href="/admin_index.php">Администрирование</a></div>

Но, когда я пытаюсь выровнять блок по правому краю, ничего не выходит. float не срабатывает даже при приоритете. position: right fixed и div align=right тоже.

Справилась с помощью процентного отступа от левого края.

Отредактировано Laktonika (Вт, 27 Мар 2012 16:46:22)

0

12

Ещё вопросы.
Я через стиль скрыла ссылку "Администрирование" и вручную вывела её в див-блоке. Просто через a href=.
Она видна всем - и гостям, и юзерам. А мне нужно, чтобы она была видна только администраторам и модераторам.
Сам див:

Или, может, как-то получится саму ссылку (#navadmin) вывести в блок? Может, скриптом? Я не знаю.


И как ulinks сделать в столбик?
http://uploads.ru/t/7/i/y/7iyps.jpg

0

13

Laktonika написал(а):

Она видна всем - и гостям, и юзерам. А мне нужно, чтобы она была видна только администраторам и модераторам.
Сам див:

<div class="faiko" style="display:none;position: fixed; z-index: 2; left: 82%; top: 0%; width: 120px; height: 16; padding: 5px; background-color: #000; background-image: url(http://uploads.ru/i/c/6/r/c6r1Y.png) no-repeat!important; border-radius: 0 0 5px 5px; opacity: 0.6;"><a href="/admin_index.php">Администрирование</a></div>
<script>if(GroupID<3)$(".faiko").show()</script>

+1

14

Laktonika написал(а):

И как ulinks сделать в столбик?

<style>
#pun-ulinks{
position:absolute;
margin-left:670px;
border:solid 1px red;
}
#pun-ulinks .container,
#pun-ulinks{
width:200px;
text-align:right;
}
#pun-ulinks li{
display:block;
}
</style>

0

15

Deff написал(а):

<script>if(GroupID<3)$(".faiko").show()</script>

То есть, ссылка будет видна только faiko? Или только группе с id 3?

Отредактировано Laktonika (Ср, 28 Мар 2012 22:37:07)

0

16

Laktonika
модерам и админам

0

17

Laktonika написал(а):

Ну и после установки кода на ulinks форум перекосило.

<style>
#pun-ulinks{
position:absolute;
margin-left:670px;
border:solid 1px red;
}
#pun-ulinks .container,
#pun-ulinks{
width:200px;
text-align:right;
}
#pun-ulinks li{
display:block;
}
#pun-break1 {
margin-top:200px;
}
</style>

+1

18

Deff
Тогда зачем там "faiko"?  :|
Поняла. Спасибо.)

Отредактировано Laktonika (Ср, 28 Мар 2012 22:56:16)

0

19

Laktonika
:flag: Не наю,а чем плохо, вот я помню, что реклама после первого поста - Lektor(Потом удобно искать

0

20

Deff
И снова проблема.
Контейнер ulinks перекрывает некоторую часть форума.
http://uploads.ru/t/V/f/n/VfnZD.jpg
Т.о. ссылки "Регистрация" и "Войти" невозможно нажать.

0


Вы здесь » Единый форум поддержки » Корзина » Юзер-панель.