Go Back   vb.org Archive > vBulletin 5 Connect Discussion > vB5 Design and Graphics Discussions

Reply
 
Thread Tools Display Modes
  #11  
Old 05-24-2014, 03:33 PM
Spangle Spangle is offline
 
Join Date: Jun 2011
Posts: 520
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by aleheroix View Post
The issue is that the code that puts gridlines on the forum module, etc doesn't allow you to then move those borders (or remove them).
Hmm I always thought anything added to css additional css overrides previous code.

Have you tried entering it into additional css ?
Reply With Quote
  #12  
Old 05-24-2014, 08:38 PM
aleheroix aleheroix is offline
 
Join Date: Oct 2013
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Spangle View Post
Hmm I always thought anything added to css additional css overrides previous code.

Have you tried entering it into additional css ?
Thats how I have been adding it
Reply With Quote
  #13  
Old 05-24-2014, 08:46 PM
Spangle Spangle is offline
 
Join Date: Jun 2011
Posts: 520
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by aleheroix View Post
Thats how I have been adding it
try something along these lines ?

Code:
{
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
}
If you leave out the left/right on the relevant cells you should make the RSS Cell appear as if it's not there.

http://www.w3schools.com/css/css_border.asp
Reply With Quote
  #14  
Old 05-24-2014, 11:44 PM
aleheroix aleheroix is offline
 
Join Date: Oct 2013
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Spangle View Post
try something along these lines ?

Code:
{
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
}
If you leave out the left/right on the relevant cells you should make the RSS Cell appear as if it's not there.

http://www.w3schools.com/css/css_border.asp
I've gotten this far...

Code:
.cell-forum {
	border-left-style:dotted;
	border-bottom-style:dotted;
	border-top-style:dotted;
	border-width:1px
}
.topics-count {
	border-left-style:dotted;
	border-right-style:dotted;
	border-bottom-style:dotted;
	border-top-style:dotted;
	border-width:1px
}
.posts-count {
	border-right-style:dotted;
	border-bottom-style:dotted;
	border-top-style:dotted;
	border-width:1px
}
.lastpost {
	border-right-style:dotted;
	border-bottom-style:dotted;
	border-top-style:dotted;
	border-width:1px
}
Which looks like this :


That solves the extra column issue. As you can see, the positioning of the borders problem is still there, and using padding to try and reposition text doesnt work...

EDIT : Thanks for the link btw!
Reply With Quote
  #15  
Old 05-25-2014, 09:44 AM
Spangle Spangle is offline
 
Join Date: Jun 2011
Posts: 520
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by aleheroix View Post
I've gotten this far...

Code:
.cell-forum {
	border-left-style:dotted;
	border-bottom-style:dotted;
	border-top-style:dotted;
	border-width:1px
}
.topics-count {
	border-left-style:dotted;
	border-right-style:dotted;
	border-bottom-style:dotted;
	border-top-style:dotted;
	border-width:1px
}
.posts-count {
	border-right-style:dotted;
	border-bottom-style:dotted;
	border-top-style:dotted;
	border-width:1px
}
.lastpost {
	border-right-style:dotted;
	border-bottom-style:dotted;
	border-top-style:dotted;
	border-width:1px
}
Which looks like this :


That solves the extra column issue. As you can see, the positioning of the borders problem is still there, and using padding to try and reposition text doesnt work...

EDIT : Thanks for the link btw!
Have you tried using "text-align" or even "span"

If you search W3 Schools there should be an answer in there.
Reply With Quote
  #16  
Old 05-25-2014, 10:18 AM
aleheroix aleheroix is offline
 
Join Date: Oct 2013
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Spangle View Post
Have you tried using "text-align" or even "span"

If you search W3 Schools there should be an answer in there.
Using relative movement is closest to what I require, but it also created a gap in between the cells were my new gridlines are. See below :


Im sure its padding like they suggested at vB.com but it just doesn't work, at least I can't get it to work. The text in the cells look fixed in position relative to the cell borders, surely that can't be the way its supposed to work can it? That completely takes the power away from any web designers hands in customising the look of the site
Reply With Quote
  #17  
Old 05-25-2014, 10:34 AM
Spangle Spangle is offline
 
Join Date: Jun 2011
Posts: 520
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by aleheroix View Post
Using relative movement is closest to what I require, but it also created a gap in between the cells were my new gridlines are. See below :


Im sure its padding like they suggested at vB.com but it just doesn't work, at least I can't get it to work. The text in the cells look fixed in position relative to the cell borders, surely that can't be the way its supposed to work can it? That completely takes the power away from any web designers hands in customising the look of the site
Not sure if this will help, however when I wanted to use larger Icons for my forum, Lynne gave me this to add to css.additional.css it may help, or even point you in the right direction

Code:
.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {padding-left: 45px;}
Reply With Quote
  #18  
Old 05-25-2014, 03:00 PM
aleheroix aleheroix is offline
 
Join Date: Oct 2013
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Spangle View Post
Not sure if this will help, however when I wanted to use larger Icons for my forum, Lynne gave me this to add to css.additional.css it may help, or even point you in the right direction

Code:
.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {padding-left: 45px;}
Yes, thanks. That did help actually.

It's still not right as the colour of some of the borders aren't included in the stylevar editor (if not all of them). I couldn't manage to get a border around the subforums section or category header however, no amount of poking and prodding got a border on that. Also, some of the borders from the default style kinda look rough with the new (retro) borders, though I suspect I can make them transparent in the stylevar editor.







