форум vBSupport.ru > vBulletin > vBulletin 4.2.x > Внешний вид 4.2.x
  • »
VBsupport перешел с домена .ORG на родной .RU Ура! Пожалуйста, обновите свои закладки - VBsupport.ru
 
 
 
 
viliksar
Продвинутый
 
viliksar's Avatar
Default Поднять логотип в хедере
0

Не могу сообразить, как прописать кодом ,что логотип поднялся чуть выше....есть место между логотипом и общим фоном.

Чтоб глянуть выбирайте новый стиль форума - http://pravmission.ru
Bot
Yandex Bot Yandex Bot is online now
 
Join Date: 05.05.2005
Реклама на форуме А что у нас тут интересного? =)
 
 
AleX
Гость
Default

@viliksar, для класса .logo-image прописав:
HTML Code:
padding-bottom: значение | inherit
Хотя это неправильный костыль.

Last edited by AleX : 12-25-2015 at 05:36 PM.
 
 
viliksar
Продвинутый
 
viliksar's Avatar
Default
0

Quote:
Originally Posted by AleX View Post
Хотя это неправильный костыль.
В css

Code:
logo-image {
    clear: right;
    float: left;
    height: auto !important;
    min-height: 2em;
}
через файрбаг вставляю
Code:
padding-bottom: 15px; | inherit
файрбаг даже не принимает его т.е. после клика мыши код пропадает
 
 
Dyuhaha
Эксперт
 
Dyuhaha's Avatar
Default
2

А если для класса .navbar:
HTML Code:
margin: 15px 0px 0px;
Ещё менее уверен что правильный костыль, но вроде работает))
 
 
viliksar
Продвинутый
 
viliksar's Avatar
Default
0

Code:
.navbar a {
    color: #FFF;
    margin: 15px 0px 0px;
}
У меня так наоборот опустилась еще ниже картинка
 
 
Dyuhaha
Эксперт
 
Dyuhaha's Avatar
Default
1

Quote:
Originally Posted by viliksar View Post
У меня так наоборот опустилась еще ниже картинка
Код должен быть таким:

HTML Code:
.navbar {
    height: 53px;
    margin: 20px 0px 0px;
}
Манипулируйте первым значением margin ( отступ от верхнего края) пока не добьётесь нужного результата. У меня при таком раскладе margin: 15px 0px 0px; всё ОК.
 
 
viliksar
Продвинутый
 
viliksar's Avatar
Default
0

Quote:
Originally Posted by Dyuhaha View Post
Манипулируйте первым значением margin ( отступ от верхнего края) пока не добьётесь нужного результата. У меня при таком раскладе margin: 15px 0px 0px; всё ОК.
Манипуляция работает, но есть два НО

Края кнопок поднимаются вместе с логотипом и вылезают за границы фона.
Плюс.. на сколько бы не поднимался логотип(у меня 2 пик.), он все равно не полный. Иконка обрезана..

Оффтоп
 
 
Sven
Front-End Developer
 
Sven's Avatar
Default
1

@viliksar, в класс .logo-image добавьте
Code:
position: relative;
top: -27px;
 
 
viliksar
Продвинутый
 
viliksar's Avatar
Default
0

Quote:
Originally Posted by Sven View Post
@viliksar, в класс .logo-image добавьте
Code:
position: relative;
top: -27px;
То что надо!!!

Стесняюсь спросить, но в css не нашел этого класса...возможно у меня файрбаг глючит. Сделал топорно в шаблоне navbar
Code:
<div id="navbar" class="navbar">
<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>
<style>
.logo-image {
position: relative;
top: -27px;
}
</style>
 
 
Sven
Front-End Developer
 
Sven's Avatar
Default
1

Поиск по шаблонам сделайте
 


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off




All times are GMT +4. The time now is 01:21 PM.


Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Loading...