goatsy - Viewing Profile

goatsy's Profile User Rating:

Reputation: 4 Apprentice

Group:: Members
Active Posts:: 20 (0.07 per day)
Joined:: 19-August 12
Profile Views:: 645
Last Active:: 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

goatsy has not set their status

Posts I've Made

In Topic: Writing Text Diagonally?

Posted 25 Aug 2012

Martyr2, 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

In Topic: Making Diagonal Toggle Header Responsive to Smaller Screen

Posted 24 Aug 2012

BenignDesign, 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>

In Topic: Making Diagonal Toggle Header Responsive to Smaller Screen

Posted 24 Aug 2012

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>

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
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...

modi123_1, on 08 April 2012 - 09:26 PM, said:

Cops and Robbers

awesome!