My First Hand Coded Site. - Made in about an hour.

Pages: 1, 2, 3
free web hosting

Latest Entry: (Post #23) by JpOlDeRmAn on Jul 29 2006, 02:18 PM. (Line Breaks Removed)
I'm sorry but your site is offline,i hope you get it online so we can see the site again
Express your Opinion! Contribute Knowledge.

Free Web Hosting, No Ads > CONTRIBUTE > The Internet > Website Showcase

My First Hand Coded Site. - Made in about an hour.

barnes
I've been using CMS'es and Blog software, but I feel like I'm cheating myself of knowlage, so I tought myself CSS and HTML in 2 days, and this is what I came out with.

http://www.barnes.trap17.com

I'm going tackle PHP next.

Any ideas to make the nav tabs line up better? Any ideas on how to make the gray lines on the nav bar continue all the way down the sides?

Reply

Tyssen
Not a bad effort for two days' worth of learning but you've got some positional problems occurring between different pages.

Reply

Albus Dumbledore
i would suggest that you center the content....and making sure that the content touches the top of the browser instead of halfway in the middle.. other than that it looks really awsome!

Reply

barnes
All of those problems are solved. I made them all line up the same. Now I just need to add content.

How hard would coding a PHP photo gallery? I'm thinking that could help me learn PHP.

Reply

Tyssen
QUOTE(barnes @ May 17 2006, 12:40 PM) *

How hard would coding a PHP photo gallery? I'm thinking that could help me learn PHP.

I've never used one or coded one so I'm only guessing but my thoughts would be that if you're only learning you'd be better off building your site structure with PHP and using PHP includes to put it together as a first step.

Reply

jlhaslip
Agreed with Tyssen about starting on something smaller than a Photo Gallery for your first project.

Also, try removing the position:absolute for that #Layer1 and adding the following instead to centre your site as per the reccomendation above.
Replace this code:
CODE

#Layer1 {
    position:absolute;
    width:491px;
    height:115px;
    z-index:1;
    left: 350px;
    top: 50px;
}

With this:
CODE

#Layer1 {
    margin: 0 auto;// editted to add the colon
    width:491px;
    height:115px;
    
}

See how that looks. I agree that the logo and navbar look goofy over on the right like that. Otherwise, great job. Nice graphic and terrific rollover effect on the menu. Particularly the "selected" tab feature.

 

 

 


Reply

hulunes
not bad...after all this a hand coded work.did u use the div?the layer is not always in center...and you'd better to locate your main banner on the most top by set the "cellspacing" to 0.

Reply

Goosestaf
nice first effort smile.gif

not bad for two days worth of html and css!

the naviagtion isn't centered for me tho (IE)
and there seems to be a thin horrizontal line below it, which doesnt even stretch across the whole page.
not sure if thats ment to be there.

i would defintly recommend doign soemthign simpler than a photogallery. Get a php book and look at the thigns they do in their. Like a simple login, and news/content poster etc.

but i would say, that using CMSs isn't cheating, their jsut there to make life easier for you. If you really want full controll, get a simple cms and customize that to your hearts desires.

Reply

elrohir
PHP works great for a photogallery handler once you know the basics you just get firing You needn't bother getting a book though - tizag.com has a great PHP guide, and somewhere down the line you get to a function that lets you get all the files in the folder and display them. Or perhaps that was from somewhere else.... anyways:

CODE


$user_space = "./data/images/gallery/"; /*Whatever folder the images are in. The only things that should be in this folder are the images you want displayed in the gallery.*/
    
if ($handle = opendir($user_space)) {
   $total= count(glob($user_space));
        
   /* Loop over the directory, returing new filename every time.*/
   while (false !== ($file = readdir($handle))) {
            
       if (strpos($file,'.') != '0'){ #this is so that the current folder, '.' and parent directory, '..' do not show.
          $file_path = $user_space.$file;
          echo "<img height=\"100\" width=\"100\" alt=\"I took this photo!\" scr=\"".$file_path."\"><br> \n"; #You will want to change this to suit you needs :P
       }
   }
closedir($handle);
}


I you are new to php, this will probably seem a little overwhelming, but just skim through the tizag tut and you should be fine...

Remember to escape HTML when using 'echo' in php by adding '\' in front of double and sigle quotes and backslashes...

Keep up the good work wink.gif

Reply

:: The Dragon ::
This is not a bad site at all!

Can you send me the tutorial you used for leatning css, html and php?

I mean, just two days?!?! Isn't that quick?

Reply

Latest Entries

JpOlDeRmAn
I'm sorry but your site is offline,
i hope you get it online so we can see the site again

Reply

khan11
hmm nice to see your work,keep it up!!

well guys,let me tell you my site which i designed in two days,i know you will not beleive but just check it out!!

www.shahidafridi.be

only photos ,stats are updated,but all the designs and everything has been made in two days.

Reply

masterleous
I click on your web url, and found one susspened account...............

Reply

biscuitrat
Yay CSS! I love the header image, but it would probably look better if you make the background of that top box the same color as the darkest color on the header image, to make it look like it blends in, rather than just being placed there. Work with padding and margins and font-size and it should be pretty good. Nice!

Reply

Bradley
Looks pretty nice for a first-time homemade template. It would be a lot easier for you to manage and edit content after/if you get PHP built in. It won't be that hard, but it looks like it will turn out nice.

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Pages: 1, 2, 3
Similar Topics

Keywords : hand, coded, site, made, hour

  1. Internet Explorer - The Worst Standards Compatible Browser Ever Made
    (8)
  2. Wallpaper Site
    (4)
    Hello I hope this is the right place for this thread . I want to thank to Trap17 for their
    wonderful hosting service and because I have no problems related to hosting . I have a wallpaper
    site based on 4images gallery system . But my images have high resoultions (1600*1200 ) and when
    someone enters a wallpaper page , 4images displays the full size image and that too big for a page
    . Is there any way to display a small image in the wallpaper page and a big image when someone
    clicks download ? Or could you recommend me a better software ? Thanks in advance .....
  3. Can Someone Rate My Site?
    Well i created this site about a month ago and i need some tips (7)
    I'm not as advanced as other website designers, but about a month ago i designed this local news
    website. I need someone to rate it and tell me what they think and give me some pointers to fix it
    up or even change the look completely. I've changed the design about 3 times already. It
    contains local news about my home country Belize and i only take about an hour to update daily. Any
    pointers, suggestions, questions i will appreciate. Armond Times Belize ....
  4. Made These Many Months Ago
    (1)
    Border stinks, I know - Back when Samus sigs were the shiz
    http://32-gfx.deviantart.com/art/Space-78421203 - Too large to show, 56K be warned.....
  5. I Made It, But I Don't Like It
    (2)
    This is the first signature I have made in a long, long time so yeah I'm rusty. I don't like
    it myself, what do you think?: Rambo FTW!!....
  6. Golden Panda Ad Buider Asd Has Now Launched The Chinese Site
    New legal program surf program (0)
    Golden Panda is officially live. The time to get in is now. Why? Well, because of Golden Panda’s
    promotion. All new members will receive a 100% match of their initial purchase with Golden Panda Ad
    Builder. Also, new members will be at the highest level of membership, Executive VIP, for 30 days
    from the date joined. The sponsor will also receive a 100% match on the new member’s initial
    purchase. After the Super-Success of ASD and Lafuentedinero (Spanish) ,ASD has now Launched the
    Chinese Site: Golden Panda Ad Buider. ASD now has over 100K members and is growing....
  7. Hosting Problem [resolved]
    403 Forbidden Error occurs whenever I try to access my site (22)
    First off, let me say that I have spent considerable effort and time going through the forums
    seeking solutions for this problem. I have even gone as far as to seek help from the Xisto Live
    support team (they suggested I wait 2 hours and then get back to them. Well I did that, and there
    has been no change, and live support is now down). I've also tried changing permissions on both
    files and folders via Cpanel, but to no avail. I still end up with the same error: QUOTE
    Forbidden You don't have permission to access /index.php on this server. Additionally, a 4....
  8. Www.linkbucks.com
    New Site!!! (1)
    Hey, I found a new web-site, but I do not know if it pays. The process to earn with this web-site
    is following: 1. For example, if you have your personal web-site which contains movies, music and
    so on. 2. You convert those links (any files) with the web-site I gave in title of the topic. 3.
    Post them on your web-site like portal, the first 16 seconds, a user will face advertisement, after
    that it will lead him to your original link. That's all! Only one disadvantage, this site
    pays only for American IPs as my friend told me.....
  9. Need Help: Problem Seeing My Site
    maybe i screwed up? (4)
    I just got my account activated yesterday. so i logged in thru optional
    http://www.qupis.com/client and started setting up my site thru there. But the other links in the
    activated email don't work. ex: http://crazxbox.qupis.com:2082/ I'm' using Firefox 3.
    is that the problem? i don't have IE. " or did I totally mess up my install?" Plus i'm not
    familiar with this mysql 4.1.22, i'm using 5.0.27 is there much of a difference? it says i dont
    have a valid user in phpMyAdmin. Any ways, site http://crazxbox.qupis.com is not working yet.
    I ....
  10. Database Or Pdf
    Best way to list books on my site (3)
    Hi all, I am not sure if this is the right place to post but I'm sure you'll tell
    me if it's not. My problem is this: I have a website where I sell books and it's one of
    those simpleton sites where I don't need to know code, I just click icons etc Anyway, I can
    upload images to the server and need to have them in different resolutions and link from a thumbnail
    to the larger picture. What I am trying to say is I have about 6000 books to display on my
    website which is impractical as it takes me about 10 mins to load 1 copy. What is the ....
  11. Invisionfree Skin How-to Put On Your Forum
    A skin I partially made, I show you how to put on your forum. (1)
    Hey All who may want an invisionfree forum skin, because they are tired of their old, boring,
    squarish one. Well I helped with this skin, and I'm going to give an explanation for starting
    users, so that they may too, have a nice forum skin! First of all, when installing a new skin on
    your board, no upload or download is needed. You will most definately have to replace your old forum
    CSS or "Style sheets" (as called in the invisionfree Admin CP). You will almost all the time have
    to place something in the footer (in Board wrappers IN THE ADMIN CP), and usually a ....
  12. Best Browser To Desighn Your Site To
    not much of a question but more like a statement (16)
    well since i started web desighning i've always used internet explore (why?) well when i first
    tried FF2, i wasn't a "web-designer" then so i didn't care much about css and htlm stuff, i
    din't like it and one of the reason was beacause a couple of the sites i visited wasnt firefox
    compatible. but anyways recently i was desighning a site for this community. so like two weeks ago i
    downloaded FF3 for testing purposes. in IE the site looked great but what i found was that in
    firefox the site was horible, as bad as they could come. so since firefox was better....
  13. Need A Name For A Hosting Site
    (5)
    Ok so i'm thinking about setting up a paid and free hosting site with computing host resaller
    plan. but i'm having no luck coming up with a name for the site, evey thing i have tryed it
    taken arleady. so i was wonder if i could get some help with picking a name? so dose any body have
    any ideas? I dont wont it to be one of those super long domain names. Thanks....
  14. My 2 Best Sigs I've Ever Made
    (7)
    Here you go, I worked really hard on these to make them right /biggrin.gif"
    style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> In my opinion they are my 2
    best Sorry about same font, I couldn't find a better one LOL....
  15. Found A New Site
    Paying!!! (4)
    I found one web-site that pays for sure, because there are proof's of payments on other forum,
    if you want I can post them over here. The payments processors such as PayPal and e-Gold are used.
    The clicks are worth 0.01$ each, minimum 4 clicks a day. But there are more options you can
    earn. The requirement for the withdrawal is about 0.4$ that is easy to reach. Who got
    interested, please PM me.....
  16. My Made Up Poems.
    (2)
    OK, here are some of the poems I have made up for my own entertainment, so I decided to post them
    for everyone else, please rate my poems from 1-10, and tell me if there is anything I should work
    on. ^^ I like writing poems. Especially limericks, concrete, and free verses. And please keep in
    mind this is my first post. /tongue.gif" style="vertical-align:middle" emoid=":P" border="0"
    alt="tongue.gif" /> And I will edit this when I feel like being creative. /ph34r.gif"
    style="vertical-align:middle" emoid=":ph34r:" border="0" alt="ph34r.gif" /> Here they are: Li....
  17. Photoshop, Flash And Fireworks Tutorial Site Links
    This has a huge links of useful sites (2)
    Adobe Photoshop Tutorials http://www.rainworld.com/psworkshop/
    http://www.reality9.com/tutorials.html http://www.spoono.com/
    http://www.stridingstudio.com/tutorials/ http://www.designsbymark.com/pstips/index.html
    http://geda-online.com/tutorials.htm http://www.thewebmachine.com/
    http://www.extremephotoshop.com/tutorials.aspx
    http://www.thinkdan.com/tutorials/photosho...-tutorials.com/
    http://www.designerslounge.org/tutorials/ http://www.eyesondesign.net/pshop/tuts.htm
    http://www.eyeball-design.com/fxzone/tutorial.htm http://user.fundy.ne....
  18. Review My Site
    Review my site please (22)
    Hello. I am new here to trap17.com and would really like some input on my site. Echo Of Thunder
    Made using Dream Weaver and note pad. Planning on a better forum and chat page as time goes by.
    This is just a little hobby that I have. "weather" and I hope that you all here at trap17 will take
    a look see, and tell me what you all think. ....
  19. Cool Site To Learn Languages
    Learn to speak in Native accent (6)
    http://www.livemocha.com/ Discovered this site months before. And also I took some classes. I
    should say this is really cool one. Try it. Learn new languages in a social way with LiveMocha.
    Livemocha is the first-of-its-kind online language-learning community. With fun and interactive
    lessons that move at the right pace for you. You can access their team of passionate language tutors
    and start track your progress to reach your goals. Learn, practice, and share. Learn these
    languages: English, French, Hindi, German, Spanish and Mandarin Chinese, among other....
  20. What If Marijuana Was Legal?
    What would happen? Should it be made legal? (28)
    Recently I did a school report on Marijuana, in my paper I'm supporting the fact that Marijuana
    should be made legal. I thought "some" people would like to read my work, and maybe talk about it
    some. Please, tell me what you think! /wink.gif" style="vertical-align:middle" emoid=";)"
    border="0" alt="wink.gif" /> Also, sorry if there's some typos and misspellings. For I am
    really tired, and this isn't fully done yet. Also, you should know I spend some time comparing
    weed to tobacco, that's all I'll say =) QUOTE Marijuana 1 ou....
  21. What Made You Switch To Linux?
    (34)
    I first tried Linux a few years ago, not because I was completely against Windows or anything like
    that, but just because I had some free time on my hands. I started off with Mandrake 9.0 which was
    very user friendly and Windows-like. After reading through a bunch of message boards and learning
    which distros are good for what, I soon realized my current distro was great for Linux noobs. So
    then I decided to try something a little more advanced like Slackware which I knew had a steep
    learning curve. Since then I've been using Slackware as my main OS and couldn't ....
  22. Where Is There A Good Site To Learn Web Html?
    (20)
    im a noob when it comes to web html to design web sites, can some one tell me where to find a good
    website that has good tutorials on how to use web html?....
  23. Free Web Hosting Site Fooled Me
    (34)
    One free web hosting site I came across fooled me into signing up with their promises of a PHP
    Sendmail feature, SMTP, and mySQL. And dya know what i found out after wasting my time signing up.
    Only the webspace and subdomain name were free, the rest you had to pay for it. What a rip off,
    man! /mad.gif" style="vertical-align:middle" emoid=":angry:" border="0" alt="mad.gif" />....
  24. Free Sms Site
    List of free SMS sites (5)
    I start this topic for us to post free sms working site. If anyone of us have a free sms site that
    works, don't hesitate to post it here! Thank to all of you to participate. /wink.gif"
    style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" /> EDIT--- Kindly give
    description about the SMS site, if possible :-)....
  25. Toufee.com - Create Free Flash Movies Online
    very good site (3)
    Toufee.com allows you to create free Adobe Flash movies online. There are no ads on your movies
    and you can use a wide variety of features to enhance your presentations like text effects and
    speech-engines that read your text aloud. In fact, I still to get what the catch is. Here's
    what you can do free: http://www.toufee.com/demo/create-flash.html And here is a test signature
    I created using the service: http://tinyurl.com/ysosxj/flash.swf It must have taken me all of
    ten to twenty minutes to create that once I knew what I wanted to do and how to do it. Th....
  26. Credits For Good Site Design
    I will give anywhere from 20-30 credits for a good design (7)
    I'm in college right now and i don't have way to much time. The free time i have i spend on
    trap, play my drums, make movies for my other site, and hang out with friends. Although i love HTML,
    CSS, PHP and all that coding i just don't have enough time to build, design, and test a website.
    This is where someone here on trap comes in. I will give someone, depending on how they meet my
    requirements and such hosting credits. If you meet them ALL i will give you 40 credits. That's
    over a months worth. You can also put a logo/banner on the bottom of the page w....
  27. I Hate Site Builders.
    Mainly things like piczo and freewebs. (43)
    Loads of people i know, who have very little HTML knowledge, use Piczo . And now, anyone with one
    of these sites, think they have the best websites ever! All it usually is pictures and text
    randomly thrown on a page, with very-hard-to-navigate links. Freewebs is basically the same. I'm
    not sure about my space, I think it uses HTML, but I hate myspace websites. Anyways, back on the
    point, does anyone else know people who use piczo and think they are the best website builders in
    the world? I tried to teach one how to HTML, got stuck on tags /dry.gif" style="ve....
  28. Basic Ways To Speed Up Your Web Site
    (23)
    Speed is certainly one of the most important factors when it comes to making a successful web site.
    These days’ people have high expectations, they expect a web site to load as fast as an application
    on their operating system, and therefore even a few seconds of waiting can frustrate them or leave
    altogether. A good website should take about 8-12 seconds (for a 56K) to load. The website owner is
    going to have to decide how fast its pages are going to be, for example for a multimedia or a flash
    site they can afford to be a bit slower than others provided that the users k....
  29. Css Layout Generator - *free*
    Generate a CSS layout for your site (5)
    pretty powerful css layout generator. /smile.gif' border='0' style='vertical-align:middle'
    alt='smile.gif' /> and it's freely available online.
    http://www.csscreator.com/version2/pagelayout.php QUOTE To create your layout select the
    structural elements your site requires (header, footer, columns). Then specify a size in the field
    provided and choose a background color from the color chooser below. The color chooser changes
    values as you move your mouse along a row. To set a value click on the color row to release click
    again. Once the color in the box is th....
  30. C&c Generals & Zero Hour
    (26)
    Hey! Have you played C&C Generals or both C&C Generals & Zero Hour? I have! I love playin
    as China! My second favourite is US for its technological advances but GLA (last) is pretty good
    for ambushin and no power needed. xboxrulz....

    1. Looking for hand, coded, site, made, hour

