how to fix this

Re: a space between borders and change te category head img

Find this line:

<table border="0" cellspacing="1" cellpadding="4" class="tborder">

and make it look like the one directly above it:

<table border="0" cellspacing="2px" cellpadding="2px" width="100%" align="center">

Not sure where they are, but upon inspecting the code it is in the HTML code for the page.

It appears to reside within the addon "Custom Sidebar by Pankaj Biswas".
 
Re: a space between borders and change te category head img

i do not have this line
<table border="0" cellspacing="1" cellpadding="4" class="tborder">
 
Re: a space between borders and change te category head img

This is basically using javascript considering the table where the space required is the last table with the class 'tborder'.

Add this before </body> tag.

Code: 
<script>
jQuery( document ).ready(function() {

   TGZ_elems=document.getElementsByClassName('tborder');
   TGZ_elems.item(TGZ_elems.length-1).setAttribute('style','margin-left:4px')

});
</script>
 
Re: a space between borders and change te category head img

It worked like a charm
thank you very much....
one other question

How can I add a slider to my portal

Thanks
 
Re: a space between borders and change te category head img

add the following somewhere in tthe of themes/theme23/global.css
and then clear or rebuild your cache.

Code: 
.tborder:last-of-type td.thead {
background: blue;
}

or you can simply add following code before </body>
Code: 
<style>

.tborder:last-of-type td.thead {
background: blue;
}

</style>
 
Re: a space between borders and change te category head img

you are amazing

just onther 3 more questions

how can i add a slider to my portal

and for my portal
how can i bring this table
the one on the bottom left
to be on the top right

thanks


my portal link
http://thegame-zone.com/portal.php

my portal templat

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
</head>
<body>
{$header}
<table width="100%" cellspacing="0" cellpadding="{$theme['tablespace']}" border="0" align="center">
<tr><td valign="top" width="200">
{$welcome}
{$pms}
{$search}
{$stats}
{$whosonline}
{$latestthreads}
</td>
<td>&nbsp;</td>
<td valign="top">
{$announcements}
</td>
</tr>






</table>
</div>
</td>
</tr>



<div class="sidebar" style="float: left; width: 20%">



<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
TGZ Video
</td>
</tr>

<tr>
<td>
<iframe width="180" height="150" src="//www.youtube.com/embed/gwPm0yMT8UM" frameborder="0" allowfullscreen></iframe>
</td>
</tr>
</div>




<tr>
<td class="thead">
ADVERTISING
</td>
</tr>

<tr>
<td>


<CENTER><a href="http://www.animesociety.net/portal/"><img src="http://i.imgur.com/nb9NNmL.png" title="Hosted by imgur.com" /></a></CENTER>
</td>
</tr>



<tr>
<td class="thead">
Game of the week
</td>
<tr>
<td>
<iframe width="180" height="150" src="//www.youtube.com/embed/zRDij-wHKok" frameborder="0" allowfullscreen></iframe>
</td>
</tr>


<tr>
<td class="thead">
Affilates
</td>
</tr>

<tr>
<td>
<CENTER><a href="http://www.videogameforum.net/"><img src="http://i.imgur.com/dcjkhPG.jpg" title="Hosted by imgur.com" /></a></CENTER>
<br />
<CENTER><a href="http://www.thegame-zone.com/"><img src="http://i.imgur.com/OpKIZcf.gif" title="Hosted by imgur.com" /></a></CENTER>

</td>
</tr>

<br />
<tr>
<td class="thead">
MEMBER OF THE MONTH
</td>
</tr>

<tr>
<td>
<CENTER><a href="http://imgur.com/USUquoc"><img src="http://i.imgur.com/USUquoc.png" title="Hosted by imgur.com" /></a></CENTER>
</td>
</tr>


</table>
</td>
</tr>
</table>
<!-- Custom Sidebar By Pankaj Biswas -->


<script>
jQuery( document ).ready(function() {

TGZ_elems=document.getElementsByClassName('tborder');
TGZ_elems.item(TGZ_elems.length-1).setAttribute('style','margin-left:4px')

});
</script>




{$footer}
</body>
</html>


and how can i change the fav bar color from light gray


thank you very much<br /><br />-- 13 Oct 2014, 18:27 --<br /><br />Any help
 
