The Arcive of Official vBulletin Modifications Site.

Lynne · #31 05-26-2014, 03:26 PM

We can't help if you don't post your exact code. We need the link to the icons also. And, we need a link to the page.

Spangle · #32 05-26-2014, 03:41 PM

Quote:

Originally Posted by Lynne

We can't help if you don't post your exact code. We need the link to the icons also. And, we need a link to the page.

This is the page, particularly the Clubs Forum with individual team sub forums, ideally I want to use the teams crest as the icon:

http://www.premierleagueforum.co.uk/

The code I have tried to alter is copied from css_global.css and pasted into css.additional.css

Code:

.forum-list-container .subforum-list .subforum-item .icon,
.forum-list-container .forum-item.sub .cell-forum .icon {
	background: transparent url("images/css/sprite_icons_vb_{vb:stylevar textdirection}.png") no-repeat scroll -272px -208px;
	display: inline-block;
	height: 11px;
	width: 10px;
	margin-{vb:stylevar right}: 7px;
	margin-top:2px;
	float:{vb:stylevar left};
}
.forum-list-container .subforum-list .subforum-item .icon.new,
.forum-list-container .forum-item.sub.new .cell-forum .icon {
	background: transparent url("images/css/sprite_icons_vb_{vb:stylevar textdirection}.png") no-repeat scroll -256px -208px;
}

aleheroix · #33 05-27-2014, 12:22 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;}

Just to add to this code, I've added the gridlines/borders on the topics tab view as well...

Code:

