HTML Question Please

0 Kudo

Author	Comment
auntiem	HTML Question Please		Lead	[-]
Posts: 53 8-Nov-09 1:13 PM	Tags : None I'm working on a Christmas skin and would like to have the swag in both the upper right and left hand corners. I got it in the left with no problem but can't get it in the right. I've tried everything I can think of and have even looked through the library skin to try to find something to use as a guide, but to no avail. I'm still fairly new at this but have a bit of a handle on the css part but not the html. Can this be done and if so, how?? Thanks. www.chelseashome.yuku.com Last Edited By: auntiem 8-Nov-09 1:29 PM. Edited 1 time.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#1	[url]	[-]
ADMINISTRATOR Posts: 4562 8-Nov-09 11:18 PM `smilie` `fetiche`	Yes, it can be done . Do you want the images on the blue background or on the white?
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
auntiem		#2	[url]	[-]
Posts: 53 9-Nov-09 4:48 AM	I'd like to have them on the wrapper. Can you just give me the code so I can see how it is done? Thanks so much!!
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#3	[url]	[-]
ADMINISTRATOR Posts: 4562 9-Nov-09 6:14 AM `smilie` `fetiche`	Ok...I stole a copy of your skin and put it on my test board. Can you look here and tell me if this is what you want? http://rholeintheweb.yuku.com/
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
auntiem		#4	[url]	[-]
Posts: 53 9-Nov-09 6:47 AM	Yes, that'd be great!! While I have you, a couple more questions. Will I be able to still add a banner using html with the swags there? I know (I think) what the code is but just want to make sure I'll still be able to add one. The other question is, I put images in for some of my buttons but with the topic tools the image is only replacing the button in one spot but not the other that's in a different spot (if that makes any sense to you). Thanks for you help.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#5	[url]	[-]
ADMINISTRATOR Posts: 4562 9-Nov-09 7:17 AM `smilie` `fetiche`	I've got to run out for a bit but I will import that copy I made to your list so you can look at the code. Then I will check your buttons when I get back .
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
auntiem		#6	[url]	[-]
Posts: 53 9-Nov-09 7:21 AM	No hurry. Thanks very much.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#7	[url]	[-]
ADMINISTRATOR Posts: 4562 9-Nov-09 8:31 AM `smilie` `fetiche`	Oh I like those buttons! But anyway the problem is because of a little error we have in the code. The spot you are missing the button is actually the "Forum tools". The text says Topic tools but on that page it should say Forum. So you need to add an image to the forum tools spot in your image list. Often when I am making buttons I just make one that says "Tools" and use it in both spots. Only admins and mods can see the tools buttons.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#8	[url]	[-]
ADMINISTRATOR Posts: 4562 9-Nov-09 8:33 AM `smilie` `fetiche`	Sorry forgot about the banner. You can just add it in the images area too. It is the first position in the list.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
auntiem		#9	[url]	[-]
Posts: 53 9-Nov-09 1:08 PM	Thanks!! I thought they were kinda different. Not exactly a traditional Christmas skin. lol I just checked the code too. Is it because of the div.forum you put in that I couldn't get it to go to the right side? Last Edited By: auntiem 9-Nov-09 1:13 PM. Edited 1 time.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
auntiem		#10	[url]	[-]
Posts: 53 9-Nov-09 1:58 PM	When I post the html for the swags they're not in the same position on my pc (FF3.5 & IE7) as in your example. I can get them closer to the top by adding a negative margin with no problem but I can't get them further apart from each other. I thought I'd be able to do this by adding a left and a right margin, but when I try they don't move. Do I have to do something different to get them further apart?? The code I tried was margin-left: -50px; Thanks.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#11	[url]	[-]
ADMINISTRATOR Posts: 4562 9-Nov-09 2:03 PM `smilie` `fetiche`	Kind of. I think the code you were using to start with was what I had used on the "Election skin". The images on that one were in the html not the CSS. The thing I did here was put them both as backgrounds in the CSS . If you look in the CSS at the .tl and .tr you will see one says "top left" and the other "top right". That is what put them at the sides . The padding in the division after them is what moves the forum down so they are visible.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#12	[url]	[-]
ADMINISTRATOR Posts: 4562 9-Nov-09 2:07 PM `smilie` `fetiche`	Oops didnt' see your second post...let me go check .
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#13	[url]	[-]
ADMINISTRATOR Posts: 4562 9-Nov-09 2:18 PM `smilie` `fetiche`	k...look for this in your skin: #wrapper { margin: 50px auto; width: 85%; padding:70px; background: URL(http://i171.photobucket.com/albums/u300/auntiem_6/skins/christmas/christmasbg2.png); -moz-border-radius: 5px; } Change it to this: #wrapper { width: 95%; margin: 50px auto; -moz-border-radius: 5px; background: url(http://i171.photobucket.com/albums/u300/auntiem_6/skins/christmas/christmasbg2.png); } See how that works ;D.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
auntiem		#14	[url]	[-]
Posts: 53 9-Nov-09 3:43 PM	Actually I tried that earlier when I was trying to figure out why it was happening and all I ended up with was my boxes being hard up against the edge of my wrapper. I'll go change it so you can actually see what happens when I take all the padding out.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#15	[url]	[-]
ADMINISTRATOR Posts: 4562 9-Nov-09 10:57 PM `smilie` `fetiche`	Look in the Custom Header of that skin. You will see this: <div class="tl"> <div class="tr"> <div class="forum"></div></div></div> What that is doing is closing the divisions before your forums/categories start. You should have this in the Custom Header: <div class="tl"> <div class="tr"> <div class="forum"> And this part in the Custom Footer: </div></div></div> Change that and your padding will reappear at the forum sides.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
auntiem		#16	[url]	[-]
Posts: 53 10-Nov-09 4:06 AM	Hmmm ... I don't know why the divs are there. Thanks so much. I'll give that a try. I think that's it for now.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#17	[url]	[-]
ADMINISTRATOR Posts: 4562 10-Nov-09 6:02 AM `smilie` `fetiche`	If you ever save the skin and forget the closing div's they will get added automatically but often not where you would like them, lol. That could have been what happened. Last Edited By: Arizona 10-Nov-09 8:51 AM. Edited 1 time.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
auntiem		#18	[url]	[-]
Posts: 53 10-Nov-09 8:04 AM	Yes, that's definite possibilty!!
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote

<< Previous Topic Next Topic >>

Add Reply

Yuku free message boards

HTML Question Please

HTML Question Please

Quick Reply