Anyone mind making this?

All I want is a code that will move the UBBC and smilies above the quick reply, and possibly center it.

Thanks.

Bump?

Throw me a PM about this tomorrow (about 15 hours time), I'll then get this done for you!

Alright. Will do.

Got some spare time!

Global Header:
<style type = 'text/css'>
#subscribe_topic {
     display: none;
}
#quick_reply_editor {
     float: none;
     text-align: center;
     margin: 0 auto !important;
}
#quick_reply_padding {
     padding-right: 0px !important;
}
</style>

Global Footer:
<script type = 'text/javascript'>
/* Quick Reply Remodel - Wrighty */
with(q = get('quick_reply_editor', 'id')){
     insertBefore(get('smilies', 'id'), q.firstChild);
     insertBefore(get('ubbc_buttons', 'id'), q.firstChild);
}
with(get('ubbc_buttons', 'id')){
     removeAttribute("style");
     style.paddingLeft = (get('table', 'tag')[0].width-312)/2 + "px";
}
</script>

i'm going to jump the gun and ask would it be possible to cascade them so that the smiley's are on the left and the ubbc is on the right. I'm sure DM would agree with me that it looks to blocky the way it is

It looks good. BUT would you be able to make it so that the UBBC is all on 1 line? and then have the smilies underneath it, all centered?

I'll have a go at both when I get back

K, no problem.

Posted By Nick on 27th Apr 10 at 5:56am

 

It looks good. BUT would you be able to make it so that the UBBC is all on 1 line? and then have the smilies underneath it, all centered?

Change the footer JS code to:

<script type = 'text/javascript'>
with(q = get('quick_reply_editor', 'id')){
     insertBefore(get('smilies', 'id'), q.firstChild);
     insertBefore(get('ubbc_buttons', 'id'), q.firstChild);
}
with(get('ubbc_buttons', 'id')){
     removeAttribute("style");
     style.paddingLeft = (get('table', 'tag')[0].width-312*2)/2 + "px";
}
get('br', 'tag', get('ubbc_buttons', 'id'))[0].style.display = 'none';
</script>

Posted By dog199200 on 27th Apr 10 at 5:48am

 

i'm going to jump the gun and ask would it be possible to cascade them so that the smiley's are on the left and the ubbc is on the right. I'm sure DM would agree with me that it looks to blocky the way it is

Would look too wide! :/

Thanks, that looks good!

XD hmm maybe so, after cascading it out, though I don't think it would look weird having the UBBC on top and the smiles on the right side in a 4 by 4 (4 rows, 4 in each row). I think it would look good XD

I could get them 4x4 I guess if ye want!

I like how it is, for what I want it as.

Posted By Nick on 28th Apr 10 at 2:52am

 

I like how it is, for what I want it as.

doesn't mean I still don't want the code I do got a forum of my own there DM XD

but I think it look good like this:



With the over all spacing being get to 98%, so that each area has its space and don't look crowded.


I really need to start learning JS again

Yeah that does look good there Dwight.

Wait what... We're changing what we want.

What am I coding up here then? 'cause so far there's been 4 layouts - 2 have been coded, 2 haven't.

XD look at the images I posted, thats what i want for myself DM can then decide later on what looks best. I just figured since I am already in this discussion I might as well put my two sense in

P.S. looks like the image is gone



Thats what I was talking bout doing the the 4x4 smileys and stuff. Which would look better then them being beside the UBBC. Thats what I want, nothing else, i promise and if i want to adjust the tables width and stuff afterwards, i'm sure i can figure it out XD

Haha, I said it looks good, doesn't mean I want it.

nope i do recall saying that I want it

You should actually have the smilies rows of 3 as look:

Rows of 4:





Rows of 3:

Yes i know it be one short, but I also planned on making an extra smiley

Global Header:
<style type = 'text/css'>
#subscribe_topic {
     display: none;
}
#quick_reply_editor {
     float: none;
     text-align: center;
     margin: 0 auto !important;
}
#quick_reply_editor textarea {
     width: 80% !important;
     float: left;
}
#quick_reply_padding {
     padding-right: 0px !important;
}
</style>

Global Footer:
<script type = 'text/javascript'>
/* UBBC above - 4x4 smilies beside - Wrighty */
with(q = get('quick_reply_editor', 'id')){
     insertBefore(get('ubbc_buttons', 'id'), q.firstChild);
     appendChild(get('smilies', 'id'));
}
n = 0;
while(n <= get('a', 'tag', get('smilies', 'id')).length)
     if(++n % 4 == 0)
          get('smilies', 'id').insertBefore(document.createElement("br"), get('a', 'tag', get('smilies', 'id'))[n]);
with(get('ubbc_buttons', 'id')){
     removeAttribute("style");
     style.paddingLeft = (get('table', 'tag')[0].width-312*2)/2 + "px";
}
get('br', 'tag', get('ubbc_buttons', 'id'))[0].style.display = 'none';
</script>

looks great, but think you can add a padding of about 2 between each smiley? and about 2 on top and the bottom of the ubbc. I edited what I could in regards to the CSS but everything is to pushed together

You should be able to pad the smilies with CSS:
<style type = 'text/css'>
#smilies a {
     margin: 2px;
}
</style>

ok that spaces the smileys left are right, but not up and down XD though it looks better as is. How do you get the ubbc bar to be separated by two pixels above the text area instead of being right on it? i've tired using the #ubbc_buttons a id setting a margin to 2px, and it don't work.

<style type = 'text/css'>
#ubbc_buttons {
     margin: 10px;
}
</style>

Global Header.

and thats the reason I will NEVER go into web-design XD I don't trust my own skills enough XD

Haha .. Glad it's working!

yep yep, thanks