The Arcive of Official vBulletin Modifications Site.

AndyWhite · #1 06-02-2011, 01:00 PM

I've built a few pages in my vBulletin org using Logician's Webtemplate - it works a treat and is great for custom pages. However, all the table's come out with a black hairline border.

Is it possible to remove it or make it invisible - or at least white?

The html code used to make the table is:

HTML Code:

<body>
<table width="1152" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
  <tr bordercolor="#FFFFFF">   
...... etc.

Any help appreciated.
Thanks
Andy

Lynne · #2 06-02-2011, 03:33 PM

Questions/Problems regarding modifications/styles need to be asked in the modification/style thread. That is where the support for modification/style is - not out here in the main forums. Please note that if a modification/style is unsupported (or even if it says it is supported), you may be on your own if you chose to install it.

Da-Vinci · #3 06-02-2011, 05:13 PM

Take a look at the articles on how to make your own custom page, it's really, really simple.

Here is the one Lynne posted.

https://vborg.vbsupport.ru/showthread.php?t=228112

There may be a CSS issue if you're using a modification. The best bet is to just make a page from scratch and then build your tables as you see fit.

AndyWhite · #4 06-03-2011, 12:29 PM

Thanks for the reply. I've taken the advice so far and have build the template from scratch. You can see the problem at:
http://www.doogle.com/forums/view.ph...ultancyservice

There's an additional problem that I've also noticed - the table escapes out of the border of the site depending on what browser and screen size. My laptop looks fine - my home PC looks aweful.

I've made another template 'hacking' a template already working
http://www.doogle.com/forums/view.ph...ultancyservice
This reads fine - but I've not been able to insert tables into the structure or tweak anything other than the text.

Sorry to be a pain but i've only got this weekend to sort as much as possible.

Thanks

Da-Vinci · #5 06-03-2011, 12:56 PM

The top link looks fine on my PC also.

instead of using px for width try using % as it then becomes fluid for various resolutions.

The second link is just a White page.

AndyWhite · #6 06-03-2011, 01:36 PM

Thanks for the %age tip - doh!(sound of hand slapping forehead). I'm not having much luck getting rid of the black table border though - and that's doing it in plain html. It's invisible if I build the webpage and load it elsewhere i.e. www.doogle.com/Temp.htm
It seems I'm inheriting some CSS attributes elsewhere.
Thanks again
Andy

midnz · #7 06-03-2011, 08:44 PM

Try using a style sheet between head tags on your page and attribute that unique style sheet id to your table.

<table id="my_table" ...

Example:

HTML Code:

<head>
<style type="text/css">
table.my_table {
        width: 90%;
    border-width: 0px;
    border-color: #FFFFFF;
}
table.my_table tr {
    border-width: 0px;
    padding: 0px;
    border-color: #FFFFFF;
}
</style>
</head>

<body>
<table id="my_table">
  <tr>
     <td>some stuff here</td>
     <td>more stuff here</td>
  </tr>
</table>

</body>

AndyWhite · #8 06-04-2011, 05:59 AM

Thanks to all who've contributed . gggggreatly appreaciated. I've not managed to resolve this though - even using CSS in the <head> section. I've pasted the code below. I should add that I tried the exact code suggested by midnz which didnt remove the table border - then pasted it into Dreamweaver (CS3) which added the <class> tags - still not luck though. I'm spending today trying to hack a standard vBulletin template in case that proves better - however, I'd like to know how to produce exact web-pages on the website as I'd need to do this in future.

Thanks (again)

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Consultancy Services</title>

<style type="text/css">
table.my_table {
        width: 100%;
    border-width: 0px;
    border-color: #FFFFFF;
}
table.my_table tr {
    border-width: 0px;
    padding: 0px;
    border-color: #FFFFFF;
}
</style>

</head>

<body>
<table class="my_table" id="my_table">
  
  <tr bordercolor="#FFFFFF" class="my_table">
    <td colspan="2" class="my_table">Hello $user_username,<br />
      <br />
Doogle.com offers a range of free services which you may access on this   website.  Sometimes a more specific request will require the time of a paid professional.  For example, a medium to large corporation   may require specific consultancy to include business analysis and functional specification documentation. This is beyond the scope of a   forum discussion or FAQ?s on this site.<br />
<br />
Since we are impartial and receive no commission to recommend a particular cloud provider. Since the team of consultants has over 100 years of combined experience in Cloud development, integration or configuration, we are able to give a dedicated and accurate response to the cloud solutions you may be seeking.<br />
Please contact us for our fees and daily rates. We have a minimum of 2 days consultancy per project. We will take an overview of the overal corporate objective and recommend the best Cloud based solution. The project is then handed to an expert in the particular area who will have a deep knowledge of the technology required and will be able to implement the solution.</td>
  </tr>
  <tr>
    <td width="521" valign="top" bordercolor="#FFFFFF" class="my_table"><strong>Our consultants will have the following skill sets:</strong>
      <ul>
        <li>Experience in managing and implementing Cloud based projects</li>
        <li>2-5 years experience (minimum) as a Senior IT Business Analyst</li>
        <li>A deep knowledge of the chosen Cloud solution</li>
        <li>A solid understanding of internet technologies and Cloud Computing</li>
        <li>A solid understanding of data management and database concepts</li>
        <li>Familiarity with the lifecycle of business software, server and licensing</li>
    </ul>    </td>
    <td width="630" valign="top" bordercolor="#FFFFFF" class="my_table"><strong>The consultant will have the ability to:</strong>
      <ul>
        <li class="my_table">Design a successful solution</li>
        <li>Anticipate and mitigate risk</li>
        <li>Meet and manage customer expectations</li>
        <li>Build deployments that are scalable and maintainable</li>
        <li>Set up change-management practices</li>
        <li>Troubleshoot and resolve issues</li>
        <li>Prioritise and escalate customer requests</li>
      </ul>    </td>
  </tr>
  <tr bordercolor="#FFFFFF" class="my_table">
    <td colspan="2" class="my_table"><strong>We have consultants in:</strong><br />
