Username: Password:   Forgot your password?
 
Forums
» View Categories » Coding Help & Templates » The comment bar/box
Previous 30
Page of 1 Next 30

Member:3,025
Posts:63
Joined:4-10-2006
Seen:10-27-2009
Feb 2,`07 4:42am | Quote |

This question may have already been covered in some way, shape, or form... I need to know what the HTML is in order to make the comment bar/box a solid color instead of showing the background drawing.

 
ozoneocean
Admin
Send a private quack!
Member:53
Posts:19,737
Joined:1-2-2006
Seen:11-23-2009
Feb 2,`07 8:39pm | Quote |

I fixed your sig link

You know, I'm not sure what you're asking...
But this may be the answer:

If you put this code in between the style tags inside the head tags it will control the properties of your commenting box;

<style type="text/css">

input, textarea
{ background-color: #555555;
font-family: Verdana;
font-size: 10px;
color: #CCCC00;
letter-spacing: 1px;
border: 1px solid #666633;
padding: 1px; }

</style>


Make it whatever colour you want, have a border with any colour you like, or don't have one at all, change the font style size to suit yourself.

This post was last edited on Feb 2,`07 8:40pm

 
Member:3,025
Posts:63
Joined:4-10-2006
Seen:10-27-2009
Feb 4,`07 4:57pm | Quote |

Hey thanks for fixing my sig!!!

