The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to size main logo banner

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved How to size main logo banner

Post by azwiz on November 27th 2014, 11:49 am

How to size main logo banner ? How do you make a banner to fit my bigger main logo area and keep it in focus ?
for instance this banner 5 minutes ago filled the whole black area . how does one resize something that much ?

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by Guest on November 27th 2014, 12:04 pm

Try this in your CSS:


Code:
#logo, #logo img {padding:0px;width: 100% !important;height: 60% !important;}

You can change the numbers to your liking. I'd advice GIMP as a free tool to alter your banner if you need it ( http://www.gimp.org )

Guest
Guest


Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 27th 2014, 12:13 pm

Ok I tried it . It sized the picture right but is now out of focus badly Pic has alot of bytes . Does it need , should it have, less bytes ?

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by Guest on November 27th 2014, 12:19 pm

Could you please update your profile here so we can tell what website you're talking about? I can offer you some of my help, but I'd like to see for myself what I'm dealing with, yk. Thank you!

Guest
Guest


Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 27th 2014, 12:58 pm


azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by Mati on November 27th 2014, 1:13 pm

Code:
#logo img {
    width: 650px;
    height: 180px;
}

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 3:00 am

Ok somehow I'm getting further away from my desired design . I guess I lost the display that I just created . Now the above code makes my banner full screen size . If it has to take up the whole screen then I would prefer 1/3 of the heighth . I tried to change the pixels and percentages of the original image but I don't know what I'm doing

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by _Twisted_Mods_ on November 28th 2014, 4:27 am

just set the width take the height offf it will auto size the height based on the width

for sizes there many ways you can do it

400px = pixels
50% = 50% of its containing element
50vw = 50% of the view width

here is an example of each

width: 650px;
width: 65%;
width: 50vw;
just remove the width and height in the code mati gave you and choose one of these and choose the size you want you may have to change it many times to get your desired size... i would recommend the px option

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 4:52 am

Well as I was trying to save a temporary theme I lost everything I had . So now the only two things in the CSS are the two codes i just put in there . And the banner isn't budging no matter what numbers I put in .

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by _Twisted_Mods_ on November 28th 2014, 5:07 am

try adding !important like this

Code:
#logo img{
 width:600px!important;
}

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 5:41 am

Ok that has sized the forum banner area to a better size . Now I want the banner to fit in that same size . But that's not even right . previously the right and left of the forum sides were each about half the size of the right and left side of the background . I had a nice sized background behind the right and left sides . And of course the middle section was not as wide to allow this nice background . The banner logo section area was still only as wide as the right and left side which left a couple inches of background on either side . So I guess I need to shrink the whole forum body . Because it is now as wide as the page or window and that's not how I want it .

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 5:45 am

What does a favicon do ?

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by _Twisted_Mods_ on November 28th 2014, 5:52 am

acp>general>forum>configuration

Pages structure

Forum width (number or %) : set it to about 85%

and ajust it as needed


____________________________________________

favicon - shortcut icon, Web site icon, tab icon, Irina or bookmark icon

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 6:35 am

Ok now I have revealed the background . It is back to the repeated little images . The code I thought fixed that isn't working .

So could you tell me how to stop the background image from repeating little images please . Also the forum banner image wont stretch or whatever to fill the banner .


Last edited by azwiz on November 28th 2014, 7:13 am; edited 1 time in total (Reason for editing : save e space idk)

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by Ramdaman on November 28th 2014, 7:18 am

Im your CSS code for your logo, add this rule:
Code:
  background-repeat: no-repeat;

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 7:23 am

Nope doesn't do it

Yep . Put in a different background and it worked
Now I need to fix the banner

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 7:51 am

@azwiz wrote:Nope doesn't do it

Yep . Put in a different background and it worked
Now I need to fix the banner
This banner is not resizing for me . I havn't figured out how to use gimp 2 yet either .

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 8:01 am

The original banner was 1115 x 350 pixels . Same as the forum banner area was . Now it is much bigger . I guess harder to resize

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by Ramdaman on November 28th 2014, 1:40 pm

Try this:
Code:
#logo {
  height: #px;
  width: #px;
}

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 3:07 pm

Dumb question . Do I assign a value at the # for height and width and logo too ?

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 3:23 pm

BTW everything I entered into the blank CSS last night is gone . does that mean I have to reenter all the codes I put in last night ? I still need to know if I replace the # with numbers ? Yesterday was the first time I ever entered a code so pardon my ignorance please .

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 3:37 pm

Ok I see that the # for the h & w get entered , just leave the # for the logo alone ?

I guess the answer is yes I will have to reenter the codes I put in last night .

Does that include each one that says" !impotant ". Because some that I have saved on my skynotes appear to be the same code , with the addition of the" !important ".

Also , do I also enter the words " Code: " or " Select Content Body " ?

I do not see anywhere that says click " savebody "

ugh

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by Ramdaman on November 28th 2014, 4:05 pm

You assign a number at #. If you changed your skin, reenter your codes, and don't code or select content in your CSS

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 4:13 pm

Entries are in . I had to rearrange a couple { } but it took . No change .

Reminder . These are the only codes that I can see in the CSS .

Somebody please help me . I don't think I can endure a third week of this .

Ok randoman I have that one . But I can't find a couple others that you guys had me put i previously that might be important .

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 4:22 pm

@Ramdaman wrote:You assign a number at #. If you changed your skin, reenter your codes, and don't code or select content in your CSS

Let me be clear . I change the number at # . If it seems to reference a number of size value . But not if it seems to be there for some other reason ie:" # logo " which

probably represents a title number rather than size value . Glad I'm all clear on that now . lol

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 4:26 pm

This what my entire CSS looks like :

#logo {
height:350px;
width:1125px;}
{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: left top; background-repeat: no-repeat;}
#logo img{
width:1125px!important;
} #logo, #logo img {padding:0px;width: 100% !important;height: 60% !important;}


Last edited by azwiz on November 28th 2014, 4:29 pm; edited 1 time in total (Reason for editing : just changed a couple { } again that were backwards)

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 4:34 pm

UHOH ! When I did that . I lost my admin page :

http://valleyofthesun.forumotion.co.uk/admin/index.forum?part=admin&tid=dc201d5721749ac6bfc564451755d3a9

Expletive expletive expletive . I'm really screwed now

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: How to size main logo banner

Post by _Twisted_Mods_ on November 28th 2014, 4:49 pm

this is all you need in your css the rest are duplicates

Code:
 body{  -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: left top; background-repeat: no-repeat;}
#logo img{ width:1125px!important;}

if your page got messed up and u can see the link to get to admin panel just type admin at then end of your url

http://valleyofthesun.forumotion.co.uk/admin

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How to size main logo banner

Post by Ramdaman on November 28th 2014, 5:12 pm

You probably lost your admin page because of this: http://help.forumotion.com/t137085-important-additional-servers

I highly doubt CSS would ruin it.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: How to size main logo banner

Post by azwiz on November 28th 2014, 8:33 pm

I am receiving this message when trying to connect to my website and support.

"Unable to resolve domain name

Please make sure:
- You are connected to the Internet.
- Your DNS server settings are correct.
Error code 105 (net::ERR_NAME_NOT_RESOLVED)"

This is my address

http://valleyofthesun.forumotion.co.uk/

This is their address

http://help.forumotion.com/forumhttp://help.forumotion.com/forum

I do not know what happened . If there is something you can advise me on or help me to restore this . I would greatly appreciate it .

Thank you Paul

These last few posts are copied and pasted in preparation for replying .

Not only can I not connect to my forum , I cannot connect to forumotion support .

I have to come in through facebook , when I click reply I have inside of 10 seconds before it times out .

I need very much to connect to my forum . Very soon please

Thanx Paul

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum