Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
I want a graphic between the Forums & Board Stats
I was asked this question by Erika:
quote:
I would like to put it under the forum next to where it says Administorator and Moderator names to the right above the date where the board was founded.
But I don't know how to get it there?
The it was a graphic image available for use by the RDS Discovery of the Month winners but it could be just about anything you might like to use to decorate your board.
I sent this out as a designer challenge and LeSigner Girl came up with this combination that uses CSS and CLS.
In your custom CSS add this at the end
.forumlistadministrators {
display: block;
height: ??px;
}
.forumlistadministrators img {
float: right;
}
NOTE: replace the part in yellow with the actual height of the graphic (in Erika's question that would be 150).
In your CLS change this:
forum_list_administrators: Administrators
to this
forum_list_administrators: <img src="http://www.rbbt.net/pics/botM2.gif" />Administrators:
NOTE: change the part in yellow to the url of the graphic you wish to use. The url in the example is the graphic Erika was asking about.
Many thanks LeSigner Girl, you continue to amaze 
|
|
9/6/2007, 10:31 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Erika E
Registered user
Registered: 10-2003
Posts: 26
Karma: 2 (+2/-0)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Thankyou both. But help it never work as I would have liked it too. When I did it the icon that I already have before the administors name floated too. Is there any way to stop that. If not I will place the icon lower down. Also it made the moderators names go with a big gap between that and the Aministrators on top of it. I never expected that to happen. I was just expecting it to sit at the same lever I suppose
Lesigner girl amazes me too with some of the things I have seen her do.
Also the height of the graphic had to be changed to 165 as it cut of the bottom, and guess what I did that all by myself LOL
Pastor Rick thankyou for your part in this too.
|
|
9/7/2007, 3:07 am
|
Link to this post
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
I really liked this idea and solution so I used it to place the new RunSearch link between the forums and the Board stats. I used the link with the longer of the html code snippets to see if it would work inside of the CLS (which gives very limited room for html) and had no problems ...
|
|
9/15/2007, 1:41 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
This solution also works with href links but instead of the second line reading .forumlistadministrators img {
float: right;
} you have to change it to read:
.forumlistadministrators a {
float: right;
}
|
|
11/4/2007, 8:54 am
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
jalalski
Registered user
Registered: 02-2004
Location: SUTHERLAND, SYDNEY
Posts: 9
Karma: 0 (+0/-0)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Thanks for pointing me to this thread Rick.
I love the way this board is designed. Looks awesome 
OK, I have tried a couple of things as suggested here and it has resulted in images moving around, but not us I wanted or where I wanted them to be.
I have images in both forumlistadminstrators and forumlistmoderators fields, so I have applied the float setting in CSS to both like this:
forumlistadministrators {
display: block;
height: 31px;
}
.forumlistadministrators img {
float: right;
}
forumlistamoderators {
display: block;
height: 31px;
}
.forumlistmoderators img {
float: right;
}
This how my test board looked BEFORE applying the CSS command:
 
This is how the images looked when I applied the CSS command:
 
But this is where I want them to be (if possible)
The codes in my CSS currently as follows:
forumlistadministrators:
<img src="http://tinyurl.com/ysmjsv"</img><br><br><img src="http://tinyurl.com/326446"</img><br><br><img src="http://www.australianxtrail.com.au/files/m_administrators.gif"</img>
forumlistmoderators:
<img src=" http://tinyurl.com/4f7y9l"</img><br><br><a href="http://tinyurl.com/3qz5od" target= "new"><img src=" http://tinyurl.com/5xbhk4"</img></a>
Appreciate your help and guidance of where am going wrong
|
|
10/3/2008, 7:57 pm
|
Link to this post
Send PM to jalalski
MSN
Blog
|
Lesigner Girl
Registered user
Head of Runboard staff
Registered: 11-2005
Posts: 2
Karma: 0 (+0/-0)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
I'm a bit overtired and didn't look very closely, but the two things in your CSS that jump out at me are the two missing dots and the fact that you spelled the first "forumlistmoderators" as "forumlistamoderators".
.forumlistadministrators {
display: block;
height: 31px;
}
.forumlistadministrators img {
float: right;
}
.forumlistamoderators {
display: block;
height: 31px;
}
.forumlistmoderators img {
float: right;
}
As for your HTML, the <img> tags are coded incorrectly. They should be
<img src="...." alt="Text for when the image doesn't work" />
not
<img src="..."</img>
Last edited by Lesigner Girl, 10/3/2008, 8:39 pm
|
|
10/3/2008, 8:37 pm
|
Link to this post
Send Email to Lesigner Girl
Send PM to Lesigner Girl
Blog
|
jalalski
Registered user
Registered: 02-2004
Location: SUTHERLAND, SYDNEY
Posts: 9
Karma: 0 (+0/-0)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Thanks Lesa, fixed the spelling mistake and the 2 missing dots.
As for the "alt= command. I left it out on purpose as I have run-out of space in CLS, so I just wanted to check the workings of the image and its position before worrying about describing the image if it doesn't work.
The images are still all over the place 
Last edited by jalalski, 10/3/2008, 9:00 pm
|
|
10/3/2008, 8:59 pm
|
Link to this post
Send PM to jalalski
MSN
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Hi Jalalski,
Have you changed your CLS entries for the forum_list_administrators and forum_list_moderators yet?
Oh wait a sec... Looking at your setup you have 3 images under the forum_list_administrators and 2 images under the forum_list_moderators.
I think we can do this but it will require the attribute selector property in CSS2 to make it work so browsers below IE7 and FF2 won't display the results correctly (if my thinking is correct).
I don't know how your board sets with CSS space, do you have room or access to your own web site for CSS additions?
Last edited by Pastor Rick, 10/4/2008, 11:34 am
|
|
10/4/2008, 9:54 am
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
jalalski
Registered user
Registered: 02-2004
Location: SUTHERLAND, SYDNEY
Posts: 9
Karma: 0 (+0/-0)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Hi Rick,
I played around with them last night and removed 2 images which were designated to the administrators and moderators and reverted back to text and I also combined the top 2 images which were part of the forum_list_administrators into one large image (the one with the forum sticker)
I then applied the CSS commands to both forumlistadmin and forumlistmod, but the positioning is still wrong.
I still have plenty of space in my board's CSS, so we can work on that first, but I also have access to my own hosting server and website should we need to.
Thanks for your help.
Do you want me to change everything back to the way it was in my test board as per my above post?
|
|
10/4/2008, 4:13 pm
|
Link to this post
Send PM to jalalski
MSN
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Hi Jalalski,
I have the links to your other graphics so I can play with it on one of my test sites. I should have my version done inside of 24 hours...
|
|
10/4/2008, 6:50 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
jalalski
Registered user
Registered: 02-2004
Location: SUTHERLAND, SYDNEY
Posts: 9
Karma: 0 (+0/-0)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Thanks Rick. Much appreciated.
|
|
10/4/2008, 6:53 pm
|
Link to this post
Send PM to jalalski
MSN
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
I figured out how to get all the graphics in and in the place you want them Jalalski. Works in FF3, Opera9.5, IE8
One thing that I have not figured out how to do is place a space between the end of the Admin and Mod graphics and the start of the Admin and Mod names... Do you want the names to be links like they are normally? I didn't put that in yet (not sure I can, have never tried both img and a definitions before on a block element)...
CSS:
span.forumlistadministrators, span.forumlistmoderators {font: 15px verdana,arial,helvetica,sans-serif; height:25px; padding:2px 0 0 0;}
span[class=forumlistadministrators] { color: blue; font-weight: 900; }
span[class=forumlistmoderators] { color: blue; font-weight: 900; }
.forumlistadministrators {
display: block;
height: 35px;
}
.forumlistadministrators img[src$="http://tinyurl.com/326446"] {
float: right;
}
.forumlistmoderators {
margin-top: -225px;
display: block;
height: 35px;
}
.forumlistmoderators img {
float: left;
}
CLS - forum_list_administrators
<img src="http://tinyurl.com/ysmjsv" /><br><img src="http://tinyurl.com/326446" /><br><img src="http://www.australianxtrail.com.au/files/m_administrators.gif" alt="Administrators: />
CLS - forum_list_moderators
<br><img src="http://tinyurl.com/4f7y9l" alt="Moderators:" /><br><br><a href="http://tinyurl.com/3qz5od" alt="Chat" target= "new"><img src="http://tinyurl.com/5xbhk4" /></a>
Last edited by Pastor Rick, 10/5/2008, 2:10 pm
|
|
10/5/2008, 1:58 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
jalalski
Registered user
Registered: 02-2004
Location: SUTHERLAND, SYDNEY
Posts: 9
Karma: 0 (+0/-0)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Thanks for your effort Rick, it looks excellent, but the entire board is out of alignment when I view it in IE8 to see these images and they don't come-up in IE7 at all.
The second admin name is a link it seem, but the first name (mine) is not. I would prefer to have them both as link as they usually are if that is possible.
|
|
10/5/2008, 4:02 pm
|
Link to this post
Send PM to jalalski
MSN
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
OK, I'll set the a definitions as well and then start looking for why IE7 isn't showing them to see if there is a work-around.
|
|
10/5/2008, 4:14 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
jalalski
Registered user
Registered: 02-2004
Location: SUTHERLAND, SYDNEY
Posts: 9
Karma: 0 (+0/-0)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Thanks Rick, you're a champion mate
Am going cross-eyed switching between IE7 and IE8 on the same browser, never realized things can be so complicated with Explorer until now LOL
|
|
10/5/2008, 4:20 pm
|
Link to this post
Send PM to jalalski
MSN
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Posting the code that works with FF3, IE8, Safari3.1.1 and Opera9.51:
CSS:
.ak_msg_forumlist_belowforums_table {display: block; margin-top: 1em; height: 34px; width: 555px; background: url("http://tinyurl.com/ysmjsv");}
.ak_msg_forumlist_belowforums_table_td {display: block;}
span.forumlistadministrators, span.forumlistadministrators a {font: 15px verdana,arial,helvetica,sans-serif; height:260px; padding:2px 0 0 0;display:block;color: blue; font-weight: 900;}
span.forumlistmoderators, span.forumlistmoderators a {font: 15px verdana,arial,helvetica,sans-serif; height:35px; padding:2px 0 0 0;display:block;color: blue; font-weight: 900;}
.forumlistadministrators img[src$="http://tinyurl.com/326446"] {
float: right; height:260px;width:544px;
}
.forumlistmoderators {
margin-top: -225px;
display: block;
height: 35px;
}
.forumlistmoderators img[src$="http://tinyurl.com/5xbhk4"] {margin-top:150px; height:35px;}a:link, a:active { color: #333333;text-decoration: underline;
}
CLS
forum_list_administrators:
<img src="http://tinyurl.com/326446" /><img src="http://www.australianxtrail.com.au/files/m_administrators.gif" />
forum_list_moderators:
<a href="http://tinyurl.com/3qz5od" target= "new"><img src="http://tinyurl.com/5xbhk4" /></a><br/><img src="http://tinyurl.com/4f7y9l" alt="Moderators:"/>
Now I won't lose what progress I made
|
|
10/8/2008, 10:11 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
This code was provided by Lesigner Girl. It works with everything from IE6 up to the best of our knowledge anyway:
CSS
.ak_msg_forumlist_belowforums_table {display: block; margin-top: 1em; height: 34px; width: 555px; background: url("http://tinyurl.com/ysmjsv");}
.ak_msg_forumlist_belowforums_table_td {display: block;}
span.forumlistadministrators {
height: 260px; padding: 2px 0 0 0;
display: block;
background:url(http://tinyurl.com/326446) right top no-repeat;
}
span.forumlistadministrators a {
font: 15px verdana, arial, helvetica, sans-serif;
color: blue; font-weight: 900;
}
span.forumlistmoderators {
padding:2px 0 0 0; display:block;
position:relative; margin-top: -225px; height: 35px;
}
span.forumlistmoderators a {
font: 15px verdana,arial,helvetica,sans-serif;
color: blue; font-weight: 900;
}
#c {position: absolute; bottom: -100px; left: 0;}
CLSforum_list_administrators:
<img src="http://www.australianxtrail.com.au/files/m_administrators.gif" alt="Administrators:" />
forum_list_moderators:
<a href="http://tinyurl.com/3qz5od" target="new"><img src="http://tinyurl.com/5xbhk4" id="c" /></a><br /><img src="http://tinyurl.com/4f7y9l" alt="Moderators:" />
|
|
10/11/2008, 10:56 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
jalalski
Registered user
Registered: 02-2004
Location: SUTHERLAND, SYDNEY
Posts: 9
Karma: 0 (+0/-0)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Guys,
What can I say. It's perfect!!
Thanks very much for your efforts. Really much appreciated indeed
|
|
10/12/2008, 12:43 am
|
Link to this post
Send PM to jalalski
MSN
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Re: I want a graphic between the Forums & Board Stats
Your are most welcome jalalski, it was a nice exercise and I learned a lot while developing my solution. Lesa came in with the best solution and her little tricks taught me even more so it is a win win for all involved
|
|
11/15/2008, 12:39 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Add a reply
You are not logged in ( login)
|
