help!!! how do i center a banner and where do i put the code?
danke
danke
1 Kudos
Add Reply
New Topic
- announcements and general chat
- help customising your board
- script help
- help customising your profile
- board customising FAQs and tutorials
- profile customising FAQs and tutorials
- Sharing zone
- Skin reviews and design feedback
- Finished skins
- Icy
- My bloody Valentine
- skin building zone
- Calling all cooks - red
- new ezdesign skin
- Pink Lady
- Halloween
- Blue curves
- old ezdesign skin
- old ezdesign skin 2
- Blogboard
centering
| Author | Comment | |||
|---|---|---|---|---|
 trofeo50 |
centering |
Lead | ||
|
Posts: 6 29 Jul, 2008 16:43 |
|
|||
|
|
||||
|
Arizona |
#1 | |||
|
Posts: 1381 29 Jul, 2008 16:56 yuku global moderator
|
Hi Nathan
 . You can stick your banner url into the image list and it will center automatically. Click on Admin, then in the Design box click the Customized
Skins link. Then look in your skin list for the skin you want to add a banner too and look to the right for the images button. When you press that your image
list will open. The banner url slot is the first one.
|
|||
|
|
||||
|
trofeo50 |
#2 | |||
|
Posts: 7 29 Jul, 2008 17:54 |
hi becky
thanx but it doesn't 
http://thecablebox.yuku.com/topic/6059 |
|||
|
|
||||
|
Arizona |
#3 | |||
|
Posts: 1383 29 Jul, 2008 18:52 yuku global moderator
|
Hmmm what browser are you looking at it with? I see "The Cable Box" banner...then a you tube and then a banner that says houseguests...all are
centered in IE7 and FF3.
Or are you trying to add another one? |
|||
|
|
||||
|
trofeo50 |
#4 | |||
|
Posts: 8 29 Jul, 2008 19:03 |
the houseguest banner is centered? weird, its isn't for me using IE7
you using a wide screen monitor or a regular one? i'm using regular |
|||
|
|
||||
|
trofeo50 |
#5 | |||
|
Posts: 9 29 Jul, 2008 19:08 |
strange i just looked at it with IE6 and a regular monitor (not wide screen) and the skin is sorta off to the left but the banners are centered
weird |
|||
|
|
||||
|
Arizona |
#6 | |||
|
Posts: 1384 29 Jul, 2008 19:24 yuku global moderator
|
Try this then:
.custom-banner {width: 700px; margin: 0px auto; } See if that helps. I will turn on my smaller puter and check there also. It doesn't look off center to me in IE7 when I shrink the screen but it pop out of the borders. |
|||
|
|
||||
|
trofeo50 |
#7 | |||
|
Posts: 10 29 Jul, 2008 19:31 |
well if it looks ok to everyone else then i dont wanna mess with the page.... just need to fix whatever is making mine see it that way i guess but i dunno what
to fix
|
|||
|
|
||||
|
Arizona |
#8 | |||
|
Posts: 1386 29 Jul, 2008 19:44 yuku global moderator
|
Did you try entering that code I added up above? Generally that will center anything. The custom banner has "text-align: center" in the base code
which does not always work for all browers. But giving it a width and the margin of 0px auto should have fixed it up. I can add if for you if you don't
want to mess around in the skin.
Last Edited By: Arizona 29 Jul, 2008 19:56.
Edited 1 time.
|
|||
|
|
||||
|
trofeo50 |
#9 | |||
|
Posts: 11 29 Jul, 2008 20:01 |
ok, add it please.... then i can blame you if its messed up instead of taking the blame myself
|
|||
|
|
||||
|
Arizona |
#10 | |||
|
Posts: 1387 29 Jul, 2008 20:08 yuku global moderator
|
Ok, I added it
. Let me know if it still looks odd to you. I looked on my smaller screen of 1024x768 but I only have IE6 and FF2 on there. But I saw the
banner centered. Even when I took it down to 800x600 it looked centered...just didn't fit. What size is your screen?
|
|||
|
|
||||
|
trofeo50 |
#11 | |||
|
Posts: 12 29 Jul, 2008 20:19 |
still looks odd... mines 800x600
heres what it looks like http://s5.photobucket.com/albums/y156/trofeo50/?action=view¤t=bbscreen.jpg |
|||
|
|
||||
|
Arizona |
#12 | |||
|
Posts: 1388 29 Jul, 2008 20:29 yuku global moderator
|
ok Yes that is actually correct. It is not that it is uncented it is that the image is bigger than the place it sits. That image is 700px. That particular skin
has the wrapper width set for 80%. So if your screen is 800 wide and your image is 700 it would overflow.
There is a way around it for you if you like. Actually a few ways. Both would require using the resolution class script. That way it would only effect people with a screen res of 800x600. One solution would be to set the wrapper at 99% for that res. Another would be to set the image width smaller for that res. Probably best would be a combo of the two....depending on which thing you prefer....wider space at the sides or bigger banner, see? |
|||
|
|
||||
|
trofeo50 |
#13 | |||
|
Posts: 13 29 Jul, 2008 20:44 |
k.. so its simply becuz this pc is set at 800x600 then..... so where do i change that setting on the skin and what do i change it to?
and thnx for the help and time |
|||
|
|
||||
|
Arizona |
#14 | |||
|
Posts: 1389 29 Jul, 2008 20:54 yuku global moderator
|
Ok
. In your custom CSS for that skin add this:
.res-800-600 #wrapper { width: 99%; margin: 0px auto; } Then in your Custom Footer add this: <*resolutionclass> (without the asterick). What that will do is push the sides of your skin out and allow the banner to fit. or you could add: .res-800-600 #wrapper div.custom-banner img { width: 500px;} and the resolutionclass script to the footer as above. That will make the banner image shrink. Just adjust that 500px to suit your screen. It will only effect users that also have that size so what you see in that case, they should also. |
|||
|
|
||||
|
trofeo50 |
#15 | |||
|
Posts: 14 29 Jul, 2008 21:10 |
k... i'll give that a shot.... thanx muches for your help
|
|||
|
|
||||
|
trofeo50 |
#16 | |||
|
Posts: 15 29 Jul, 2008 21:15 |
do i wanna do that in the global css i guess so that it affects the entire skin?
|
|||
|
|
||||
|
Arizona |
#17 | |||
|
Posts: 1391 29 Jul, 2008 21:42 yuku global moderator
|
Yeah if it all the pages have a large image I would
. Just make sure the script is in the the Global footer then also.
|
|||
|
|
||||
|
trofeo50 |
#18 | |||
|
Posts: 16 29 Jul, 2008 21:56 |
k.. thanx again.. i'll stop bothering you now
|
|||
|
|
||||
|
exstreamuser |
#19 | |||
|
Posts: 646 29 Jul, 2008 23:23 |
Nathan, if you wished to change your screen resolution:
Right-click your desktop. Select Properties. Click on the Settings tab. Change your resolution. (1024 x 768 should do) Click Apply. Confirm Yes, if it looks OK. Click OK. |
|||
|
|
||||
|
trofeo50 |
#20 | |||
|
Posts: 17 29 Jul, 2008 23:34 |
that makes everything tiny
|
|||
|
|
||||
Add Reply
- announcements and general chat
- help customising your board
- script help
- help customising your profile
- board customising FAQs and tutorials
- profile customising FAQs and tutorials
- Sharing zone
- Skin reviews and design feedback
- Finished skins
- Icy
- My bloody Valentine
- skin building zone
- Calling all cooks - red
- new ezdesign skin
- Pink Lady
- Halloween
- Blue curves
- old ezdesign skin
- old ezdesign skin 2
- Blogboard
Quick Reply
The copyright of the FAQs, posts and wizards on this board belong to the item author. No material from this board may be reproduced elsewhere without the express permission of the copyright owner.
