MyBB Community Forums

Full Version: [Flatty 1.8] How to add floating images in header?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
First, I would like to compliment Delay on a super theme!  Very well done and the use of Font Awesome is, well...Awesome!

I would like to add a couple small images to the right side of the top header.  I need them to float so the web page size can change and the images still be visible.  I have been searching for the code to do this but I can't find anything that looks good!

Any one have a easy method to do so?
Quote:... the web page size can change and the images still be visible
not sure how that would be easily possible as the theme is not responsive ..
(2016-02-20, 04:57 PM).m. Wrote: [ -> ]
Quote:... the web page size can change and the images still be visible
not sure how that would be easily possible as the theme is not responsive ..

I'm talking about resizing the window and having the images stay inside the header container...

I finally got this to work:

<div class="float_right"><img src="my_image_here.png"></div>

...but, what do I need to add to the above code to space the image down and over to the left some?  Right now, the code puts the image in the absolute upper right hand corner of my header.
^ well, that code is obvious. your requirement wording sounded like a complex one for me!
anyway, you can add another class to the code and use required style properties like margin-top , margin-right ..
<div class="float_right top_right"><img src="my_image_here.png" /></div>
.top_right {margin-top: 20px; margin-right: 25px;}
(2016-02-22, 11:57 AM).m. Wrote: [ -> ]^ well, that code is obvious. your requirement wording sounded like a complex one for me!
anyway, you can add another class to the code and use required style properties like margin-top , margin-right ..
<div class="float_right top_right"><img src="my_image_here.png" /></div>
.top_right {margin-top: 20px; margin-right: 25px;}

Haha, sorry...I have a way of making things sound bad, LOL!

Thanks for the help...that is exactly what I needed!