US:  New York, San Francisco, San Diego, Florida, Detroit, Boston<br />
EU: London, Birmingham,  Paris, Munich, Milan, Turkey<br />
ASIA and Far East: Singapore, Penang, Bangalore, Delhi, Hong Kong, Shanghai, Beijing, Seoul, Tokyo</td>
  </tr>
  <tr bordercolor="#FFFFFF" class="my_table">
    <td colspan="2" class="my_table"><strong>Further information:</strong><br />
Please use the standard contact page on this site or <a href="http://www.doogle.com/forums/sendmessage.php" target="_self">click here</a></td>
  </tr>
</table>
</body>
</html>

midnz · #9 06-04-2011, 08:00 AM

Sorry Andy, I might have caused you some confusion. My example was just a concept rather than something that might have worked for you.

I've fiddled around with your code and tested it using Logician's Webtemplates and it displayed without any borders showing. I didn't include any "td" parameters in the style sheet I used as an example but have included them in the following code. I've also changed border-width: 0px to border:none and removed all instances of id="my_table" and replaced with class="my_table". Sorry, I was thinking in divs when I typed that.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Consultancy Services</title>

<style type="text/css">
table.my_table {
        width: 100%;
    border-color: #FFFFFF;
    border:none
}
table.my_table tr {
    padding: 0px;
    border-color: #FFFFFF;
    border:none
}
table.my_table td {
    padding: 0px;
    border-color: #FFFFFF;
    border:none
}
</style>

</head>

<body>
<table class="my_table">
  
  <tr class="my_table">
    <td colspan="2" class="my_table">Hello $user_username,<br />
      <br />
Doogle.com offers a range of free services which you may access on this   website.  Sometimes a more specific request will require the time of a paid professional.  For example, a medium to large corporation   may require specific consultancy to include business analysis and functional specification documentation. This is beyond the scope of a   forum discussion or FAQ's on this site.<br />
<br />
Since we are impartial and receive no commission to recommend a particular cloud provider. Since the team of consultants has over 100 years of combined experience in Cloud development, integration or configuration, we are able to give a dedicated and accurate response to the cloud solutions you may be seeking.<br />
Please contact us for our fees and daily rates. We have a minimum of 2 days consultancy per project. We will take an overview of the overal corporate objective and recommend the best Cloud based solution. The project is then handed to an expert in the particular area who will have a deep knowledge of the technology required and will be able to implement the solution.</td>
  </tr>
  <tr class="my_table">
    <td width="521" valign="top" class="my_table"><strong>Our consultants will have the following skill sets:</strong>
      <ul>
        <li>Experience in managing and implementing Cloud based projects</li>
        <li>2-5 years experience (minimum) as a Senior IT Business Analyst</li>
        <li>A deep knowledge of the chosen Cloud solution</li>
        <li>A solid understanding of internet technologies and Cloud Computing</li>
        <li>A solid understanding of data management and database concepts</li>
        <li>Familiarity with the lifecycle of business software, server and licensing</li>
    </ul>    </td>
    <td width="630" valign="top" class="my_table"><strong>The consultant will have the ability to:</strong>
      <ul>
        <li>Design a successful solution</li>
        <li>Anticipate and mitigate risk</li>
        <li>Meet and manage customer expectations</li>
        <li>Build deployments that are scalable and maintainable</li>
        <li>Set up change-management practices</li>
        <li>Troubleshoot and resolve issues</li>
        <li>Prioritise and escalate customer requests</li>
      </ul>    </td>
  </tr>
  <tr class="my_table">
    <td colspan="2" class="my_table"><strong>We have consultants in:</strong><br />
US:  New York, San Francisco, San Diego, Florida, Detroit, Boston<br />
EU: London, Birmingham,  Paris, Munich, Milan, Turkey<br />
ASIA and Far East: Singapore, Penang, Bangalore, Delhi, Hong Kong, Shanghai, Beijing, Seoul, Tokyo</td>
  </tr>
  <tr class="my_table">
    <td colspan="2" class="my_table"><strong>Further information:</strong><br />
Please use the standard contact page on this site or <a href="http://www.doogle.com/forums/sendmessage.php" target="_self">click here</a></td>
  </tr>
</table>
</body>
</html>

If you want to create custom vBulletin pages you will find instructions here:
[HOW TO - vB4] Create your own vBulletin page

AndyWhite · #10 06-04-2011, 04:26 PM

Fantastic!! Works a treat. Thanks a lot! I've spent today faffing about with vBulletin templates and getting a better understanding but no real progression with the page I'm working on. What you've done shows that custom pages can be made exactly as required. I think I need to improve my web-dev skills though. Thanks so much for your help on this one. Happy to pay-pal you for a few hours of your work of buy you a cyber-pint!. Greatly appreciated.
Andy

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.06270 seconds Memory Usage 2,277KB 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_html (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (1)pagenav (1)pagenav_curpage (1)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_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 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
Messages:

The Arcive of Official vBulletin Modifications Site.

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