I want a graphic between the Forums & Board Stats https://bdesignelements.runboard.com/t95 Runboard| I want a graphic between the Forums & Board Stats en-us Thu, 28 Mar 2024 08:50:24 +0000 Thu, 28 Mar 2024 08:50:24 +0000 https://www.runboard.com/ rssfeeds_managingeditor@runboard.com (Runboard.com RSS feeds managing editor) rssfeeds_webmaster@runboard.com (Runboard.com RSS feeds webmaster) akBBS 60 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p370,from=rss#post370https://bdesignelements.runboard.com/p370,from=rss#post370Your 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 nondisclosed_email@example.com (Pastor Rick)Sat, 15 Nov 2008 12:39:32 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p362,from=rss#post362https://bdesignelements.runboard.com/p362,from=rss#post362Guys, What can I say. It's perfect!! Thanks very much for your efforts. Really much appreciated indeed nondisclosed_email@example.com (jalalski)Sun, 12 Oct 2008 00:43:29 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p361,from=rss#post361https://bdesignelements.runboard.com/p361,from=rss#post361This 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:" />nondisclosed_email@example.com (Pastor Rick)Sat, 11 Oct 2008 22:56:36 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p360,from=rss#post360https://bdesignelements.runboard.com/p360,from=rss#post360Posting 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 nondisclosed_email@example.com (Pastor Rick)Wed, 08 Oct 2008 22:11:03 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p359,from=rss#post359https://bdesignelements.runboard.com/p359,from=rss#post359Thanks 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 nondisclosed_email@example.com (jalalski)Sun, 05 Oct 2008 16:20:25 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p358,from=rss#post358https://bdesignelements.runboard.com/p358,from=rss#post358OK, 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.nondisclosed_email@example.com (Pastor Rick)Sun, 05 Oct 2008 16:14:26 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p357,from=rss#post357https://bdesignelements.runboard.com/p357,from=rss#post357Thanks 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.nondisclosed_email@example.com (jalalski)Sun, 05 Oct 2008 16:02:24 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p356,from=rss#post356https://bdesignelements.runboard.com/p356,from=rss#post356I 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>nondisclosed_email@example.com (Pastor Rick)Sun, 05 Oct 2008 13:58:56 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p352,from=rss#post352https://bdesignelements.runboard.com/p352,from=rss#post352Thanks Rick. Much appreciated.nondisclosed_email@example.com (jalalski)Sat, 04 Oct 2008 18:53:54 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p351,from=rss#post351https://bdesignelements.runboard.com/p351,from=rss#post351Hi 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...nondisclosed_email@example.com (Pastor Rick)Sat, 04 Oct 2008 18:50:43 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p350,from=rss#post350https://bdesignelements.runboard.com/p350,from=rss#post350Hi 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?nondisclosed_email@example.com (jalalski)Sat, 04 Oct 2008 16:13:51 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p349,from=rss#post349https://bdesignelements.runboard.com/p349,from=rss#post349Hi 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?nondisclosed_email@example.com (Pastor Rick)Sat, 04 Oct 2008 09:54:18 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p348,from=rss#post348https://bdesignelements.runboard.com/p348,from=rss#post348Thanks 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 nondisclosed_email@example.com (jalalski)Fri, 03 Oct 2008 20:59:48 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p347,from=rss#post347https://bdesignelements.runboard.com/p347,from=rss#post347I'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>nondisclosed_email@example.com (Lesigner Girl)Fri, 03 Oct 2008 20:37:59 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p346,from=rss#post346https://bdesignelements.runboard.com/p346,from=rss#post346Thanks 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 nondisclosed_email@example.com (jalalski)Fri, 03 Oct 2008 19:57:19 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p220,from=rss#post220https://bdesignelements.runboard.com/p220,from=rss#post220This 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; }nondisclosed_email@example.com (Pastor Rick)Sun, 04 Nov 2007 08:54:49 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p201,from=rss#post201https://bdesignelements.runboard.com/p201,from=rss#post201I 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 ...nondisclosed_email@example.com (Pastor Rick)Sat, 15 Sep 2007 13:41:13 +0000 Re: I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p195,from=rss#post195https://bdesignelements.runboard.com/p195,from=rss#post195Thankyou 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.nondisclosed_email@example.com (Erika E)Fri, 07 Sep 2007 03:07:19 +0000 I want a graphic between the Forums & Board Statshttps://bdesignelements.runboard.com/p193,from=rss#post193https://bdesignelements.runboard.com/p193,from=rss#post193I 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 nondisclosed_email@example.com (Pastor Rick)Thu, 06 Sep 2007 22:31:02 +0000