That didn't work for some reason... It could have been my fault though. If you go to my comic you will notice that a background image is there. What I'm trying to figure out is how to black out the comment bar... Maybe I should just take down the background image, because I've tried a few other thing and that didn't work either.

 
ozoneocean
Admin
Send a private quack!
Member:53
Posts:19,737
Joined:1-2-2006
Seen:11-23-2009
Feb 4,`07 5:20pm | Quote |

That's fine man.

Ok, put this in the Table data tag: bgcolor="#000000"

It should look something like this, eg.: <td width="400" align="center" bgcolor="#000000">

Make it whatever colour you like, and do it for any table data cell you want

This post was last edited on Feb 4,`07 5:22pm

 
Member:3,025
Posts:63
Joined:4-10-2006
Seen:10-27-2009
Feb 8,`07 4:34pm | Quote |

For some reason I can't get this to work, and some of the DDer's are saying that they are unable to see my comic page??? I may have screwed up the template design. I've switched the template back to one that was already made. I'd really like to keep the template I use to have. Can you help me out? I know a little bit of HTML, but this is wierd stuff.

<HTML>
<HEAD>
<title>
<!--[COMIC_NAME]-->
:
<!--[PAGE_TITLE]-->
</title>
<meta name="robots" content="All,INDEX,FOLLOW">
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=iso-8859-1'>
<style type="text/css">
<!--
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #888888;
scrollbar-darkshadow-color: #333333;
scrollbar-shadow-color: #555555;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
font-family: verdana, arial, 'sans serif'; font-size: 11px; color: #FFFFFF;
background-color: #000000;
}
p,table,td {
font-family: verdana, arial, 'sans serif';
font-size: 11px;
color: #FF0000;
}
.border {
border: 4px solid #FF0000;
}
.border2 {
border: 1px solid #000000;
}
.bordercom {
border: 2px solid #FF0000;
}
input, textarea
{ background-color: #000000;
font-family: Verdana;
font-size: 11px;
color: #FF0000;
letter-spacing: 1px;
border: 2px solid #FF0000;
padding: 1px; }

option, select {
background-color: #000000;
font-family: Verdana;
font-size: 11px;
color: #FF0000;
letter-spacing: normal;
border: 1px solid #FFFFFF;
padding: 0px; }

A:link { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: underline; cursor: hand; }
A:visited { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: underline; cursor: hand; }
A:active { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: underline; cursor: hand; }
A:hover { color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: none; text-decoration: none; cursor: hand; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; }
.title {
font-family: "Courier New", Courier, mono;
font-size: 40px;
font-style: normal;
font-weight: bold;
color: #000000;
}
.subtitle {
font-family: verdana, arial, 'sans serif';
font-size: 11px;
color: #000000;
font-weight: bold;
}

.bgcolour {
background-color: #000000;
}--
</style>
</HEAD>
<BODY BGCOLOR='#ffffff' LEFTMARGIN='0' TOPMARGIN='0' MARGINWIDTH='0' MARGINHEIGHT='0' VALIGN='TOP' ALIGN='CENTER'>
<TABLE BORDER='0' CELLPADDING='0' CELLSPACING='0' WIDTH='100%' HEIGHT='100%'>
<TR>
<TD width="33%" ALIGN='left' VALIGN='bottom' class="bgcolour" witdth="100%">
<div align="left"><a href='http://www.drunkduck.com'><span onMouseOver="this.style.cursor='hand';" onMouseOut="this.style.cursor='';" style="width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.drunkduck.com/gfx/site_gfx/trans_logo.png';"><img src="http://www.drunkduck.com/gfx/site_gfx/trans_logo.png" border="0" align="left" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"></span></a></div></TD>
<TD width="33%" ALIGN='center' VALIGN='bottom' class="bgcolour" witdth="100%"><table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="600" align="center" valign="bottom"><span class="title">
<!--[COMIC_NAME]-->
<Center><Img src="http://www.drunkduck.com/Short_Bus_Brothel/gfx/fetch.jpg"></Br>
</span> </td>
</tr>
</table></TD>
<TD width="33%" ALIGN='left' VALIGN='bottom' class="bgcolour" witdth="100%"> </TD>
</TR>

<TR>
<TD colspan="3" ALIGN='CENTER' VALIGN='TOP'>
<!--[DD_FAV]-->
</TD>
</TR>
<TR>
<TD colspan="3" ALIGN='CENTER' VALIGN='TOP'> </TD>
</TR>
<tr>
<TD colspan="3" ALIGN='CENTER' VALIGN='TOP'> <table border="0" cellspacing="0" cellpadding="0" class="border">
<tr>
<td align="left" class="bgcolour"> <span class="subtitle">
<!--[PAGE_TITLE]-->
</span> </td>
</tr>
<tr>
<td> <table border="0" cellspacing="0" cellpadding="0" class="border2">
<tr>
<td align="center" valign="middle">
<!--[PAGE]-->
</td>
</tr>
</table></td>
</tr>
</table>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="center"> </td>
<tr>

<td width="600" align="center" valign="middle">
<tr>
<Center><font color="red"><font size="2">-Contact Information-</font></Center><br>
<Center><font color="blue"><font size="2">Email:</font><font color="white"><font size="2">cglass_ink@Yahoo.com</font><br>

<Center><font color="red"><font size="2">-Links-</font></Center><br>
<Center><font color="white"><font size="2"><a href="http://www.myspace.com/glass_ink">Glass_Ink @ MySpace</a></font></Center><br>
</td>
</tr>
</table></td>
</tr>
<tr>
</tr>
<td width="600" colspan="2" align="center">
<tr>
<td width="25%" align='center'>
<!--[NAV_FIRST=gfx/play.gif]-->
</td>
<td width='25%' align='CENTER'>
<!--[NAV_PREVIOUS=gfx/rew.gif]-->
</td>
<td width='25%' align='CENTER'>
<!--[NAV_NEXT=gfx/ff.gif]-->
</td>
<td width='25%' align='center'>
<!--[NAV_LAST=gfx/stop.gif]-->
</td>
</tr>
</table></td>
</tr>
<td width="500" align="left"> <table width="175" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="175">

<!--[PAGE_DROPDOWN]-->
</td>
</tr>
</table></td>
<td width="100" align="right">
<!--[RSS]-->
</td>
</tr>
<tr>
<td colspan="2" align="center"> </td>
</tr>
<tr>
<td colspan="2" align="center"><table width="600" border="0" cellspacing="0" cellpadding="0" class="border">
<tr>
<td width="600" class="bgcolour"><span class="subtitle">Notes</span></td>
</tr>
<tr>
<td width="600"> </td>
</tr>
<tr>
<td width="600" align="center" valign="middle"><table width="400" border="0" cellspacing="0" cellpadding="0" class="bordercom">
<tr>
<td width="400" align="center">
<!--[AUTHORS_NOTES=400]-->
</td>
</tr>
</table></td>
</tr>
<tr>
<td width="600" align="center" valign="middle"> </td>
</tr>
<tr>
<td width="600" align="center" valign="middle">
<!--[COMMENTS=400]-->
</td>
</tr>
<tr.
<td width="600" align="center" valign="middle"> </td>
</tr>
<tr>
<td width="600" align="center" valign="middle">
<!--[COMMENT_FORM=400,200]-->
</td>
</tr>
<tr>
<td width="600" align="center" valign="middle"> </td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" width="600" align="center"> </td>
</tr>
</table></TD>
</TR>
<TR>
<TD width="100%" colspan="3" ALIGN='CENTER' VALIGN='TOP' class="bgcolour"></TD>
</TR>
<HR>
</TABLE>
</BODY>
</HTML>

 
ozoneocean
Admin
Send a private quack!
Member:53
Posts:19,737
Joined:1-2-2006
Seen:11-23-2009
Feb 9,`07 7:15am | Quote |

