Quicksdk Опубликовано 15 октября, 2012 Поделиться Опубликовано 15 октября, 2012 На форуме IPBoard 3.3.2 при прикручивании авторизации через ulogin немножко покосились кнопки входа и регистрации. Помогите их центрировать и по возможности увеличить размер кнопки "Вход" Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 17 октября, 2012 Поделиться Опубликовано 17 октября, 2012 За кнопку регистрации в ipb_styles.css отвечает #user_navigation #register_link Придай ему margin-top: -10px например. Для ссылки входа нужно туда же (ipb_styles.css) дописать #user_navigation #sign_in {margin-top: -10px} [/code] Quicksdk 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Quicksdk Опубликовано 17 октября, 2012 Автор Поделиться Опубликовано 17 октября, 2012 Вы имеете ввиду дописать всю строку?просто этого не нашел #user_navigation #sign_in Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 17 октября, 2012 Поделиться Опубликовано 17 октября, 2012 Да, просто дописать её куда-нибудь Quicksdk 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Quicksdk Опубликовано 24 октября, 2012 Автор Поделиться Опубликовано 24 октября, 2012 Добавил, все тоже самое. Сейчас вот так #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); } Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 24 октября, 2012 Поделиться Опубликовано 24 октября, 2012 Я не знаю больше как, надо на форуме смотреть. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Quicksdk Опубликовано 24 октября, 2012 Автор Поделиться Опубликовано 24 октября, 2012 _pro-ucheba.com в смысле на форуме смотреть? что именно выложить? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 24 октября, 2012 Поделиться Опубликовано 24 октября, 2012 , а может тебе проще будет уменьшить иконку контакта? Quicksdk 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Quicksdk Опубликовано 24 октября, 2012 Автор Поделиться Опубликовано 24 октября, 2012 Так конечно проще, но тогда она становится незаметнее... Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 24 октября, 2012 Поделиться Опубликовано 24 октября, 2012 Если пользователь захочет войти на форум или зарегистрироваться он 100% увидит эту кнопку, например на ibr маленькие кнопки стоят и смотрится отлично. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
€ WinsanT Опубликовано 25 октября, 2012 Поделиться Опубликовано 25 октября, 2012 Ищем в стиле CSS: #user_navigation.not_logged_in; height: 26px; И меняем значение 26px на 40 (или выше) Будет выглядеть вот так: Значение на скриншоте 44px Либо уменьшать размер кнопки Как сказано выше ^^ А так же для увеличения надписи "Вход" (ну и "Регистрация"), там же в CSS #user_navigation[/code] [/size][/font][/color] [CODE]font-size: 11px; [/code] 11px меняем на значение выше. Quicksdk 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Quicksdk Опубликовано 25 октября, 2012 Автор Поделиться Опубликовано 25 октября, 2012 WinsanT Спасибо огромное, а теперь не подскажешь как Вход и Регистрацию центрировать на уровне кнопки ВКонтакте? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Quicksdk Опубликовано 25 октября, 2012 Автор Поделиться Опубликовано 25 октября, 2012 У меня сейчас вот как. Хотелось бы еще чуть-чуть понизить расположение кнопки ВК, если можно)) #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; } Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
€ WinsanT Опубликовано 25 октября, 2012 Поделиться Опубликовано 25 октября, 2012 В самом блоке логина (вк который) найди margin: 0; и замени на: margin: 0 0 -9px;[/code] Я про эту часть [code]<iframe frameborder="0" allowtransparency="true" src="https://ulogin.ru/panel.html?id=0&display=2&redirect_uri=http%3A%2F%2Fpro-ucheba.com%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Dlogin%26do%3Dprocess%26auth_key%3D880ea6a14ea49e853634fbdc5015a024&callback=&providers=vkontakte&fields=first_name,last_name,photo,email&optional=&salt=1351155922508&protocol=http&host=pro-ucheba.com&lang=ru&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] Должно получиться вот так: Respected и Quicksdk 2 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Quicksdk Опубликовано 25 октября, 2012 Автор Поделиться Опубликовано 25 октября, 2012 Что-то я не могу найти это... у меня в "Управление типами входа " вот какой код <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 ничего нету... Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 25 октября, 2012 Поделиться Опубликовано 25 октября, 2012 #uLogin img{ vertical-align: middle !important; Quicksdk 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Quicksdk Опубликовано 25 октября, 2012 Автор Поделиться Опубликовано 25 октября, 2012 не помогло Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
€ WinsanT Опубликовано 27 октября, 2012 Поделиться Опубликовано 27 октября, 2012 Можно сделать вообще по убогому... Качаем вот это: ___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 Respected и Quicksdk 2 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.