1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

loook, Im a loser

Discussion in 'Computers, Games, Electronics etc' started by brian11to1, Nov 2, 2005.

  1. brian11to1

    brian11to1 Senior Member

    Messages:
    9,203
    Likes Received:
    21
    Joined:
    Jan 9, 2003
    looky what i made

    yes, i'm mother fucking proud of me.

    http://gillanis.com/index.htm
    http://gillanis.com/index.html

    i know its "gay" or not as cool as what some of you pro's can do. but pelase know, this is my VERY first try.

    and yes, its for a "stealth/sleeper" car site... but im trying. im fucking excited i even pulled this off.

    if youre going to talk shit, fuck off and dont post.
     
  2. kaoskustoms

    kaoskustoms Senior Member

    Messages:
    550
    Likes Received:
    0
    Joined:
    Jan 6, 2003
    Location:
    casper wyoming man
    kool good for you man
     
  3. brian11to1

    brian11to1 Senior Member

    Messages:
    9,203
    Likes Received:
    21
    Joined:
    Jan 9, 2003
  4. BodyDroppedNikes

    BodyDroppedNikes ...PENDEJO.... VIP

    Messages:
    10,593
    Likes Received:
    103
    Joined:
    Sep 28, 2002
    Location:
    caught in a mosh...
  5. pissedoffsol

    pissedoffsol RETIRED

    Messages:
    49,693
    Likes Received:
    54
    Joined:
    Sep 28, 2002
    Location:
    Retirement Home
    i find it hard to read... dark grey on black does nothing but make when want to click the X and move on to a site that doesn't give me a headache.

    a slight color change, and you're good to go.
     
  6. reikoshea

    reikoshea HS Troll...And Mod Moderator VIP

    Messages:
    12,633
    Likes Received:
    193
    Joined:
    Apr 27, 2005
    Location:
    San Antonio, TX
    yeah, that 555555 grey is great but the darker one isnt too appealing.

    nice use of style properties. i still do seperate sheets though...when i use style....i dont do it for personal stuff. my sites dont get deep enough to merit them.
     
  7. phyregod

    phyregod !!YTINASNI

    Messages:
    9,449
    Likes Received:
    225
    Joined:
    Jun 11, 2005
    Location:
    Central Texas
    And you may want to tone down the "mad azz crazy str33t carz" stuff. The people who build sleepers are generally 30+ years old. You are catering to a different audience. Not that EVERYONE who builds a sleeper is 30+, but that is the majority of the crowd.

    Also, I'd get rid of the "click the bad ass turbos" thing as well. and its turbos, not turbo's.


    I know it sounds like I'm hatin'.. I'm not.. just being a critic. A little criticism never killed anyone.
     
  8. brian11to1

    brian11to1 Senior Member

    Messages:
    9,203
    Likes Received:
    21
    Joined:
    Jan 9, 2003
    What color(s) should I use. Im new, so please take it easy.

    I understand what you are saying, even if you were hatin' I wouldnt care... I mean, it is my first attempt at something like this. I'll remove them, as soon as I have time. And the majority of the people on the board so far (ya, all 19 or 20 members) are well under 30, I think they are atleast. Mid-20's or so.

    Here are a few things I want to add

    -changing pictures, you know like turbos one time, wheels the next or something.
    -maybe a few buttons to go to albums of builds etc.
    -background music/sound (spooling turbo, something...)

    Im not sure on how do to this, all I've got is htmlgoodies.com and my notepad.

    I'm such a newb
     
  9. pissedoffsol

    pissedoffsol RETIRED

    Messages:
    49,693
    Likes Received:
    54
    Joined:
    Sep 28, 2002
    Location:
    Retirement Home
  10. brian11to1

    brian11to1 Senior Member

    Messages:
    9,203
    Likes Received:
    21
    Joined:
    Jan 9, 2003
    whats saved on my computer here at work, I changed it to white. Ill upload it shortly and show ya.
     
  11. pissedoffsol

    pissedoffsol RETIRED

    Messages:
    49,693
    Likes Received:
    54
    Joined:
    Sep 28, 2002
    Location:
    Retirement Home
  12. brian11to1

    brian11to1 Senior Member

    Messages:
    9,203
    Likes Received:
    21
    Joined:
    Jan 9, 2003
    It clearly states, I have the code saved in a notepad here at work, I changed the colors to white. Ill upload shortly, gosh.
     
  13. phunky.buddha

    phunky.buddha Admin with a big stick Admin VIP

    Messages:
    28,465
    Likes Received:
    228
    Joined:
    Sep 30, 2002
    Location:
    Dallas / Fort Worth, TX
    <span style="font-size:12pt;line-height:100%"><span style="color:red">IDIOT!</span></span>
     
  14. pissedoffsol

    pissedoffsol RETIRED

    Messages:
    49,693
    Likes Received:
    54
    Joined:
    Sep 28, 2002
    Location:
    Retirement Home
    TINA YOU FAT LARD EAT!
     
  15. brian11to1

    brian11to1 Senior Member

    Messages:
    9,203
    Likes Received:
    21
    Joined:
    Jan 9, 2003
    yep. that movie is the worst ever.

    i plan on making mouse overs for the different pictures.

    when you place your mouse over the turbo that has 'register' under it, it will say REGISTER in big bold letters and the like for the other side.

    i just have to figure out how to do it. i know i need to upload those new images and stuff. i havent spent much time on the javascript.

    can someone help?

    I thought about using this script i found when i googled 'javascript mouseovers' but i dont understand it, at all.

    Code:
    var W3CDOM = (document.createElement && document.getElementsByTagName);
    
    var mouseOvers = new Array();
    var mouseOuts = new Array();
    
    window.onload = init;
    
    function init()
    {
    if (!W3CDOM) return;
    var nav = document.getElementById('mouseovers');
    var imgs = nav.getElementsByTagName('img');
    for (var i=0;i<imgs.length;i++)
    {
    imgs[i].onmouseover = mouseGoesOver;
    imgs[i].onmouseout = mouseGoesOut;
    var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
    mouseOuts[i] = new Image();
    mouseOuts[i].src = imgs[i].src;
    mouseOvers[i] = new Image();
    mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_omo" + suffix;
    imgs[i].number = i;
    }
    }
    
    function mouseGoesOver()
    {
    this.src = mouseOvers[this.number].src;
    }
    
    function mouseGoesOut()
    {
    this.src = mouseOuts[this.number].src;
    can someone please tell me what these '}' & '{' are and why they are in the code? Also, does [this.number] need to be changed to anything?

    so if this is the locationg for the first turbo
    Code:
    http://www.gillanis.com/turb04.jpg
    then, i will need to make the image that appears when you mouse over the picture
    Code:
    http://www.gillanis.com/turb04_omo.jpg
    right? And then for the forums image its
    Code:
    http://www.gillanis.com/turbo3.jpg
    and
    Code:
    http://www.gillanis.com/turbo3_omo.jpg
    .

    Please help me understand this.
     
  16. phyregod

    phyregod !!YTINASNI

    Messages:
    9,449
    Likes Received:
    225
    Joined:
    Jun 11, 2005
    Location:
    Central Texas
    screw java, just do an html mouseover..
     
  17. brian11to1

    brian11to1 Senior Member

    Messages:
    9,203
    Likes Received:
    21
    Joined:
    Jan 9, 2003
    i dont mean to sound like an asshole.

    dude, it took me fucking 3 hours to write what i've got. what makes you think i can do an html mouseover?

    i spent a few hours at the book store lookin for how to do mouseovers. i suck at research
     
  18. phunky.buddha

    phunky.buddha Admin with a big stick Admin VIP

    Messages:
    28,465
    Likes Received:
    228
    Joined:
    Sep 30, 2002
    Location:
    Dallas / Fort Worth, TX
    I don't mean to sound like an asshole either, but what the hell are you doing at a book store researching how to write something that's meant to be displayed online? You'll get much better resources just searching with Google and reading up on a few HTML tutorial sites.
     
  19. pissedoffsol

    pissedoffsol RETIRED

    Messages:
    49,693
    Likes Received:
    54
    Joined:
    Sep 28, 2002
    Location:
    Retirement Home
    wow, that script is a lot of over head....

    you can do it much easier.


    here's what you do. i'll just show you one side.



    you have your image of the turbo:

    [​IMG]

    and when hovered upon, you want to show some text, but be hidden by default:

    <div style="visibility:hidden;">
    Register y0!
    </div>


    now, we need a simple function so that when the image is hovered upon, the div is dynamically changed to show.
    we need to add a trigger to the IMG.

    css has a pseudo-class called :hover

    unfortunately, IE is a piece of shit, and doesn't support this on any other element other than a link:

    a:hover

    so, we need to make our image a link. no problem...

    [​IMG]

    now, lets get some CSS and javascript involved to make this all work.


    i'll put the code together here and explain it after.

    Code:
    <html>
    <head>
    <title>test</title>
    
    <script type="text/javascript">
    
    function show_hide_text()
    {
    if(document.getElementById("div1").style.visibility == "hidden")
    {
    document.getElementById("div1").style.visibility = "visible";
    }
    else
    {
    document.getElementById("div1").style.visibility = "hidden";
    }
    }
    </script>
    </head>
    
    <body>
    
    <div>
    <a href="register.php" onmouseover="show_hide_text();" onmouseout="show_hide_text();"><img src="turbo.jpg" /></a>
    </div>
    
    <div id="div1" style="visibility:hidden;">
    Register y0!
    </div>
    
    </body>
    </html>
    
    you can see it in action here:
    http://hondaswap.com/temp/showhide.html

    I obviously don't have turbo.jpg loaded, so the image is dead....



    in javascript, and most languages, == is testing for if it is equal, while a single = is an assignment operator.
    in the script, we TEST if it is equal (==) and then, we ASSIGN the div to its proper style with the single quote (=)



    Thsi will work in IE6 and fire fox.

    some older browsers don't support he getElementById() function (which simply looks for the div id, in this case, i called it div1)

    Another thing to note-- ID's can only be used once! so your other image, you will need to make another function and div called div2 (or some other unique name)

    oh, ooops-- i just notioced that you wanted to change the image as well as the text. ok. i'll help you with that too.
    give me a sec to re-write....

    -----------------------------------------


    ok new code.


    Code:
    <html>
    <head>
    <title>test</title>
    
    <script type="text/javascript">
    
    function show_hide_text()
    {
    if(document.getElementById("div1").style.visibility == "hidden")
    {
    document.getElementById("div1").style.visibility = "visible";
    document.images["turbo1"].src = "http://www.gillanis.com/turb04_omo.jpg";
    }
    else
    {
    document.getElementById("div1").style.visibility = "hidden";
    document.images["turbo1"].src = "http://www.gillanis.com/turb04.jpg";
    }
    }
    </script>
    </head>
    
    <body>
    
    <div>
    <a href="register.php" onmouseover="show_hide_text();" onmouseout="show_hide_text();"><img id="turbo1" name="turbo1" src="http://www.gillanis.com/turb04.jpg" /></a>
    </div>
    
    <div id="div1" style="visibility:hidden;">
    Register y0!
    </div>
    
    </body>
    </html>
    
    i linked your images too in the test file.

    I'm not sure this is what you're after though.... using ill-matched sized images gets funky....

    http://hondaswap.com/temp/showhide.html
     
  20. reikoshea

    reikoshea HS Troll...And Mod Moderator VIP

    Messages:
    12,633
    Likes Received:
    193
    Joined:
    Apr 27, 2005
    Location:
    San Antonio, TX
    the only problem with that is the fact that if your mouse over point is not there on the second image (if you mouse over the bottom of the turbo) the image wigs out and goes back and forth.
     
Verification:
Draft saved Draft deleted

Share This Page