Jump to content
xisto Community

Saint_Michael

Members
  • Content Count

    7,978
  • Joined

  • Last visited

  • Days Won

    4

Everything posted by Saint_Michael

  1. ooooh oooh I just thought of it why don't you try putting a blank image for a background to use it as a filler to expand it?or did you try resizing the table in the css?
  2. did you try putting the nav menu coding within the div tag that runs the overall look?
  3. I posted the image to what i was referring to but I think I have to is core out the inside of template and hten go from their.
  4. if worse case senario with the template i have to just core out the inside and then just go from their.
  5. if thats the case I shouldn't be having this problem then with this size of the image. But it comes out the full image when i max it out with the armount of characters that i need to do it.
  6. well my other problem is that im using a imaged background as well so thats why i need to stretch the image out .it would have been fine if I used it without the background and just used the normal background of the website.
  7. the question is I need to stretch the whole image out from left to right with out the need to put text in it and then use a <div> tag for the content.
  8. ok my problem now is that i need it to auto width the image that needs to be use so then I can use <div> tags for the content without the need for the image to expand from left to right. heres the css for the image wrap <style type="text/css">span { background-image: url(images/gfxtrap_42.gif); background-repeat: repeat-y; background-position: top left, bottom right; height: 200px; border: 0px;}</style> heres the rest of the website code. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://forums.xisto.com/no_longer_exists/ xmlns="http://forums.xisto.com/no_longer_exists/ http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!-- @import "topnav.css"; @import "leftnav.css"; --> </style><style type="text/css">span { background-image: url(images/gfxtrap_42.gif); background-repeat: repeat-y; height: 200px; width: 800px border: 0px;}</style><script language="JavaScript" SRC="menu.js"></SCRIPT></head><body bgcolor="#dbdbdb" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><DIV STYLE="position: absolute; left: 100px; top: 3px"><table id="Table_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="15"> <img src="images/gfxtrap_01.gif" width="662" height="16" alt=""></td> <td colspan="3" rowspan="9" background="images/gfxtrap_02.gif" width="138" height="199" alt=""><DIV STYLE="position: absolute; left: 661px; top: 0px"><img src="logo.gif" width="138" height="195"></div></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="3" rowspan="2"> <img src="images/gfxtrap_03.gif" width="58" height="84" alt=""></td> <td colspan="10"> <img src="images/gfxtrap_04.gif" width="381" height="74" alt=""></td> <td colspan="2" rowspan="2"> <img src="images/gfxtrap_05.gif" width="223" height="84" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="74" alt=""></td> </tr> <tr> <td colspan="10"> <img src="images/gfxtrap_06.gif" width="381" height="10" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="10" alt=""></td> </tr> <tr> <td colspan="2" rowspan="3"> <img src="images/gfxtrap_07.gif" width="56" height="55" alt=""></td> <td colspan="2"><div id="button"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td><div id="button1"><img src="images/spacer.gif" alt="" /><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()"></div></a></td> <td colspan="4"><div id="button2"><img src="images/spacer.gif" alt="" /><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()"></div></a></td> <td><div id="button3"><img src="images/spacer.gif" alt="" /><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '150px')" onMouseout="delayhidemenu()"></div></a></td> <td><div id="button4"><img src="images/spacer.gif" alt="" /><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '150px')" onMouseout="delayhidemenu()"></div></a></td> <td><div id="button5"><img src="images/spacer.gif" alt="" /><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()"></div></a></td> <td colspan="2"><div id="button6"><img src="images/spacer.gif" alt="" /><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu6, '150px')" onMouseout="delayhidemenu()"></div></a></td> <td><div id="button7"><img src="images/spacer.gif" alt="" /><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu7, '150px')" onMouseout="delayhidemenu()"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="32" alt=""></td> </tr> <tr> <td colspan="6" rowspan="2"> <img src="images/gfxtrap_16.gif" width="138" height="23" alt=""></td> <td colspan="7"> <img src="images/gfxtrap_17.gif" width="468" height="14" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="14" alt=""></td> </tr> <tr> <td colspan="7" rowspan="20" background="images/gfxtrap_18.gif" width="468" height="404" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="9" alt=""></td> </tr> <tr> <td rowspan="19"> <img src="images/gfxtrap_19.gif" width="40" height="395" alt=""></td> <td colspan="6"></td> <td rowspan="19"><div id="button8"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a><img src="images/gfxtrap_21.gif" width="7" height="395" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button9"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6" rowspan="2"><div id="button10"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="12" alt=""></td> </tr> <tr> <td colspan="2" rowspan="16"><img src="images/gfxtrap_24.jpg" width="96" height="351" alt=""></td> <td rowspan="16"><img src="images/gfxtrap_25.gif" width="42" height="351" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="4" alt=""></td> </tr> <tr> <td colspan="6"><div id="button11"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button12"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button13"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button14"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button15"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button16"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button17"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button18"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button19"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button20"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="18" alt=""></td> </tr> <tr> <td colspan="6"><div id="button21"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"<div id="button22"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button23"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6"><div id="button24"><img src="images/spacer.gif" alt="" /><a href="default.htm"></div></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td> <img src="images/gfxtrap_40.gif" width="16" height="121" alt=""></td> <td colspan="5" background="images/gfxtrap_41.gif" width="131" height="121" alt=""><div style="position: absolute; left: 60px; top: 435px"> <!--ONESTAT SCRIPTCODE START--> <!--// Modification of this code is not allowed and will permanently disable your account!// Account ID : 254482// Website URL: http://http://gfxtrap.com/// Copyright (C) 2002-2005 OneStat.com All Rights Reserved--> <div id="OneStatTag"> <script type="text/javascript"><!--function OneStat_Pageview(){ var d=document; var sid="254482"; var CONTENTSECTION=""; var osp_URL=d.URL; var osp_Title=d.title; var t=new Date(); var p="http"+(d.URL.indexOf('https:')==0?'s':'')+"://stat.onestat.com/stat.aspx?tagver=2&sid="+sid; p+="&url="+escape(osp_URL); p+="&ti="+escape(osp_Title); p+="&section="+escape(CONTENTSECTION); p+="&rf="+escape(parent==self?document.referrer:top.document.referrer); p+="&tz="+escape(t.getTimezoneOffset()); p+="&ch="+escape(t.getHours()); p+="&js=1"; p+="&ul="+escape(navigator.appName=="Netscape"?navigator.language:navigator.userLanguage); if(typeof(screen)=="object"){ p+="&sr="+screen.width+"x"+screen.height;p+="&cd="+screen.colorDepth; p+="&jo="+(navigator.javaEnabled()?"Yes":"No"); } d.write('<a href="http://http://www.onestat.com/aspx/login.aspx?sid=&%2339;+sid+&;'>http://http://www.onestat.com/aspx/login.aspx?sid=&%2339;+sid+&; target=_blank><img id="ONESTAT_TAG" border="0" src="'+p+'" alt="This site tracked by OneStat.com. Get your own free site counter."></'+'a>');}OneStat_Pageview();//--> </script> <noscript> <a href="http://http://www.onestat.com/ border="0" src="http://stat.onestat.com/stat.aspx?tagver=2&sid=254482&js=No&" alt="online hit counter" /></a><br /> <a href="http://http://www.onestat.com/ hit counter</a> </noscript> <div style="DISPLAY: none; COLOR: black; FONT-FAMILY: 'Verdana';"><a href="http://www.onestat.com; style="text-decoration:none;">online hit counter</a><br /> <a href="http://www.onestatfree.com; style="text-decoration:none;">website analysis</a></div> </div> <!--ONESTAT SCRIPTCODE END--></td> <td> <img src="images/spacer.gif" width="1" height="121" alt=""></td> </tr> <tr> <td colspan="18">[b]THIS IS WHERE THE EXPANSION IS STARTING[/b]<span>sdfgkl;aslgjsldgj;klsdgjksgjk;skjgsjd;gksdfgkl;aslgjsldgj;klsdgjksgjk;skjgsjd;gksdfgkl;aslgjsldgj;klsdgjksgjk;skjgsjd;gksdfgkl;aslgjsldgjs<br></span>[b]THIS IS WHERE THE EXPANSION IS ENDS[/b]</td> <td> <img src="images/spacer.gif" width="1" height="8" alt=""></td> </tr> <tr> <td colspan="18"> <img src="images/gfxtrap_43.gif" width="800" height="13" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="13" alt=""></td> </tr> <tr> <td colspan="2" rowspan="2"> <img src="images/gfxtrap_44.gif" width="56" height="29" alt=""></td> <td colspan="4"> <img src="images/gfxtrap_45.gif" width="94" height="22" alt=""></td> <td colspan="8" rowspan="2"> <img src="images/gfxtrap_46.gif" width="390" height="29" alt=""></td> <td colspan="2"> <img src="images/gfxtrap_47.gif" width="207" height="22" alt=""></td> <td colspan="2" rowspan="2"> <img src="images/gfxtrap_48.gif" width="53" height="29" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="22" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/gfxtrap_49.gif" width="94" height="7" alt=""></td> <td colspan="2"> <img src="images/gfxtrap_50.gif" width="207" height="7" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="7" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="40" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="16" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="38" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="47" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="7" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="37" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="7" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="79" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="64" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="95" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="5" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="101" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="122" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="85" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="11" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="42" height="1" alt=""></td> <td></td> </tr></table></body></html>
  9. To pretty much sum it up your reinstalling your computer and worse case senerio you getting yourself a new hard drive.
  10. yeah I agree I would just stick with one forum I would get rid of the topsite unless its a mod to one of the forums, if its not a mod i suggest getting a topsite mod it will clean it up just a bit also another suggestion would be ot archive your older posts on your forums as well.
  11. Ok I been searching for days now on a half way descent tutorial on how to do a Image Roll Over Drop Down Menu in CSS without the use of javascript, I been seeing alot of the suckerfish set up but of course no one goes in to detail on how to set up the image rollover version of it. Plus I don't want the dhtml or the javascript setup just good ole pure css. Also I need ot be able to control multiple menus in one script as well. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://forums.xisto.com/no_longer_exists/ xmlns="http://forums.xisto.com/no_longer_exists/ Document</title><meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /><style type="text/css">ul, li {margin:0;padding:0;list-style-type:none;}a {text-decoration:none;}ul {width:40px;}ul h2, li {height:32px;margin:0;padding:0;}ul h2 img {display:block;}ul h2 {background-image:url(images/template43_04.gif);}ul li:hover h2 img, ul li.sfhover h2 img {display:none;}ul li ul {display:none;}ul li:hover ul, ul li.sfhover ul {display:block;}ul li ul li:hover, ul li ul li.sfhover {background-color:#FF0000;}ul1, li {margin:0;padding:0;list-style-type:none;}a {text-decoration:none;}ul1 {width:40px;}ul1 h2, li {height:32px;margin:0;padding:0;}ul1 h2 img {display:block;}ul1 h2 {background-image:url(images/template43_05.gif);}ul1 li:hover h2 img, ul li.sfhover h2 img {display:none;}ul1 li ul {display:none;}ul1 li:hover ul, ul li.sfhover ul {display:block;}ul1 li ul li:hover, ul li ul li.sfhover {background-color:#FF0000;}</style><script type="text/javascript">//suckerfish//sfHover = function() { var sfEls = document.body.getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } }}if (window.attachEvent) window.attachEvent("onload", sfHover);</script></head><body><ul id="nav"> <li><h2><img src="images/template41_04.gif" width="40" height="32" alt="" /></h2> <ul> <li><a href="#">Red</a></li> <li><a href="#">White</a></li> <li><a href="#">Pink</a></li> </ul> </li></ul></body></html>
  12. you need to do this http://forums.xisto.com/topic/24925-how-to-make-a-sig-rotator-for-people-with-multiple-sigs/
  13. well SOTM was going to be started depending on the outcome of sotw when the gfxtrap website first started but we need to build on sotw to start sotm.actually we been doing it like that 1 week for entries 1 week to vote then during the voting entries would be posted up for next weeks sotw.But for me it was the workload though which has been reduce literally, which is good for me.
  14. bad choice of text which includes (being to small, pixelated)background needs work you need to grunge it just enough to not show the pixel stretch and add more color to it as well. Also the background does not go with with the color of the render.The render even though the blending look good it just doesn't fit with the background that you have.4/10
  15. $5 bucks says that a news report will come out that it was bogus, so the government and FDA will cover it up and destroy any evidence that it actually work remember people need to make the money.
  16. yeah mysql where down earlier but did come back up.
  17. well thats easy i prefer light for profession layouts and dark color layouts for clan/fan/personal sites. But it also depends on what colors you use for the layouts to looks right.
  18. thats easy do it like this Step 1 Create a Table set up or if you use css do the same thing Step 2: set the image as a background <td background="yourimagehere.jpg">place javascript here</td> Step 3: Put your javascript into that table and it should work.
  19. well I got board and with SOTW #26 wanting to do user bars I created one for gfxtrap.com so enjoy.
  20. I gave it a little animation boost just for effect nothing to outstanding.
  21. only the 3rd sig looks good wit hthe second one should have grunge the render to match the background, animation would have look better if the lines were given more detail.
  22. i see you go back into the game. some nice animation i guess.
  23. and i didn't need to put the effort in it also Entry deadline: Feb 25th. Voting starts the following Monday. so you can vote for SOTW #25 and #26 and the same time. to catch up and then once these are done go back to the single SOTW.
  24. the reason it was themed like that especially with this one using filters, is to keep people from doing the same thing over and over again and thus making it dull.Also with all the resources on the net concerning sig designing is at your disposal. also finding the right tutorial that would fit with SOTW theme is not hard either. yeah some people have an advantage of where to go and all that and I know i mentioned those sites several times in my posts. its not the question of they want to do it, its the question of how to do it just right to be on a level playing field.
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.