findingpeace
03-14-2013, 12:03 PM
I'm looking for a way to align an image in my header right above the nav tabs.
I'm releasing a book, and I thought it'd be awesome marketing to put the book cover above a tab that says "Get the Book", and make both of them link to the Amazon page.
Example (and no, this is not the cover!)
https://vborg.vbsupport.ru/external/2013/03/40.png
Just pretend "What's new" says "Get the book"
Unfortunately I'm awful at CSS. I assume this must be relatively easy to place an image a certain amount of px over? The logo ends exactly at the end of the word "free", so this image should not collide with it.
We use a fixed width, so this shouldn't ever cause any resizing problems.
Thank you!
--------------- Added 1363275882 at 1363275882 ---------------
Figured this out. in vbulletin-chrome.css, I just added a new line:
.logo-image2 {
position: absolute; bottom: 0; left:531px;
clear: {vb:stylevar right};
min-height: 2em;
height: auto !important;
padding: {vb:stylevar titleimage_padding};
}
I'm releasing a book, and I thought it'd be awesome marketing to put the book cover above a tab that says "Get the Book", and make both of them link to the Amazon page.
Example (and no, this is not the cover!)
https://vborg.vbsupport.ru/external/2013/03/40.png
Just pretend "What's new" says "Get the book"
Unfortunately I'm awful at CSS. I assume this must be relatively easy to place an image a certain amount of px over? The logo ends exactly at the end of the word "free", so this image should not collide with it.
We use a fixed width, so this shouldn't ever cause any resizing problems.
Thank you!
--------------- Added 1363275882 at 1363275882 ---------------
Figured this out. in vbulletin-chrome.css, I just added a new line:
.logo-image2 {
position: absolute; bottom: 0; left:531px;
clear: {vb:stylevar right};
min-height: 2em;
height: auto !important;
padding: {vb:stylevar titleimage_padding};
}