Re: a space between borders and change te category head img

those questions are specific to myBB with which I have very little expereice, but there must be some option to change the position of those tables.

for a slider, just seearch for "Jquery Slider". There are plenty of them available.
 
Re: a space between borders and change te category head img

i have tried this one and it messed all the index page
and still no slider
 
Re: change nav bar color

My header template



<!-- begin wrapper -->
<div id="wrapper">

<!-- begin logo -->
<div id="logo">
<a href="{$mybb->settings['bburl']}/"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" class="logo" /></a>
<a name="top" id="top"></a>
<div id="panel">
<div id="panelcontent">{$welcomeblock}</div>
</div>
</div>
<!-- end logo -->
<br/>
<div class="clear"></div>
<!-- begin navbar -->
<div id="navbar">
<ul id="nav">
<li><a href="{$mybb->settings['bburl']}/index.php">Forum</a></li>

<li><a href="{$mybb->settings['bburl']}/home/">HomePage</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
<li><a href="{$mybb->settings['bburl']}/ezgallery.php">Gallery</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">Member List</a></li>
<li><a href="{$mybb->settings['bburl']}/announcements.php?aid=6">Points System</a></li>
<li><a href="{$mybb->settings['bburl']}/announcements.php?aid=5">Global Rules</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
<li><a href="{$mybb->settings['contactlink']}">Contact Us</a></li>
<li><a href="{$mybb->settings['bburl']}/donate.php">Donate</a></li>

</div>
<!-- end navbar -->

<!-- begin content wrap -->
<div id="contentwrap">
<div id="container">
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}<!-- NewCommentInImage -->
{$alertprofilealbums}<!-- /NewCommentInImage --><!-- ProfileComments -->
{$comments_alert}<!-- /ProfileComments -->
{$pending_joinrequests}
<navigation>
<br />
 
Re: change nav bar color

For christ sake, put code in [ code ] tags!

To add space you'd want to be editing the CSS element.
 
Re: change nav bar color

i want to change the nav bar color
i know css
and html
i am the one who desgin most of the site
but there are things i do not know about
 
Re: change nav bar color

Find this in "gobal.css":

Code: 
.trow_3 {
    border: 1px solid #808080;
    width: 100%;
    margin: auto;
}
and replace with this:

Code: 
.trow_3 {
    border: 1px solid #808080;
    width: 98.5%;
    margin: 0;
}

Actually, I think you may need to do that with each row (I thought that class covered everything, but ti doesn't). I'm sure there's a better way of going about it, but it's one solution.
 
Re: change nav bar color

this changes the category border
i want to change the navigation bar color
the one that contains
homepage
forum
search
etc
 
Re: change nav bar color

You just need to change the background-color on the nav then.
Code: 
#nav {
    width: 100%;
    float: left;
    margin: 0px 0px 3em;
    padding: 0px;
    list-style: none outside none;
    background-color: #FFA500;
    border-bottom: 1px solid #FFA500;
    border-top: 1px solid #FFA500;
}
 
Re: change nav bar color

i did that but nothing happened here is my nav glopal css


Code: 
#navbar {
	background: url(images/blackevo4-space/navx.png) repeat-x;
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
	font-family: Arial, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2b2b2b;
	border-bottom-color: #2b2b2b;
	text-align: center;
}

#nav {
	
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

#nav a {
	color: #EEE;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0 24px 0 24px;
}

#nav a:hover {
	color: #3394be;
	text-decoration: none;
	background-image: url(images/blackevo4-space/navhover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#nav a.current {
	color: #3394be;
	background-image: url(images/blackevo4-space/navhover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#contentwrap {
	
}

#btmnav {
	
	height: 30px;
	clear: both;
	background-image: url(images/blackevo4-space/thead_bg.gif);
	background-repeat: repeat-x;
}

.btmnav {
	line-height: 30px;
	font-size: 12px;
	margin: 0 15px;
	text-align: left;
}
 
You must log in or register to reply here.

About Us

Since 2007, Forum Promotion has specialized in providing advertising solutions to webmasters looking to promote their communities. We pride ourselves in being the bridge that connects forum administrators, bloggers, and more.

Sponsors

Affiliates

    Universal Gaming The Coffee House

Stay Connected

Back
Top Bottom