Ok, you've got heaps of tags left unclosed there so they'll never work unless you go through and close them... Font tags, tables inside of table rows... It's a bit messy.

I had a go at fixing it but I thought it might be better just to adapt it into the latest code for my Black and white templae, since that's what yours was based on anyway. Try the code below, you can put a BG image in if you like and it shouldn't appear behind any of the text.
IMPORTANT NOTE: click "Quote" first and only THEN copy the text between the "code" tags! That way you get ALL the code.




<HTML>
<HEAD>
<title>
<!--[COMIC_NAME]-->
:
<!--[PAGE_TITLE]-->
</title>
<meta name="robots" content="All,INDEX,FOLLOW">
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=iso-8859-1'>
<style type="text/css">
BODY {
scrollbar-face-color: #ff0000;
scrollbar-highlight-color: #ff0000;
scrollbar-3dlight-color: #888888;
scrollbar-darkshadow-color: #333333;
scrollbar-shadow-color: #555555;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
font-family: verdana, arial, 'sans serif'; font-size: 11px; color: #ff0000;
background-color: #000000;
}
p,table,td {
font-family: verdana, arial, 'sans serif';
font-size: 11px;
color: #ff0000;
}
.border {
border: 4px solid #ff0000;
}
.border2 {
border: 1px solid #000000;
}
.bordercom {
border: 2px solid #ff0000;
}
input, textarea
{ background-color: #000000;
font-family: Verdana;
font-size: 11px;
color: #ff0000;
letter-spacing: 1px;
border: 2px solid #ff0000;
padding: 1px; }

option, select {
background-color: #000000;
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
letter-spacing: normal;
border: 1px solid #ff0000;
padding: 0px; }

A:link { color: #ff0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: underline; cursor: hand; }
A:visited { color: #ff0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: underline; cursor: hand; }
A:active { color: #ff0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: underline; cursor: hand; }
A:hover { color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: none; text-decoration: none; cursor: hand; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; }
.bgcolour2 {
background-color: #000000;
}

.title {
font-family: "Courier New", Courier, mono;
font-size: 40px;
font-style: normal;
font-weight: bold;
color: #ff0000;
}
.subtitle {
font-family: verdana, arial, 'sans serif';
font-size: 11px;
color: #FF0000;
font-weight: bold;
}

.bgcolour {
background-color: #ff0000;
}

</style>
</HEAD>
<BODY text="#FF0000" LEFTMARGIN='0' TOPMARGIN='0' MARGINWIDTH='0' MARGINHEIGHT='0' class="bgcolour2" VALIGN='TOP' ALIGN='CENTER'>

<TABLE BORDER='0' CELLPADDING='0' CELLSPACING='0' WIDTH='100%' HEIGHT='100%'>
<TR>
<TD width="100%" ALIGN='center' VALIGN='bottom' witdth="100%"> <span class="title">

<img src="http://www.drunkduck.com/Short_Bus_Brothel/gfx/fetch.jpg"> </span>
</TD>
</TR>
<TR>
<TD width="100%" ALIGN='CENTER' VALIGN='TOP'> </TD>
</TR>

<tr>
<TD width="100%" ALIGN='CENTER' VALIGN='TOP'> <table border="0" cellspacing="0" cellpadding="0" class="border">
<tr>
<td align="left" class="bgcolour2"> <span class="subtitle">
<!--[PAGE_TITLE]-->
</span> </td>
</tr>
<tr>
<td> <table border="0" cellspacing="0" cellpadding="0" class="border2">
<tr>
<td>
<!--[PAGE]--> </td>
</tr>
</table></td>
</tr>
</table>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" width="600" height="3" align="center"> </td>
</tr>
<tr>
<td colspan="2" height="3" align="center" class="bgcolour2"><Center>
<font color="red"><font size="2">-Contact:<font color="blue"> </font></font></font><font color="blue"><font size="2">Email:</font></font><font color="white"><font size="2">cglass_ink@Yahoo.com</font></font></font>
<font color="red"><font size="2">-Links:<font color="white"> </font></font></font><font color="white"><font size="2"><a href="http://www.myspace.com/glass_ink">Glass_Ink
@ MySpace</a></font></font>
</Center>
</td>
</tr>
<tr>
<td colspan="2" height="6" align="center"> </td>
</tr>
<tr>
<td width="600" colspan="2" align="center"> <table width='400' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td width="125" align='right'>
<!--[NAV_FIRST=gfx/play.gif]-->
</td>
<td width='75' align='CENTER'>
<!--[NAV_PREVIOUS=gfx/rew.gif]-->
</td>
<td width='75' align='CENTER'>
<!--[NAV_NEXT=gfx/ff.gif]-->
</td>
<td width='125' align='left'>
<!--[NAV_LAST=gfx/stop.gif]-->
</td>
</tr>
</table></td>
</tr>
<tr>
<td width="500" align="left"> <table width="175" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="175">
<!--[PAGE_DROPDOWN]-->
</td>
</tr>
</table></td>
<td width="100" align="right">
<!--[RSS]-->
</td>
</tr>
<tr>
<td colspan="2" width="600" height="12" align="center"> </td>
</tr>
<tr>
<td colspan="2" align="center"><table width="600" border="0" cellspacing="0" cellpadding="0" class="border">
<tr>
<td width="600" class="bgcolour2"><span class="subtitle">Notes</span></td>
</tr>
<tr>
<td width="600" height="12"> </td>
</tr>
<tr>
<td width="600" align="center" valign="middle"><table width="400" border="0" cellspacing="0" cellpadding="0" class="bordercom">
<tr>
<td width="400" align="center" class="bgcolour2">
<!--[AUTHORS_NOTES=400]-->
</td>
</tr>
</table></td>
</tr>
<tr>
<td width="600" height="12" align="center" valign="middle"> </td>
</tr>
<tr>
<td width="600" align="center" valign="middle" class="bgcolour2">
<!--[COMMENTS=400]-->
</td>
</tr>
<tr>
<td width="600" height="12" align="center" valign="middle"> </td>
</tr>
<tr>
<td width="600" align="center" valign="middle" class="bgcolour2">
<!--[COMMENT_FORM=400,200]-->
</td>
</tr>
<tr>
<td width="600" height="12" align="center" valign="middle"> </td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" width="600" height="12" align="center"> </td>
</tr>
</table></TD>
</TR>

</TABLE>
</BODY>
</HTML>


 
Member:3,025
Posts:63
Joined:4-10-2006
Seen:10-27-2009
Feb 9,`07 8:14am | Quote |

Thank you soooooooo VERY much!!! If heres anything I can do for you, that will some how fit in the norm of my life, let me know!!!!


 
ozoneocean
Admin
Send a private quack!
Member:53
Posts:19,737
Joined:1-2-2006
Seen:11-23-2009
Feb 9,`07 8:35am | Quote |

No, that's ok Glass. I'm just glad to have helped

 
skoolmunkee
Admin
Send a private quack!
Member:56
Posts:5,874
Joined:1-2-2006
Seen:11-23-2009
Feb 9,`07 12:09pm | Quote |

ozone you are a saint.

 
ozoneocean
Admin
Send a private quack!
Member:53
Posts:19,737
Joined:1-2-2006
Seen:11-23-2009
Feb 10,`07 10:21pm | Quote |

Nawwww. but thanx anyway SKool^^


Previous 30
Page of 1 Next 30

 

Not Registered?
Signup for a FREE Account!


Registered users can:
Comment on comics!
Create their own comics!
Vote in polls and contests!
Use the forums!
   Latest News
   DD Cam (Now Featuring: DDBook)