Temple of Illusia
 »  Illustrated Secrets of Design .
 »  »  I need some help please


Runboard.com       

Jump to Page:  1  2 

 
Morwen Oronor
Citizen
Worldly Traveler

Registered: 01-2008
Posts: 1912
Karma: 18 (+19/-1)
Avatar
Reply | Quote
I need some help please


Lesa, I want to do some cutesy stuff with Anything Goes for Christmas.
I've figured out how to put an image in the forum list table, now I what to put an image in the actual posting box. The one where you type your message...this boc I'm typing in now.

I realise it has to go in the CSS, but I don't know how to put in the code.
http://www.runboard.com/bcsslearning

I'm playing around with ideas on that board, please when you have a moment, look at it and see what you can suggest. I like the way some of the cutenesses have turned out, if there is anything you want to suggest, please feel free to do so.

Skokey, I've made you an admin in case you feel inclined to jump in and change anything you think could look better. Please be my guest.

No rush, I'm not going to put the board in place until Thanksgiving. Want to get that and of course the election done first. So there's still a month to go.

I'm going to do a Christmas thing with Fantasy Island as well.

http://www.runboard.com/btestboard32

I haven't done much work on that one, I want to get the first one done, then I'll know what to do with the second one.

I'm going to put little Xmas gifs on the other boards, no major changes just little images here and there for the Season. I found a whole lot of really cute ones yesterday,


---
The truth is incontrovertible, malice may attack it, ignorance may deride it, but in the end; there it is.William Spencer Churchill
10/20/2008, 3:02 am Link to this post PM Morwen Oronor Read Blog
 
Lesigner Girl
Minerva
Worldly Traveler (premium)
Head of Runboard staff

Registered: 11-2005
Province: YouTube/LesignerGirl
Posts: 6857
Karma: 101 (+115/-14)
Avatar
Reply | Quote
Re: I need some help please


Those are really cute, Mo! Almost makes me wish I could like Christmas again, but I do enjoy looking at such cute layouts. emoticon

On the posting screen, the title box is an <input> in the page's default HTML and the message box is a <textarea>. To customize these areas, use this in your CSS:

.ak_msgform_subject_right_td input,
.ak_msgform_message_right_td textarea {
   
   Your definitions here

}


.ak_msgform_subject_right_td and .ak_msgform_message_right_td refer to the class names that these particular <input> and <textarea> are contained within.

For the sidebar headings, I would suggest white behind the background images:

.box h2 {
  background: #ffffff url(http://i298.photobucket.com/albums/mm272/Vebidia/AG%20changes/xmas/xmas1a-1.gif) left top repeat-x;
  padding: 1em 0;
  color: #EE0000;
  margin: 0px;
  border-bottom: 2px solid #EE0000;
  font-size: 10px;
}


I have no doubt Skokey will come up with some great ideas, but you have done a great job yourself so far. emoticon

---
Reliable Web Hosting
Are you ­­­&shy;?


Image
10/20/2008, 6:19 am Link to this post PM Lesigner Girl Read Blog
 
Morwen Oronor
Citizen
Worldly Traveler

Registered: 01-2008
Posts: 1912
Karma: 18 (+19/-1)
Avatar
Reply | Quote
Re: I need some help please


Thanks for that, now to see if I can do it all by myself. If you hear a loud scream from the other side of the Atlantic, you will know who it is.
 emoticon

---
The truth is incontrovertible, malice may attack it, ignorance may deride it, but in the end; there it is.William Spencer Churchill
10/20/2008, 6:55 am Link to this post PM Morwen Oronor Read Blog
 
Morwen Oronor
Citizen
Worldly Traveler

Registered: 01-2008
Posts: 1912
Karma: 18 (+19/-1)
Avatar
Reply | Quote
Re: I need some help please


Told you, you would hear a scream from the other side of the Atlantic.

 emoticon


I have two problems now. I'm sure they are just minor errors.

1. I put a cute little mousey wreath picture there to go into the post area. Nope nothing there.
2. Then in frustration, I copied the coding from Fantasy Island's halloween design to make the stats box at the bottom show a row of gifs in the header and a green border, but it insists on showing it the way the board wants to it look.


Scream..... what have a done wrong???

---
The truth is incontrovertible, malice may attack it, ignorance may deride it, but in the end; there it is.William Spencer Churchill
10/20/2008, 7:36 am Link to this post PM Morwen Oronor Read Blog
 
Lesigner Girl
Minerva
Worldly Traveler (premium)
Head of Runboard staff

Registered: 11-2005
Province: YouTube/LesignerGirl
Posts: 6857
Karma: 101 (+115/-14)
Avatar
Reply | Quote
Re: I need some help please


You're missing the closing } at the end of your .box definitions. This causes an error, which prevents a lot of the CSS below it from working.

