Go Back   vb.org Archive > vBulletin 5 Connect Discussion > vB5 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #31  
Old 05-26-2014, 03:26 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #32  
Old 05-26-2014, 03:41 PM
Spangle Spangle is offline
 
Join Date: Jun 2011
Posts: 520
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Lynne View Post
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;
}
Reply With Quote
  #33  
Old 05-27-2014, 12:22 PM
aleheroix aleheroix is offline
 
Join Date: Oct 2013
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Lynne View Post
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;}
Reply With Quote
Благодарность от:
Lynne
  #34  
Old 05-27-2014, 04:16 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Spangle View Post
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.
Reply With Quote
  #35  
Old 05-27-2014, 05:37 PM
Spangle Spangle is offline
 
Join Date: Jun 2011
Posts: 520
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Lynne View Post
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
Reply With Quote
  #36  
Old 05-27-2014, 07:03 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #37  
Old 05-27-2014, 07:15 PM
Spangle Spangle is offline
 
Join Date: Jun 2011
Posts: 520
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Lynne View Post
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
Reply With Quote
  #38  
Old 05-27-2014, 07:28 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #39  
Old 05-27-2014, 08:51 PM
Spangle Spangle is offline
 
Join Date: Jun 2011
Posts: 520
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Lynne View Post
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*/
Reply With Quote
  #40  
Old 05-27-2014, 11:07 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:16 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05169 seconds
  • Memory Usage 2,283KB
  • 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
  • (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_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