На форуме IPBoard 3.3.2 при прикручивании авторизации через ulogin немножко покосились кнопки входа и регистрации.

Помогите их центрировать и по возможности увеличить размер кнопки "Вход"

За кнопку регистрации в ipb_styles.css отвечает

#user_navigation #register_link

Придай ему margin-top: -10px например. Для ссылки входа нужно туда же (ipb_styles.css) дописать

#user_navigation #sign_in {margin-top: -10px}

[/code]

Вы имеете ввиду дописать всю строку?просто этого не нашел

#user_navigation #sign_in

Да, просто дописать её куда-нибудь

Добавил, все тоже самое.

Сейчас вот так

#user_navigation #sign_in {margin-top: -10px}

#user_navigation #register_link {

margin-top: -10px;

	    background: #7ba60d;

color: #fff;

display: inline-block;

padding: 3px 8px;

border: 1px solid #7ba60d;

-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);

-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);

box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);

text-shadow: 0px 1px 2px rgba(0,0,0,0.3);

}

Я не знаю больше как, надо на форуме смотреть.

_pro-ucheba.com

в смысле на форуме смотреть? что именно выложить?

, а может тебе проще будет уменьшить иконку контакта?

Так конечно проще, но тогда она становится незаметнее...

Если пользователь захочет войти на форум или зарегистрироваться он 100% увидит эту кнопку, например на ibr маленькие кнопки стоят и смотрится отлично.

Ищем в стиле CSS:

#user_navigation.not_logged_in;

height: 26px;

И меняем значение 26px на 40 (или выше) Будет выглядеть вот так: Значение на скриншоте 44px Либо уменьшать размер кнопки Как сказано выше ^^ А так же для увеличения надписи "Вход" (ну и "Регистрация"), там же в CSS

#user_navigation[/code]
[/size][/font][/color]


[CODE]font-size: 11px;


[/code]

11px меняем на значение выше. 

WinsanT

Спасибо огромное, а теперь не подскажешь как Вход и Регистрацию центрировать на уровне кнопки ВКонтакте?

У меня сейчас вот как. Хотелось бы еще чуть-чуть понизить расположение кнопки ВК, если можно))

#user_navigation #register_link {

margin-top: -8px;

	 background: #7ba60d;

color: #fff;

display: inline-block;

padding: 3px 8px;

border: 1px solid #7ba60d;

-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);

-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);

box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);

text-shadow: 0px 1px 2px rgba(0,0,0,0.3);

}

#user_navigation.not_logged_in {

height: 40px;

		 padding: 6px 0 4px;

}

#user_navigation { color: #9f9f9f; font-size: 15px; }

В самом блоке логина (вк который)

найди

margin: 0;

и замени на:

margin: 0 0 -9px;[/code]




Я про эту часть 
[code]<iframe frameborder="0" allowtransparency="true" src="https://ulogin.ru/panel.html?id=0&amp;display=2&amp;redirect_uri=http%3A%2F%2Fpro-ucheba.com%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Dlogin%26do%3Dprocess%26auth_key%3D880ea6a14ea49e853634fbdc5015a024&amp;callback=&amp;providers=vkontakte&amp;fields=first_name,last_name,photo,email&amp;optional=&amp;salt=1351155922508&amp;protocol=http&amp;host=pro-ucheba.com&amp;lang=ru&amp;verify=" style="display:inline-block;margin:0;padding:0;width:42px;height:32px;border:0;overflow:hidden"></iframe>[/code]


Если конечно ты можешь редактировать данный код вставки формы входа



[CODE]style="display:inline-block;margin:0;padding:0;width:42px;height:32px;border:0;overflow:hidden[/code]


Должно получиться вот так:

Что-то я не могу найти это... у меня в "Управление типами входа " вот какой код

<script src="__ulogin.ru/js/ulogin.js"></script>

<div id="uLogin" x-ulogin-params="display=panel;fields=first_name,last_name,photo,email;providers=vkontakte;hidden=;redirect_uri=http%3A%2F%2Fpro-ucheba.com%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Dlogin%26do%3Dprocess%26auth_key%3D880ea6a14ea49e853634fbdc5015a024"></div>

в globaltemplate подключаю:

<style type="text/css">

	  #uLogin img{ vertical-align: top !important;

}

  </style>

в ipb_styles ничего нету...

#uLogin img{ vertical-align: middle !important;

не помогло

Можно сделать вообще по убогому...

Качаем вот это: ___ulogin.ru/js/ulogin.js и кидаем файлик js к себе на хост.

Далее подключаем его путём

<script src="__ulogin.ru/js/ulogin.js"></script>

<div id="uLogin" x-ulogin-params="display=panel;fields=first_name,last_name,photo,email;providers=vkontakte;hidden=;redirect_uri=http%3A%2F%2Fpro-ucheba.com%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Dlogin%26do%3Dprocess%26auth_key%3D880ea6a14ea49e853634fbdc5015a024"></div>

Где

<script src="__ulogin.ru/js/ulogin.js"></script>

[/code]


Меняем на свой путь, куда закинули [b]js[/b] файл

и уже в том файле ищем строку 





[code]style="display:inline-block;margin:0;padding:0;width:42px;height:32px;border:0;overflow:hidden[/code]
и меняем на 

[CODE]style="display:inline-block;margin:0 0 -9px;padding:0;width:42px;height:32px;border:0;overflow:hidden[/code]


Ну это конечно не практично, но как вариант :D