.box {
  
  border: 2px solid #00CB00;
  margin: 1px;
  font-size: 10px;
  color: #AB0000;
  text-align: center;

box h2 {


Also, you have a couple of typos here. For others reading this, this is what it currently says, not what it should say:

padding: 1 em 0;
color: #000000;
margin: 0px;
border-bottom: 2px solid #00cb00;
font-sze: 24px;


---
Reliable Web Hosting
Are you ­­­&shy;?


Image
10/20/2008, 6:29 pm Link to this post PM Lesigner Girl Read Blog
 
Morwen Oronor
Citizen
Worldly Traveler

Registered: 01-2008
Posts: 1912
Karma: 18 (+19/-1)
Avatar
Reply | Quote
Re: I need some help please


 emoticon emoticon


Wouldn't be me without typos, thanks Lesa.

---
The truth is incontrovertible, malice may attack it, ignorance may deride it, but in the end; there it is.William Spencer Churchill
10/20/2008, 10:59 pm Link to this post PM Morwen Oronor Read Blog
 
Morwen Oronor
Citizen
Worldly Traveler

Registered: 01-2008
Posts: 1912
Karma: 18 (+19/-1)
Avatar
Reply | Quote
Re: I need some help please


OK, I fixed that then it put a whole lot of the graphic in the box and in the header, which I didn't want it to do.
Then I did something else now it spreads the box across the screen and if I stipulate a 'width' it wipes out the right border and doesn't show the graphic.
I took that out but it's still spreading the box and now the graphic doesn't show if I make it center:

.ak_msgform_subject_right_td input,
.ak_msgform_message_right_td textarea {
  background: #ffffff url(http://i298.photobucket.com/albums/mm272/Vebidia/AG%20changes/xmas/wreath.png)
 center repeat: x;
 padding: 1em auto;
 color: #000000;
 margin: 1em auto;
 border-bottom: 2px solid #00cb00;
 font-size: 12px;

}

There's the code, sorry to be a pest but I can't fix it. Maybe I should just leave it out.

 emoticon

---
The truth is incontrovertible, malice may attack it, ignorance may deride it, but in the end; there it is.William Spencer Churchill
10/20/2008, 11:26 pm Link to this post PM Morwen Oronor Read Blog
 
Morwen Oronor
Citizen
Worldly Traveler

Registered: 01-2008
Posts: 1912
Karma: 18 (+19/-1)
Avatar
Reply | Quote
Re: I need some help please


This board:
http://www.runboard.com/btestboard32 is the one I'm using to test Fantasy Island's makeover. I'm sort of happy with it just that the sidebar needs the same green background color and I can't get it to work. Can you help me with that please, so that the red text shows through the leaves.
Thanks Lesa, you're a pal.
I'm almost getting there.

---
The truth is incontrovertible, malice may attack it, ignorance may deride it, but in the end; there it is.William Spencer Churchill
10/21/2008, 11:10 am Link to this post PM Morwen Oronor Read Blog
 
Lesigner Girl
Minerva
Worldly Traveler (premium)
Head of Runboard staff

Registered: 11-2005
Province: YouTube/LesignerGirl
Posts: 6857
Karma: 101 (+115/-14)
Avatar
Reply | Quote
Re: I need some help please


No apology necessary, Mo. You're not being a pest. emoticon It's not the centering that's causing the problem, but the syntax in your repeating.

background: #ffffff url(http://i298.photobucket.com/albums/mm272/Vebidia/AG%20changes/xmas/wreath.png)
 center repeat: x;


...should read...

background: #ffffff url(http://i298.photobucket.com/albums/mm272/Vebidia/AG%20changes/xmas/wreath.png)
 center repeat-x;


If you want a green border all the way around instead of just on the bottom, change border-bottom to border, here:

border-bottom: 2px solid #00cb00;



On to the other board...

I assume you're talking about the headings in the sidebar? If that's the case, you don't have a background color or image defined there:

.box h2 {
  background: url() left top repeat-x;
  padding: 1em 0;
  color: #850C13;
  margin: 0px;
  border-bottom: 2px solid #C7B42A;
  font-size: 10px;
}


You can simply change that "background" line to this:

background: #79a513;

(or #50741c, if you want the dark green)


You're welcome, Mo. emoticon They're both looking really good! emoticon

---
Reliable Web Hosting
Are you ­­­&shy;?


Image
10/21/2008, 6:48 pm Link to this post PM Lesigner Girl Read Blog
 
Morwen Oronor
Citizen
Worldly Traveler

Registered: 01-2008
Posts: 1912
Karma: 18 (+19/-1)
Avatar
Reply | Quote
Re: I need some help please


Thank you Lesa those problems are all fixed now. That's much better. Now another two things:
The border on the posting box is a bit heavy, I'd like it to be more of a 'hairline' weight, is that defined by 1em auto? Or how do I define it? and the wreath doesn't show. It's all there but it doesn't appear in the box. I feel so stupid when little things don't work properly and I'm sure it's just a small thing.
A question. What does the 'padding' instruction do?

---
The truth is incontrovertible, malice may attack it, ignorance may deride it, but in the end; there it is.William Spencer Churchill
10/21/2008, 10:42 pm Link to this post PM Morwen Oronor Read Blog
 


Add to this discussion

Jump to Page:  1  2 



You are not logged in (login)
Board's time is: 2/9/2010, 5:54 pm EDT