/* border of topics pages */
table.topic-list-container tbody.topic-list td.cell-topic { border-width: 1px 0 0 1px; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.topic-list-container tbody.topic-list td.cell-icons { border-width: 1px 1px 0 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.topic-list-container tbody.topic-list td.cell-lastpost { border-width: 1px 1px 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.topic-list-container tbody.topic-list td.cell-inlinemod-item { border-width: 1px 1px 0 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}

/* moving various elements */
.forum-list-container .forum-item .lastpost > .lastpost-wrapper > .lastpost-info {position:relative;left:6px;}
.forum-list-container .forum-item .lastpost > .lastpost-wrapper > .avatar {position:relative;left:6px;}
.forum-list-container .forum-list-header .header-lastpost {padding-left:6px;}
.forum-list-container .subforum-list .subforum-header.h-clear {position:relative;top:8px;}
.topic-list-container .topic-list .cell-count .posts-count {position:relative;left:6px;}
.topic-list-container .topic-list .cell-count .votes-count {position:relative;left:6px;}
.topic-list-container .topic-list .cell-count .views-count {position:relative;left:6px;}
.topic-list-container .topic-list-header .header-stats {padding-left:6px;}
.topic-list-container .topic-list .cell-lastpost .lastpost-by {position:relative;left:6px;}
.topic-list-container .topic-list .cell-lastpost .post-date {position:relative;left:6px;}
.topic-list-container .topic-list .cell-lastpost .go-to-last-post {position:relative;left:6px;}
.topic-list-container .topic-list .cell-lastpost .avatar.h-left {position:relative;left:6px;}
.topic-list-container .topic-list-header .header-lastpost {padding-left:6px;}

Lynne · #34 05-27-2014, 04:16 PM

Quote:

Originally Posted by Spangle

This is the page, particularly the Clubs Forum with individual team sub forums, ideally I want to use the teams crest as the icon:

http://www.premierleagueforum.co.uk/

The code I have tried to alter is copied from css_global.css and pasted into css.additional.css

Code:

.forum-list-container .subforum-list .subforum-item .icon,
.forum-list-container .forum-item.sub .cell-forum .icon {
	background: transparent url("images/css/sprite_icons_vb_{vb:stylevar textdirection}.png") no-repeat scroll -272px -208px;
	display: inline-block;
	height: 11px;
	width: 10px;
	margin-{vb:stylevar right}: 7px;
	margin-top:2px;
	float:{vb:stylevar left};
}
.forum-list-container .subforum-list .subforum-item .icon.new,
.forum-list-container .forum-item.sub.new .cell-forum .icon {
	background: transparent url("images/css/sprite_icons_vb_{vb:stylevar textdirection}.png") no-repeat scroll -256px -208px;
}

I do not see that in your css_additional.css file at all. Besides that, that code is just the default code, no? I asked you to tell us *exactly* what you tried.

Spangle · #35 05-27-2014, 05:37 PM

Quote:

Originally Posted by Lynne

I do not see that in your css_additional.css file at all. Besides that, that code is just the default code, no? I asked you to tell us *exactly* what you tried.

Ok Sorry

I tried entering the data channel id numbers in various places within that code, and replacing the image url with one for the image I wanted.

I could make the default images disappear, but I couldn't get my custom images to replace them.

Code:

.forum-list-container .subforum-list .subforum-item**.icon,
.forum-list-container .forum-item.sub** .cell-forum .icon {
	background: transparent url("images/css/sprite_icons_vb_{vb:stylevar textdirection}.png") no-repeat scroll -272px -208px;
	display: inline-block;
	height: 11px;
	width: 10px;
	margin-{vb:stylevar right}: 7px;
	margin-top:2px;
	float:{vb:stylevar left};
}
.forum-list-container .subforum-list .subforum-item .icon.new**,
.forum-list-container .forum-item.sub.new .cell-forum .icon {
	background: transparent url("images/css/sprite_icons_vb_{vb:stylevar textdirection}.png") no-repeat scroll -256px -208px;
}

I tried the data channel id where the ** are.

Link to forum is http://www.premierleagueforum.co.uk

Lynne · #36 05-27-2014, 07:03 PM

This is the link to your css_additional.css file:
http://www.premierleagueforum.co.uk/...&ts=1401211294

I do not see the above code in there anywhere. I don't know how else to tell you that I CANNOT HELP if you don't have your code on the site so I can see what the problem is. I use firebug to look at sites and if you don't have your code in there, then I can't see what is wrong. Period.

Spangle · #37 05-27-2014, 07:15 PM

Quote:

Originally Posted by Lynne

This is the link to your css_additional.css file:
http://www.premierleagueforum.co.uk/...&ts=1401211294

I do not see the above code in there anywhere. I don't know how else to tell you that I CANNOT HELP if you don't have your code on the site so I can see what the problem is. I use firebug to look at sites and if you don't have your code in there, then I can't see what is wrong. Period.

As it wasn't working I couldn't see the point in leaving it there?

I wasn't even sure if I had the right code.

I will add it back in for you.

If you concentrate on the sub forum called "arsenal" that will show me how to do the rest.

The image url for the Arsenal sub forum icon is http:http://www.premierleagueforum/images...s/ars14x14.png

Lynne · #38 05-27-2014, 07:28 PM

I'm still not seeing the CSS. But, I did click on the link for the icon here - http://www.premierleagueforum/images...s/ars14x14.png - and I get a google error. It should be http://www.premierleagueforum.co.uk/...s/ars14x14.png

Spangle · #39 05-27-2014, 08:51 PM

Quote:

Originally Posted by Lynne

I'm still not seeing the CSS. But, I did click on the link for the icon here - http://www.premierleagueforum/images...s/ars14x14.png - and I get a google error. It should be http://www.premierleagueforum.co.uk/...s/ars14x14.png

It's definitely in css_additional.css

Code:

/* Start Subforum Icons*/
.forum-list-container .subforum-list .subforum-item.icon,
.forum-list-container .forum-item.sub .cell-forum .icon {
	background: transparent url("images/css/sprite_icons_vb_{vb:stylevar textdirection}.png") no-repeat scroll -272px -208px;
	display: inline-block;
	height: 11px;
	width: 10px;
	margin-{vb:stylevar right}: 7px;
	margin-top:2px;
	float:{vb:stylevar left};
}
.forum-list-container .subforum-list .subforum-item .icon.new,
.forum-list-container .forum-item.sub.new .cell-forum .icon {
	background: transparent url("images/css/sprite_icons_vb_{vb:stylevar textdirection}.png") no-repeat scroll -256px -208px;
}

/*End Subforum Icons*/

Lynne · #40 05-27-2014, 11:07 PM

Except the only examples I see right now are for forums with new posts and you only added the css for regular sub-forums with old posts (as I said, use firebug to get this stuff).

and you certainly don't want the stuff regarding the position unless you are using a sprite (which is why they would 'disappear' when you used the CSS for the old posts forums) and your image is not 10x11, it's 14x14, so you need to put those dimensions in.

HTML Code:

.forum-list-container .subforum-list .subforum-item .icon.new, .forum-list-container .forum-item.sub.new .cell-forum .icon {
    background: url("http://www.premierleagueforum.co.uk/images/crests/ars14x14.png") rgba(0, 0, 0, 0);
    display: inline-block;
    height: 14px;
    width: 14px;
}

and, this image seems to be missing from your site (for your Support & Feedback forum):
images/icons/suppico.png

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06156 seconds Memory Usage 2,281KB Queries Executed 11 (?)
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 (5)bbcode_code (2)bbcode_html (6)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 (3)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_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:

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

The Arcive of Official vBulletin Modifications Site.

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