vb.org Archive
Page 4 of 5 « First 23 4 5
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB5 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=264)
-   -   Forum Borders / Gridlines (https://vborg.vbsupport.ru/showthread.php?t=311446)

Lynne 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 05-26-2014 03:41 PM
Quote:
Originally Posted by Lynne (Post 2499490)
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 05-27-2014 12:22 PM
Quote:
Originally Posted by Lynne (Post 2499377)
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 05-27-2014 04:16 PM
Quote:
Originally Posted by Spangle (Post 2499491)
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 05-27-2014 05:37 PM
Quote:
Originally Posted by Lynne (Post 2499655)
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 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 05-27-2014 07:15 PM
Quote:
Originally Posted by Lynne (Post 2499675)
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 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 05-27-2014 08:51 PM
Quote:
Originally Posted by Lynne (Post 2499680)
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 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


All times are GMT. The time now is 01:00 PM.
Page 4 of 5 « First 23 4 5
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01727 seconds
  • Memory Usage 1,785KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (5)bbcode_code_printable
  • (2)bbcode_html_printable
  • (6)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete