PDA

View Full Version : What program was used to make this site?




br.avery
Jul 13, 2011, 01:41 PM
Hi all,
I am in the process of building a simple online portfolio, I really like how the following portfolio is set up, does anyone know what program was used to make this site?

http://amy-allen.com/

I know it's extremely simple coding but I'm not too familiar with this web design/coding stuff.



Hexiii
Jul 13, 2011, 02:09 PM
You can just write it in notepad or whatever. ;)

It's just a text, you need to learn basics of HTML/CSS to do this.

I can make you something like this if you would like. I will have a week free so PM me if you are interested.

web_god61
Jul 13, 2011, 03:05 PM
Neat trick, most likely this was hand coded, transparent PNG + position: fixed is all you need.

br.avery
Jul 13, 2011, 04:35 PM
how do i do that fixed position of the contact information on the right?

manueld
Jul 13, 2011, 05:56 PM
how do i do that fixed position of the contact information on the right?

It's all done through the css with a property of "position: fixed"

definitive
Jul 14, 2011, 12:08 PM
looks like a neat site for something so simple.

Ronald Williams
Jul 29, 2011, 02:33 AM
this website is very simple and easy to make, you don't even need to do any kind of programming stuff to make such kind of website....all you need is to get some basic knowledge of html and css and you are ready to go.

Hermes Monster
Aug 5, 2011, 12:36 PM
<html>
<head>
<title>Amy Allen</title>

<link href="stylesheets/main.css" rel="stylesheet" type="text/css" />


</head>
<body>

<div id="topBar"></div>

<div id="bottomBar"></div>
<div id="viewport">

<div id="overlay">

<div id="title">
<img src="images/vertical-title.png" alt="Amy Allen" />

<div id="fillSpace"></div>

<p><span id="name"><strong>Amy Allen</strong></span><br>
<span id="position">HAIR STYLIST</a></span><br /><br />

phone: 817.403.5434<br>
<a href="mailto:amyamyallen@gmail.com">amyamyallen@gmail.com</a>
</p>



</div>

</div>

<img src="images/1.jpg" /><br />
<img src="images/2.jpg" /><br />
<img src="images/3.jpg" /><br />

<img src="images/4.jpg" /><br />
<img src="images/5.jpg" /><br />
<img src="images/6.jpg" /><br />
<img src="images/7.jpg" /><br />
<img src="images/8.jpg" />


</div>


</body>
</html>


That's the site! Simples, Half a dozen DIVs mostly using postion:fixed and some margins and you're done! Very nice effect, for little effort

7on
Aug 11, 2011, 09:39 AM
But a transitional doctype? bleck

MacBoobsPro
Aug 11, 2011, 09:52 AM
I have a similar thing on the logo and menubar of my website here (http://www.stuartluff.co.uk).

7on
Aug 11, 2011, 04:53 PM
I have a similar thing on the logo and menubar of my website here (http://www.stuartluff.co.uk).

Set your html to have a overflow-y:scroll css value. Keeps your site centered when navigating from long pages to short ones.

MacBoobsPro
Aug 13, 2011, 05:39 AM
Set your html to have a overflow-y:scroll css value. Keeps your site centered when navigating from long pages to short ones.

I'm not great at web stuff. Yes I created my site but it was all by trial and error. What exactly does setting the overflow like above do? Oh and which element is it for? The container div?