Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 20 Jul 2015, 02:35
Hawk7173 Hawk7173 is offline
 
Join Date: Dec 2004
Adding Text to header question

I need to add some text to the header to the right of the forum logo which is aligned at the left.

Please advise!
Reply With Quote
  #2  
Old 20 Jul 2015, 17:12
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
Have you considered adding it via the Ad Manager?
__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #3  
Old 20 Jul 2015, 20:51
Hawk7173 Hawk7173 is offline
 
Join Date: Dec 2004
Will that put it in the header rather than below the header?

--------------- Added 21 Jul 2015 at 01:37 ---------------

Found out that ad manager works, but in the other styles even if I change to logo to the new one, the logo goes in the top center and then the text (image) ad goes to the left and below the logo. If I remove the text (image) that is supposed to be in the center, the logo still remains in the center. Ultimately, What I am trying to accomplish is the logo to the left, an image containing text for the title in the center and then another text in image at the right. It all works on the new style that I have been working on, but screws up the other style headers.

www.m14br.com if you want to take a looksee. The new style I'm working on is green light. I had to disable the ads in the header until this is all sorted out.

I won't mind if I need to pay someone for the few minutes it will take them to fix this, but, I've been on this on and off for three days with no joy.
Reply With Quote
  #4  
Old 21 Jul 2015, 17:00
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
Can you give us an image of what you want it to look like and then can you add in the text/image into some test style and then we can try to come up with some CSS to put things in their place.
__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #5  
Old 21 Jul 2015, 17:38
Hawk7173 Hawk7173 is offline
 
Join Date: Dec 2004
Here's what I want the end result to be give or take. I can do it with one style (green light), but when I go to the Team M14 Green style, it messes everything up. The left logo appears at the top in the center and the other two are at the bottom of the header. Ultimately, I would like to be able to do it with the logo as an image and the text as text rather than another two images. I would prefer it to be on all styles or if it can be done, the green light style and the other styles as they are with the other banner. Hope I'm not making this more confusing.....



--------------- Added 21 Jul 2015 at 17:48 ---------------

This is what happens when I go to the team m14 green style

Reply With Quote
  #6  
Old 21 Jul 2015, 18:39
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
We can't really help with CSS issues unless we can view the problem in the browser. (Your M14 Green Style looks fine on your site right now.)
__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #7  
Old 21 Jul 2015, 21:02
Hawk7173 Hawk7173 is offline
 
Join Date: Dec 2004
I've put the messed up header back together so that you can see the code. Please advise as soon as you can so that I can clean it back up, even if it's not what I want, in order to allow you time to fix/create code for it.

Thank you very much.

--------------- Added 21 Jul 2015 at 21:03 ---------------

The only style that shows correctly, is the greenlight style. The mobile style has a different logo.
Reply With Quote
  #8  
Old 21 Jul 2015, 21:57
Seven Skins's Avatar
Seven Skins Seven Skins is offline
 
Join Date: Sep 2008
This corrects the error in FireBug


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #9  
Old 21 Jul 2015, 22:09
Hawk7173 Hawk7173 is offline
 
Join Date: Dec 2004
That should be in additional .css???
Reply With Quote
  #10  
Old 21 Jul 2015, 22:25
Seven Skins's Avatar
Seven Skins Seven Skins is offline
 
Join Date: Sep 2008
yes
Reply With Quote
  #11  
Old 21 Jul 2015, 23:56
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
It looks like Seven Skins was correct.
__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #12  
Old 22 Jul 2015, 00:35
Hawk7173 Hawk7173 is offline
 
Join Date: Dec 2004
It worked. In fact, for some reason in the additional .css template, it had float no. After the change it fixed the images problem. I'd like to replace the images with text so it is faster loading and doesn't take as much space in the header.

I'm assuming that I can just use the html for the text in the ad spots in place of the images.
Reply With Quote
  #13  
Old 23 Jul 2015, 04:39
Hawk7173 Hawk7173 is offline
 
Join Date: Dec 2004
I looked at my forum on a 10" tablet and the header is all messed up like before. How do I float the entire header or forum width so that no matter what size screen the forum shows as it should?
Reply With Quote
  #14  
Old 23 Jul 2015, 07:37
Skyrider Skyrider is offline
 
Join Date: Feb 2006
You could try checking out:

http://www.vbulletin.com/forum/forum...er-size-issues

Altering the style to fluid rather than fixed makes it stretchable based on browser window size. I have no experience with this as I barely touch these fixed/fluid options. Not sure if it is the answer for you but you could give it a try.

I do believe that the:

doc_MaxWidth and doc_Width under Styles & Templates -> Style Manager -> "YOUR STYLE" -> Style Variable Editor should be set to auto for fluid.
Reply With Quote
  #15  
Old 23 Jul 2015, 09:28
Seven Skins's Avatar
Seven Skins Seven Skins is offline
 
Join Date: Sep 2008
You need use "max-width: 100%" for your header images and they will get resized on smaller screen.
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

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


New To Site? Need Help?

All times are GMT. The time now is 18:13.

Layout Options | Width: Wide Color: