goatsy's Profile User Rating: -----

Reputation: 4 Apprentice
Group:
Members
Active Posts:
20 (0.03 per day)
Joined:
19-August 12
Profile Views:
1,284
Last Active:
User is offline Aug 26 2012 02:00 PM
Currently:
Offline

Previous Fields

Country:
US
OS Preference:
Windows
Favorite Browser:
Chrome
Favorite Processor:
Who Cares
Favorite Gaming Platform:
PC
Your Car:
Jeep
Dream Kudos:
0
Icon   goatsy has not set their status

Posts I've Made

  1. In Topic: Writing Text Diagonally?

    Posted 25 Aug 2012

    View PostMartyr2, on 25 August 2012 - 09:08 AM, said:

    Well CSS typically ignores space between statements, but I have no idea why anyone would want to setup their CSS to be diagonal if they could. The idea is to make it as readable as possible, why complicate that?


    I'm trying to write some of my text diagonally for cohesive design purposes. (Much of my layout was coded for a "diagonal appearance".)

    Apparently it's possible to arch text, so I figured making it diagonal wouldn't be too difficult

    arched text
  2. In Topic: Making Diagonal Toggle Header Responsive to Smaller Screen

    Posted 24 Aug 2012

    View PostBenignDesign, on 24 August 2012 - 03:06 PM, said:

    I'm not seeing where your background is set to white. I see none, #E4FF00, and #2E2E2E.


    Hey thanks. I fixed it already.. sorry bout all that! I wanted the background to be "none" so the content behind the header would be revealed upon click. But I've been working at it and yeah.. this is the new code.. works fine for me:

    <html>
    <head>
    <script type='text/javascript' src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js'></script>
    <script type="text/javascript">
    //<![CDATA[ 
    $(window).load(function(){
        $('.toggle').click(function(){
            if($("#header").css("top") == "460px") {
              $("#header").animate({top: "0px"}, 1000);
            } else {
              $("#header").animate({top: "460px"}, 1000);
            }
            return false;
        });
    });//]]>  
    
    </script>
    <style type="text/css">
    body {background: #e4ff00}
    
    #header {
        position: fixed;  /*I would like this div to always be fixed to the top of the browser window*/
        top: 0px;
        left: 0;
        width: 1920px;
        height: 805px; margin-top:-494px;
        z-index: 10;
        background: none;
    }​
    
    </style>
    </head>
    <body>
    <img src="logo.png">
    <div style="padding-top:100px;padding-left:200px;padding-right:1000px;"><span>heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey </span></div>
    
    <div id="header">
    
    
        <img src="slash.png" width="100%">
       
    <span style="display:block;background-color:#fff; height:2000px;">
    
        <a href="#header" class="toggle">
    <br>
    Click me to reveal the top half of this div</a>
    
    <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
    heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey 
    <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
    
    </span>
    
    
    
    </div>
    </div>​
    </body>
    



    :bananaman:
  3. In Topic: Making Diagonal Toggle Header Responsive to Smaller Screen

    Posted 24 Aug 2012

    :stupid:

    Ok, NOW i have a legit question! :)

    I set the content area, where the link to toggle header is, as having a background of (white #fff), but it is not showing up as white. I think it's because it's inside the header div, which has "none" for background. Is there a way to make the "#content" of the header have a white background, while still being in the #header div?

    <html>
    <head>
    <script type='text/javascript' src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js'></script>
    <script type="text/javascript">
    //<![CDATA[ 
    $(window).load(function(){
        $('.toggle').click(function(){
            if($("#header").css("top") == "360px") {
              $("#header").animate({top: "0px"}, 1000);
            } else {
              $("#header").animate({top: "360px"}, 1000);
            }
            return false;
        });
    });//]]>  
    
    </script>
    <style type="text/css">
    body {background: #e4ff00}
    
    #header {
        position: fixed;  /*I would like this div to always be fixed to the top of the browser window*/
        top: 0px;
        left: 0;
        width: 1920px;
        height: 705px; margin-top:-540px;
        z-index: 10;
        background: none;
    }​
    #content
    {
    width:880px;
    height:auto;
    background-color:#2E2E2E;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    }
    </style>
    </head>
    <body>
    <span>heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey heyheyheyheyheyhey </span>
    
    <div id="header">
    
    
        <img src="slash.png" width="100%">
        <br>
     <div id="content">  
        <a href="#header" class="toggle">
    <p>&nbsp;</p>
    Click me to reveal the top half of this div</a>
    <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p></div>
    </div>​
    </body>
    
  4. In Topic: Check my site

    Posted 23 Aug 2012

    Hey, you should check this out to get some more ideas on good color schemes:

    Color Schemes

    :sailor:
  5. In Topic: Gallery - Post your creations here!

    Posted 23 Aug 2012

    Here's something I was workin' on the other day, but I ditched before I got to ginish cause it's a little too inappropriate for "lab safety" lolz... :bigsmile:

    Posted Image

    View Postmodi123_1, on 08 April 2012 - 09:26 PM, said:

    Posted Image
    Cops and Robbers

    awesome! :smile2:

My Information

Member Title:
New D.I.C Head
Age:
Age Unknown
Birthday:
Birthday Unknown
Gender:
Interests:
Artsy Stuff
Years Programming:
12
Programming Languages:
HTML, CSS, HTML5, CSS, Javascript

Contact Information

E-mail:
Private

Comments

goatsy has no profile comments yet. Why not say hello?