In the hope that anyone else finds this useful, and anyone else helping me further with it, I will post the code here :
Code:
/* Moving the lastpost feed slightly away from the cell border to have a margin between the wrapper and the cell wall */
.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;}

/* We need to adjust the lastpost column header so it aligns with the lastpost feed. */
.forum-list-container .forum-list-header .header-lastpost {padding-left:6px;}

/* Add the columns on the main page */
.cell-forum, .cell-forum-main {border-style:none dotted dotted dotted;border-width:1px}
.lastpost {border-style:none dotted dotted none;border-width:1px}
.topics-count, .posts-count {border-style:none dotted dotted none;border-width:1px;}

/* The subforum header would be out of place if we add the border, so we move it down. */
.forum-list-container .subforum-list .subforum-header.h-clear {position:relative;top:8px;}

/* Moving the stats feed in the topics page slightly away from the cell border to have a margin between the wrapper and the cell wall */
.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;}

/* Adjusting the column headers on the topics page */
.topic-list-container .topic-list-header .header-lastpost {padding-left:6px;}
.topic-list-container .topic-list-header .header-stats {padding-left:6px;}

/* Add the columns on the topics page */
.topic-list-container .topic-list .cell-inlinemod-item {border-style:none dotted dotted dotted;border-width:1px}
.cell-topic {border-style:none none dotted dotted;border-width:1px}
.cell-lastpost {border-style:none none dotted dotted;border-width:1px}
.cell-icons {border-bottom-style:dotted;border-width:1px}
.cell-count {border-style:none none dotted dotted;border-width:1px}

/* In the topics feed for posts, there is an inherited border style that looks out of place */
.topic-list-container.conversation-list .topic-list .cell-count .posts-count {border-style:none}
Through no experience of CSS I have managed get the classic vBulletin borders back on the listing pages. It looks so much clearer and easy to distinguish than the standard skin, why they decided to not have them in I wouldn't know. I even bought a crappy skin just because it had the borders on, but it looks even worse than the modified default skin so that was a waste of $20.

Any help is much appreciated!
Reply With Quote
  #19  
Old 05-25-2014, 03:15 PM
Spangle Spangle is offline
 
Join Date: Jun 2011
Posts: 520
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by aleheroix View Post
Yes, thanks. That did help actually.

It's still not right as the colour of some of the borders aren't included in the stylevar editor (if not all of them). I couldn't manage to get a border around the subforums section or category header however, no amount of poking and prodding got a border on that. Also, some of the borders from the default style kinda look rough with the new (retro) borders, though I suspect I can make them transparent in the stylevar editor.







In the hope that anyone else finds this useful, and anyone else helping me further with it, I will post the code here :
Code:
/* Moving the lastpost feed slightly away from the cell border to have a margin between the wrapper and the cell wall */
.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;}

/* We need to adjust the lastpost column header so it aligns with the lastpost feed. */
.forum-list-container .forum-list-header .header-lastpost {padding-left:6px;}

/* Add the columns */
.cell-forum, .cell-forum-main {border-style:none dotted dotted dotted;border-width:1px}
.lastpost {border-style:none dotted dotted none;border-width:1px}
.topics-count, .posts-count {border-style:none dotted dotted none;border-width:1px;}

/* The subforum header would be out of place if we add the border, so we move it down. */
.forum-list-container .subforum-list .subforum-header.h-clear {position:relative;top:8px;}

/* Moving the stats feed slightly away from the cell border to have a margin between the wrapper and the cell wall */
.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;}

/* Adjusting the column headers */
.topic-list-container .topic-list-header .header-lastpost {padding-left:6px;}
.topic-list-container .topic-list-header .header-stats {padding-left:6px;}

/* Add the columns on the topics page */
.topic-list-container .topic-list .cell-inlinemod-item {border-style:none dotted dotted dotted;border-width:1px}
.cell-topic {border-style:none none dotted dotted;border-width:1px}
.cell-lastpost {border-style:none none dotted dotted;border-width:1px}
.cell-icons {border-bottom-style:dotted;border-width:1px}
.cell-count {border-style:none none dotted dotted;border-width:1px}

/* In the topics feed for posts, there is an inherited border style that looks out of place */
.topic-list-container.conversation-list .topic-list .cell-count .posts-count {border-style:none}
Through no experience of CSS I have managed get the classic vBulletin borders back on the listing pages. It looks so much clearer and easy to distinguish than the standard skin, why they decided to not have them in I wouldn't know. I even bought a crappy skin just because it had the borders on, but it looks even worse than the modified default skin so that was a waste of $20.

Any help is much appreciated!
have you tried :

border-color:red; ? or whatever colour you want ?

The subforums re a PIA, 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.
Reply With Quote
  #20  
Old 05-25-2014, 03:32 PM
aleheroix aleheroix is offline
 
Join Date: Oct 2013
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Spangle View Post
have you tried :

border-color:red; ? or whatever colour you want ?

The subforums re a PIA, 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've tried :
Code:
.forum-list-container.stretch .subforum-list {border-color:red;border-width:1px;border-style:solid}
.forum-list-container .subforum-list {border-color:red;border-width:1px;border-style:solid}
.subforum-list {border-color:red;border-width:1px;border-style:solid}
.forum-list-container .subforum-list .td {border-color:red;border-width:1px;border-style:solid}
The last one not having anything after the prefix (as in "tr.subforum-list" then its just "td" with no ".")
Reply With Quote
Reply

Thread Tools
Display Modes

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 03:00 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.05155 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
  • (9)bbcode_code
  • (10)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
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (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
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete