Приветствуем тебя, дизайнер, на сайте theps.art! Профессионал ты или начинающий, не важно. Главное — мы стали отличным местом для поселения и тех и других. Хочешь поделиться своими творениями с другими? Не вопрос. У нас ты встретишь самые адекватные оценки твоего творчества, получишь не мало хороших советов, обретешь множество общительных друзей и много чему научишься новому. Если ты устал от работы, то и в этом мы тебе поможем! На нашем сайте есть отличный кинотеатр. И небольшая коллекция онлайн игр.
Цифровой дизайн похож на живопись, только краски никогда не сохнут ©Neville Brody
Форма входа и мини профиль как у нас
Форма входа и мини профиль как у нас
/images/no_screen.png
  • Просмотров: 224
  • Скачиваний: 0
  • Комментариев: 0
  • Добавлено: 23.05.22, Пн
  • CSIL

1. ПУ-Пользователи-Настройки модуля-Выберите набор иконок для кнопок входа через социальные сети-Набор 4-Сохранить.
2. В блок вставляем:
Код
<?if($USER_LOGGED_IN$)?>
  <div class="miniprofUDS">  
  <div class="miniprofname" align="center"> Добро пожаловать, <b>$USERNAME$</b>!</div>  
  <div class="miniprofimage">  
  <a href="#"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" style-"border:0px; "/><?else?><img src="http://theps.art/images/noavatar.png" style="border:0px; "/><?endif?></a>  
  </div>  
  <div class="miniprofinfo">  
  <a class="miniprofinfo" href="/index/8">Мой профиль</a><br>  
  <a class="miniprofinfo" href="/index/14">Мои сообщения <span>($UNREAD_PM$)</span></a><br>  
  <a class="miniprofinfo" href="/index/11">Мои настройки</a><br>  
  <a class="miniprofinfo" href="/index/10">Выход с сайта</a><br>  
  </div></div>  
  <?else?>
  <style>
  a.rollover {
  background: url(http://theps.art/img/reg.png); /* Путь к файлу с исходным рисунком */
  display: block; /* Рисунок как блочный элемент */
  width: 260px; /* Ширина рисунка */
  height: 40px; /* Высота рисунка */
  }
  a.rollover:hover {
  background: url(http://theps.art/img/reg1.png); /* Путь к файлу с заменяемым рисунком */
  }
  </style>
   
  $LOGIN_FORM$<center><a href="$REGISTER_LINK$" class="rollover"></a>
</center>

<?endif?>

в CSS:
Код

.miniprofimage a img {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=70);}  
.miniprofimage a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}  
.miniprofUDS {font-family:tahoma; overflow:hidden; padding-bottom:5px;}  
.miniprofimage {padding:4px 5px 4px 5px;float:left;}  
.miniprofimage img {border:2px solid #fff;border-radius:1px;width:52px;height:52px;}  
.miniprofname {color: #333; widht:90%;background:#f3fafd;border-bottom:1px solid #e1ebf0;margin-bottom:4px;padding:5px;}  
.miniprofinfo {padding-top:4px}  
.miniprofinfo a:link,.miniprofinfo a:visited,.miniprofinfo a:active {background:url('')no-repeat 3px 5px;text-decoration:none; color:#737474; padding:0px 5px 0px 10px;}  
.miniprofinfo a:hover {text-decoration:none; color:#939494;}  
.miniprofinfo span{font-weight: bold;}  

  • Хочу скачать
  • Спасибо: +1
  • Сообщить о битой ссылке
  • 0 Mb

  Теги: форма, Профиль, Мини, входа   Источник: https://theps.art
Всего комментариев: 0
avatar