Searching Video's for hand, coded, site, made, hour
Similar
Internet
Explorer -
The Worst
Standards
Compatible
Browser Ever
Made
Wallpaper
Site
Can Someone
Rate My
Site? - Well
i created
this site
about a
month ago
and i need
some tips
Made These
Many Months
Ago
I Made It,
But I
Don't
Like It
Golden Panda
Ad Buider
Asd Has Now
Launched The
Chinese Site
- New legal
program
surf program
Hosting
Problem
[resolved] -
403
Forbidden
Error occurs
whenever I
try to
access my
site
Www.linkbuck
s.com - New
Site!
3;!
Need Help:
Problem
Seeing My
Site - maybe
i screwed
up?
Database Or
Pdf - Best
way to list
books on my
site
Invisionfree
Skin How-to
Put On Your
Forum - A
skin I
partially
made, I show
you how to
put on your
forum.
Best Browser
To Desighn
Your Site To
- not much
of a
question but
more like a
statement
Need A Name
For A
Hosting Site
My 2 Best
Sigs
I've
Ever Made
Found A New
Site -
Paying!&
#33;!
My Made Up
Poems.
Photoshop,
Flash And
Fireworks
Tutorial
Site Links -
This has a
huge links
of useful
sites
Review My
Site -
Review my
site please
Cool Site To
Learn
Languages -
Learn to
speak in
Native
accent
What If
Marijuana
Was Legal? -
What would
happen?
Should it be
made legal?
What Made
You Switch
To Linux?
Where Is
There A Good
Site To
Learn Web
Html?
Free Web
Hosting Site
Fooled Me
Free Sms
Site - List
of free SMS
sites
Toufee.com -
Create Free
Flash Movies
Online -
very good
site
Credits For
Good Site
Design - I
will give
anywhere
from 20-30
credits for
a good
design
I Hate Site
Builders. -
Mainly
things like
piczo and
freewebs.
Basic Ways
To Speed Up
Your Web
Site
Css Layout
Generator -
*free* -
Generate a
CSS layout
for your
site
C&c
Generals
& Zero
Hour
advertisement



My First Hand Coded Site. - Made in about an hour.



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE