Runboard.com
You're welcome.
Welcome: You have reached Pastor Rick's Design Elements message board... Enjoy your stay and please tell others about this board...

Runboard Social       Sign up (learn about it) ● Sign in (lost password?)


 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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="[sign in to see URL]" />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 emoticon

---

RSFRDAdvertise Boards On TRDREITB
9/6/2007, 10:31 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Erika E Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global 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.

---

Support
Directory
Customer Service
TCC
9/7/2007, 3:07 am Link to this post  
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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 emoticon...

---

RSFRDAdvertise Boards On TRDREITB
9/15/2007, 1:41 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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;
}


---

RSFRDAdvertise Boards On TRDREITB
11/4/2007, 8:54 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
jalalski Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user (premium)


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 emoticon

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:

in or sign up to see linked image content--]--Log in or sign up to see linked image content--

This is how the images looked when I applied the CSS command:

in or sign up to see linked image content--]--Log in or sign up to see linked image content--

But this is where I want them to be (if possible) emoticon

in or sign up to see linked image content--]--Log in or sign up to see linked image content--

The codes in my CSS currently as follows:

forumlistadministrators:

<img src="[sign in to see URL]"</img><br><br><img src="[sign in to see URL]"</img><br><br><img src="[sign in to see URL]"</img>

forumlistmoderators:

<img src=" [sign in to see URL]"</img><br><br><a href="[sign in to see URL]" target= "new"><img src=" [sign in to see URL]"</img></a>

Appreciate your help and guidance of where am going wrong emoticon

---

10/3/2008, 7:57 pm Link to this post Send PM to jalalski MSN Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user (premium)
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


---
Runboard Knowledge Base
Website Creation Tutorials
10/3/2008, 8:37 pm Link to this post Send Email to Lesigner Girl   Send PM to Lesigner Girl Blog
 
jalalski Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user (premium)


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 emoticon

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 Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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


---

RSFRDAdvertise Boards On TRDREITB
10/4/2008, 9:54 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
jalalski Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user (premium)


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 Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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...

---

RSFRDAdvertise Boards On TRDREITB
10/4/2008, 6:50 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
jalalski Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user (premium)


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 Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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:

[sign in to see URL], [sign in to see URL] {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$="[sign in to see URL]"] {
  float: right;
}

.forumlistmoderators {
  margin-top: -225px;
  display: block;
  height: 35px;
}

.forumlistmoderators img {
  float: left;
}

CLS - forum_list_administrators

<img src="[sign in to see URL]" /><br><img src="[sign in to see URL]" /><br><img src="[sign in to see URL]" alt="Administrators: />

CLS - forum_list_moderators

<br><img src="[sign in to see URL]" alt="Moderators:" /><br><br><a href="[sign in to see URL]" alt="Chat" target= "new"><img src="[sign in to see URL]" /></a>

Last edited by Pastor Rick, 10/5/2008, 2:10 pm


---

RSFRDAdvertise Boards On TRDREITB
10/5/2008, 1:58 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
jalalski Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user (premium)


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 Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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.

---

RSFRDAdvertise Boards On TRDREITB
10/5/2008, 4:14 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
jalalski Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user (premium)


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 emoticon

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 emoticon

---

10/5/2008, 4:20 pm Link to this post Send PM to jalalski MSN Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
Karma: 11 (+12/-1)
Reply ● Quote
Re: I want a graphic between the Forums & Board Stats


Posting the code that works with FF3, IE8, [sign in to see URL] and [sign in to see URL]:

CSS:
.ak_msg_forumlist_belowforums_table {display: block; margin-top: 1em; height: 34px; width: 555px; background: url("[sign in to see URL]");}

.ak_msg_forumlist_belowforums_table_td {display: block;}

[sign in to see URL], [sign in to see URL] a {font: 15px verdana,arial,helvetica,sans-serif; height:260px; padding:2px 0 0 0;display:block;color: blue; font-weight: 900;}

[sign in to see URL], [sign in to see URL] 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$="[sign in to see URL]"] {
  float: right; height:260px;width:544px;
}

.forumlistmoderators {
  margin-top: -225px;
  display: block;
  height: 35px;
}

.forumlistmoderators img[src$="[sign in to see URL]"] {margin-top:150px; height:35px;}a:link, a:active { color: #333333;text-decoration: underline;
}

CLS
forum_list_administrators:
<img src="[sign in to see URL]" /><img src="[sign in to see URL]" />

forum_list_moderators:
<a href="[sign in to see URL]" target= "new"><img src="[sign in to see URL]" /></a><br/><img src="[sign in to see URL]" alt="Moderators:"/>

Now I won't lose what progress I made emoticon

---

RSFRDAdvertise Boards On TRDREITB
10/8/2008, 10:11 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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("[sign in to see URL]");}

.ak_msg_forumlist_belowforums_table_td {display: block;}

[sign in to see URL] {
    height: 260px; padding: 2px 0 0 0;
    display: block;
    background:url([sign in to see URL]) right top no-repeat;
}
[sign in to see URL] a {
    font: 15px verdana, arial, helvetica, sans-serif;
    color: blue; font-weight: 900;
}
[sign in to see URL] {
    padding:2px 0 0 0; display:block;
    position:relative; margin-top: -225px; height: 35px;
}
[sign in to see URL] 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="[sign in to see URL]" alt="Administrators:" />

forum_list_moderators:
<a href="[sign in to see URL]" target="new"><img src="[sign in to see URL]" id="c" /></a><br /><img src="[sign in to see URL]" alt="Moderators:" />

---

RSFRDAdvertise Boards On TRDREITB
10/11/2008, 10:56 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
jalalski Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user (premium)


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!! emoticon

Thanks very much for your efforts. Really much appreciated indeed emoticon

---

10/12/2008, 12:43 am Link to this post Send PM to jalalski MSN Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
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 emoticon

---

RSFRDAdvertise Boards On TRDREITB
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)