Question

Добрый день.  В стандартной форме добавления комментариев через соц сети,  при наведении на аватар пользователя всплывающая закладка "профиль, выйти" видна на половину . 

Помогите если возможно

 

 

 

 

 

 

форма добавления комментариев через соц сети

<div class="uForm uComForm"><?if($USER_LOGGED_IN$)?>$ERROR$
<?if($UNSUBSCRIBE_URL$)?>
 <div >
 <a target="_blank" href="$UNSUBSCRIBE_URL$">Отписаться от уведомлений</a>
 </div>
<?endif?>
<div class="uComForm-inner"><span class="ucf-avatar uf-with-tooltip">
 <?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="avatar" /><?else?><img src="/.s/img/icon/social/noavatar.png" alt="avatar" /><?endif?>
 <span class="uf-tooltip"><?if($PROFILE_URL$)?><a class="uf-tt-item" href="$PROFILE_URL$" target="_blank">Профиль</a><?else?><a class="uf-tt-item" href="#" target="_blank">Профиль</a><?endif?>
 <span class="uf-tt-hr"></span>
 <a class="uf-tt-item uf-tt-exit" href="#!">Выйти</a>
 </span>
 </span>
 <div class="ucf-content">
 <?if($USER_CAN_POST$)?>
 <ul class="uf-form ucf-form"><?if($BBCODES$)?><li class="ucf-bb">$BBCODES$</li><?endif?><li>
 <table class="ucf-table">
 <tr>
 <td class="ucf-message-wrap"><textarea class="uf-txt-input commFl" >$MESSAGE$</textarea></td>
 <?if($SMILES$)?>
 <td class="ucf-smiles">$SMILES$</td>
 <?endif?>
 </tr>
 </table>
 </li>
 <li class="ucf-options">
 <span class="uf-with-tooltip ucf-option"><label class="ucf-option-label ucf-option-share"><input class="uf-checkbox js-ucf-option" type="checkbox" name="share" /></label><span class="uf-tooltip">Публиковать в социальной сети</span></span>
<?if($ANONYMOUS_ALLOWED$)?><span class="uf-with-tooltip ucf-option"><label class="ucf-option-label ucf-option-anonymous"><input class="uf-checkbox js-ucf-option" type="checkbox" name="anonymous" /></label><span class="uf-tooltip">Анонимно</span></span><?endif?>
 <?if($SUBSCRIBE$)?><span class="uf-with-tooltip ucf-option"><label class="ucf-option-label ucf-option-subscribe"><input class="uf-checkbox js-ucf-option" type="checkbox" name="subscribe" <?if($SUBSCRIBE_BY_DEFAULT$)?>checked<?endif?>/></label><span class="uf-tooltip">Подписаться на комментарии к материалу</span></span><?endif?>
 <?if($MODULE_ID$=='shop')?><span class="uf-with-tooltip ucf-option"><label class="ucf-option-label ucf-option-additional" onclick="if($(this).hasClass('ucf-option-checked')){$(this).removeClass('ucf-option-checked');$('#ucf-details').hide();}else{$(this).addClass('ucf-option-checked');$('#ucf-details').fadeIn();}"><input class="uf-checkbox" type="checkbox"></label><span class="uf-tooltip">Дополнительные поля</span></span><?endif?>
 </li>
 <li>
 <input <?if($EMAIL$)?> >
 </li>
 <?if($MODULE_ID$=='shop')?><li id="ucf-details" class="uf-hidden"><ul class="uf-form ucf-form">
 <li><textarea class="uf-txt-input prosFl" rows="3" name="pros" id="pros" placeholder="Плюсы"></textarea></li>
 <li><textarea class="uf-txt-input consFl" rows="3" name="cons" id="cons" placeholder="Минусы"></textarea></li>
 </ul>
 </li>
 <?endif?>
 <li><input class="commSbmFl uf-btn" id="addcBut" type="submit" name="submit" value="Отправить" /></li>
 </ul>
 <?else?>
 <div class="myWinError" >Вы относитесь к группе пользователей, которым запрещено совершать данное действие.</div>
 <?endif?>
 </div>
 </div><?else?>
 <div class="uauth-small-links uauth-links-set$IMAGE_SET$">Войдите: $SOCIAL_BTNS$</div><div class="uComForm-inner"><span class="ucf-avatar"><img src="/.s/img/icon/social/noavatar.png" alt="avatar" /></span>
 <div class="ucf-content ucf-start-content"><ul class="uf-form ucf-form"><li><textarea class="uf-txt-input commFl js-start-txt" placeholder="Оставьте ваш комментарий..."></textarea>
 </li><li><button class="uf-btn" onclick="preSaveMessage();window.open('/index/800?ref='+window.location.href,'SocialLoginWnd','width=500,height=410,resizable=yes,titlebar=yes');">Отправить</button>
 </li></ul></div>
 </div><?endif?>
</div>

 

зарпанее спасибо

Answer 1

Добавьте в таблицу стилей CSS в самый низ следующие стили:

.uForm {margin: 0px 30px;}
.uf-tooltip {margin: 0 0 15px -50px!important;}