The Arcive of Official vBulletin Modifications Site.

Lynne · #21 05-25-2014, 03:46 PM

Quote:

Originally Posted by Spangle

I wanted to change the icons for them as well as the main icons, but no-one seems to know how to do that either, so adding borders will be in the same boat I suspect.

I have posted that before a couple of times. I think I posted it on vbulletin.com, so you may want to try a search there.

aleheroix · #22 05-25-2014, 03:51 PM

Quote:

Originally Posted by Lynne

I have posted that before a couple of times. I think I posted it on vbulletin.com, so you may want to try a search there.

No help with the category-header and subforum-list?

--------------- Added [DATE]1401042273[/DATE] at [TIME]1401042273[/TIME] ---------------

Code:

.forum-list-container.stretch .category-header td {border-style:solid}

This does put an ugly black line on the category-header...

Lynne · #23 05-25-2014, 07:16 PM

This is what I use on my vB5 site for the main page:

HTML Code:

/* border on homepage */
table.forum-list-container tr.forum-item td.cell-forum { border-width: 1px 1px 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.forum-list-container tr.forum-item td.topics-count, table.forum-list-container tr.forum-item td.posts-count, table.forum-list-container tr.forum-item td.lastpost { border-width: 1px 1px 0 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.forum-list-container tr.subforum-list td { border-width: 1px 1px 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px; padding-top: 15px;}
table.forum-list-container tr.subforum-list td.subforum-item { border: none; padding-top: 0;}
table.forum-list-container tr.category-header td { border-width: 1px 1px 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.forum-list-container tr.subforum-list td.subforum-item { border: none; padding-top: 0;}
div.list-footer {border-width: 1px 1px 1px; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}

This is what I use to change the icons:

HTML Code:

.forum-list-container .forum-item .cell-forum .icon {
    background: url("path/here/image_old.png") no-repeat; 
    height: 20px;
    width: 20px;
}
.forum-list-container .forum-item.new .cell-forum .icon {
  background: url("path/here/image_new.png") no-repeat; 
}

Spangle · #24 05-25-2014, 07:16 PM

Quote:

Originally Posted by aleheroix

No help with the category-header and subforum-list?

--------------- Added [DATE]1401042273[/DATE] at [TIME]1401042273[/TIME] ---------------

Code:

.forum-list-container.stretch .category-header td {border-style:solid}

This does put an ugly black line on the category-header...

try removing .category-header from that bit of css

The border styling should not be applied to it then

Spangle · #25 05-25-2014, 07:27 PM

Quote:

Originally Posted by Lynne

I have posted that before a couple of times. I think I posted it on vbulletin.com, so you may want to try a search there.

Tried a search on VB.com and found this :

Code:

http://www.vbulletin.com/forum/forum/vbulletin-5-connect/vbulletin-5-connect-questions-problems-troubleshooting/vbulletin-5-tutorials/4028327-vb5-temp-fix-for-custom-forum-icons-any-size

But that doesn't work for sub forums.

The code you suggested above is OK if you only want a new and old icon, I would like to have a different icon for each sub-forum.

aleheroix · #26 05-25-2014, 07:43 PM

Quote:

Originally Posted by Lynne

This is what I use on my vB5 site for the main page:

HTML Code:

/* border on homepage */
table.forum-list-container tr.forum-item td.cell-forum { border-width: 1px 1px 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.forum-list-container tr.forum-item td.topics-count, table.forum-list-container tr.forum-item td.posts-count, table.forum-list-container tr.forum-item td.lastpost { border-width: 1px 1px 0 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.forum-list-container tr.subforum-list td { border-width: 1px 1px 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px; padding-top: 15px;}
table.forum-list-container tr.subforum-list td.subforum-item { border: none; padding-top: 0;}
table.forum-list-container tr.category-header td { border-width: 1px 1px 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.forum-list-container tr.subforum-list td.subforum-item { border: none; padding-top: 0;}
div.list-footer {border-width: 1px 1px 1px; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}

This is what I use to change the icons:

HTML Code:

.forum-list-container .forum-item .cell-forum .icon {
    background: url("path/here/image_old.png") no-repeat; 
    height: 20px;
    width: 20px;
}
.forum-list-container .forum-item.new .cell-forum .icon {
  background: url("path/here/image_new.png") no-repeat; 
}

Wow, cheers Lynne!

That looks loads better than my attempt. I guess I need to have a bit more practice, huh?

Lynne · #27 05-25-2014, 09:47 PM

Quote:

Originally Posted by Spangle

Tried a search on VB.com and found this :

Code:

http://www.vbulletin.com/forum/forum/vbulletin-5-connect/vbulletin-5-connect-questions-problems-troubleshooting/vbulletin-5-tutorials/4028327-vb5-temp-fix-for-custom-forum-icons-any-size

But that doesn't work for sub forums.

The code you suggested above is OK if you only want a new and old icon, I would like to have a different icon for each sub-forum.

Then use the data-channel-id in the CSS declaration. (He gives an example of how to use that in post 4 of the thread you just linked to).

Spangle · #28 05-25-2014, 10:03 PM

Quote:

Originally Posted by Lynne

Then use the data-channel-id in the CSS declaration. (He gives an example of how to use that in post 4 of the thread you just linked to).

I tried that and it didn't work for sub-forums

Lynne · #29 05-25-2014, 11:02 PM

Try using firebug, or whatever web developer tool you have, to see the CSS. It uses this as the declaration:

.forum-list-container .subforum-list .subforum-item .icon, .forum-list-container .forum-item.sub .cell-forum .icon {stuff}

So, use that with the data-id stuff.

Spangle · #30 05-26-2014, 09:22 AM

Quote:

Originally Posted by Lynne

Try using firebug, or whatever web developer tool you have, to see the CSS. It uses this as the declaration:

.forum-list-container .subforum-list .subforum-item .icon, .forum-list-container .forum-item.sub .cell-forum .icon {stuff}

So, use that with the data-id stuff.

I've been trying that for several hours on and off, I can remove the default icons, but cannot display the custom icons, even if I use the full url.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05157 seconds Memory Usage 2,272KB Queries Executed 13 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (4)bbcode_code (4)bbcode_html (8)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (10)post_thanks_box (1)post_thanks_box_bit (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (10)post_thanks_postbit_info (10)postbit (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

Благодарность от:
classicrv

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!