Help - Search - Members - Calendar
Full Version: Fredrik's "home Page"
Zymic Webmaster Forums > Web Design & Development > Reviews > Website Reviews
MarketOne
ive just made this site (in norwegian sorry)
i have made so many 1000 homepage projekts which im not happy with

i finaly made this which im planing to have some time
http://fredrikape.99k.org/
to make this site i used:
html, xhtml, javascrip and php

the javascripts and the 2 css documents is stored separat, just to make it more "clean"
main_page_css
the_frame_css


i want you guys to take a look and tell me all the bad things biggrin.gif (i cant improve whit positive feedback haha)

i also have some questions,
how do i make the color of the
CODE
<hr />
green? 00ff00 in the frame.css smile.gif?
(i got the hr in the /questbook_vis.php which i want green)


the page have to be seen in MOZILLA FIREFOX, or else it will be shown horrible! its true!
NEEDS MOZILLA FIREFOX


please give me feedback, thank you!
- MarketOne

and this is the right place to post this? :S killme if its wrong hunter.gif
Cmain
Looks kind of like a hacking website from the 1990s. biggrin.gif

It has a bit of a retro flair to it but this design style has been played out long ago. The coding also needs some work. Keep trying though. smile.gif
MarketOne
QUOTE(Cmain @ Jan 14 2008, 08:39 PM) *
Looks kind of like a hacking website from the 1990s. biggrin.gif

It has a bit of a retro flair to it but this design style has been played out long ago. The coding also needs some work. Keep trying though. smile.gif

haha^^
I like green ohmy.gif

going to add some content soon^^
Jack
CODE
a:link {
    color: #FF0000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #FF0000;
}
a:hover {
    text-decoration: none;
    color: #FF0000;
}


Should really be

CODE
a:link, a:visited, a:hover {
    color: #FF0000;
    text-decoration: none;
}
MrTouz
for your hr color inside your .css

CODE
hr {
color:#whatevercolorhere;
}


you should really code it for internet explorer aswel as for firefox. It is really important.
I think some of your java can be removed, not really necessary, also, i would not suggest iframes, but includ from php, which is really simple to use and gives the same effect. Really clean.
MarketOne
QUOTE(Jack @ Jan 14 2008, 09:36 PM) *
CODE
a:link {
    color: #FF0000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #FF0000;
}
a:hover {
    text-decoration: none;
    color: #FF0000;
}


Should really be

CODE
a:link, a:visited, a:hover {
    color: #FF0000;
    text-decoration: none;
}



QUOTE(MrTouz @ Jan 14 2008, 09:56 PM) *
for your hr color inside your .css

CODE
hr {
color:#whatevercolorhere;
}


you should really code it for internet explorer aswel as for firefox. It is really important.
I think some of your java can be removed, not really necessary, also, i would not suggest iframes, but includ from php, which is really simple to use and gives the same effect. Really clean.



thank you guys! biggrin.gif

well, i know Iframes pretty good and have been using it for a while
im interested in that include^^ give me an helping hand please:)
thanks for css help too wink.gif

and for the internet explorer part, how do i do that? :S
internet explorer does not support transparent images XD (all the images i use are transperent)

thanks for helping me:D
MrTouz
well, what format are they ? coz i think ie can use gif images.... :/
MarketOne
QUOTE(MrTouz @ Jan 15 2008, 08:18 AM) *
well, what format are they ? coz i think ie can use gif images.... :/

Portable Network Graphics AKA png
MarketOne
QUOTE(Tom @ Jan 15 2008, 03:01 PM) *
Your site doesn't need PNGs with full alpha transparency so why are you using them? All that results in is the unnecessary alienation of IE users. You could fully accomplish your website's design by solely using normal PNGs or GIFs.

i lol at Iex biggrin.gif
maybe i could use png whot out transperesy, but the transperensy is needed in the frames
Banjo
QUOTE(MarketOne @ Jan 14 2008, 11:36 PM) *
well, i know Iframes pretty good and have been using it for a while
im interested in that include^^ give me an helping hand please:)
thanks for css help too wink.gif



for include just do this

CODE
<?php include("mypage.php"); ?>


thats how i do it and works for me, i don't know if there is another way though.
MarketOne
QUOTE(Banjo @ Jan 16 2008, 07:47 AM) *
for include just do this

CODE
<?php include("mypage.php"); ?>


thats how i do it and works for me, i don't know if there is another way though.

thx wink.gif
i found out that, tried some but cant figure how to make it fit tongue.gif

and what do i do whit the link target:S
Banjo
QUOTE(MarketOne @ Jan 16 2008, 10:37 AM) *
thx wink.gif
i found out that, tried some but cant figure how to make it fit tongue.gif

and what do i do whit the link target:S


Ok, urm i don't no soz. Maybe Echo data instead?
MrTouz
to have a target, its not include... this is how most people use includes :

They create 2 php pages : header.php and footer.php where they put there header and footer (basicly all informations before the main content (text) and information that goes after the main content.

than in a separate file such as index.php or home.php or any other pages they do :
CODE
<?php include("header.php"); ?>

This is some content that will be at some place on my site

<?php include("footer.php"); ?>


what it does is that instead of having a code in each page like : <html> <body> your metas... and your table... you have it in ONE file which might be header.php and than your basic file like index.php where you tell him to show this code by an include. and than at the end you close all your codes with the footer.php

to have this link system :

in your index.php (must be PHP)

put this code where you want your CONTENT or MAIN TEXT (or where you replace your iframe)

CODE
<?php
if(!isset($_GET['id'])) {
    include "home.php";
}elseif(!file_exists($_GET['id'].".php")) {
    include "error.php";
}else{ //if all goes well
    include $_GET['id'].".php";
};?>


lets explain :

the GET['id'] or the "id" is this : index.php?id=somepages its the "id" after the ?. you can replace that by what ever you want, but your urls must have it aswell.

Example : instead of

CODE
if(!isset($_GET['id'])) {


i put

CODE
if(!isset($_GET['page'])) {


my links will now be called : index.php?page=somepageshere

Than :

CODE
    include "home.php";


is the First page your site will open, its basiclu the <b>src="home.html"</b> on your iframe.

Than :
CODE
    include "error.php";


This is the page it'll go if you have no other pages... or if the page is not found.

And thats it :

now you need to have blank pages, or pages with some text that are in a php format and put it on the link, what itll do is in place of the code itll put your content. Just like an iframe.

Take it exactly like an iframe but without the sizing problem you use to have when you had bigger or smaller pages...

Easy to use, but kind of hard at first... but really.... once you got it... youll laugh and be happy to use this php iframe system and have your pages look like index.php?id=somepages ... coz it looks nicer smile.gif

Good Luck
MarketOne
QUOTE(MrTouz @ Jan 16 2008, 12:49 PM) *
to have a target, its not include... this is how most people use includes :

They create 2 php pages : header.php and footer.php where they put there header and footer (basicly all informations before the main content (text) and information that goes after the main content.

than in a separate file such as index.php or home.php or any other pages they do :
CODE
<?php include("header.php"); ?>

This is some content that will be at some place on my site

<?php include("footer.php"); ?>


what it does is that instead of having a code in each page like : <html> <body> your metas... and your table... you have it in ONE file which might be header.php and than your basic file like index.php where you tell him to show this code by an include. and than at the end you close all your codes with the footer.php

to have this link system :

in your index.php (must be PHP)

put this code where you want your CONTENT or MAIN TEXT (or where you replace your iframe)

CODE
<?php
if(!isset($_GET['id'])) {
    include "home.php";
}elseif(!file_exists($_GET['id'].".php")) {
    include "error.php";
}else{ //if all goes well
    include $_GET['id'].".php";
};?>


lets explain :

the GET['id'] or the "id" is this : index.php?id=somepages its the "id" after the ?. you can replace that by what ever you want, but your urls must have it aswell.

Example : instead of

CODE
if(!isset($_GET['id'])) {


i put

CODE
if(!isset($_GET['page'])) {


my links will now be called : index.php?page=somepageshere

Than :

CODE
    include "home.php";


is the First page your site will open, its basiclu the <b>src="home.html"</b> on your iframe.

Than :
CODE
    include "error.php";


This is the page it'll go if you have no other pages... or if the page is not found.

And thats it :

now you need to have blank pages, or pages with some text that are in a php format and put it on the link, what itll do is in place of the code itll put your content. Just like an iframe.

Take it exactly like an iframe but without the sizing problem you use to have when you had bigger or smaller pages...

Easy to use, but kind of hard at first... but really.... once you got it... youll laugh and be happy to use this php iframe system and have your pages look like index.php?id=somepages ... coz it looks nicer smile.gif

Good Luck

you bet biggrin.gif
nicer and "pro" haha smile.gif

some thing i did not understand in you tutorial tho


CODE
<?php
if(!isset($_GET['id'])) {
    include "home.php";
}elseif(!file_exists($_GET['id'].".php")) {
    include "error.php";
}else{ //if all goes well
    include $_GET['id'].".php";
};?>

this is my frame smile.gif which loads home.php at first

didnt quite get how my navbar should be whit the links TO the "phpFrame" (include frame)xD


and MrTouz ,the .css line did not work :\
i dont know if im using <hr> or <hr /> shouldnt have anything to say?

Banjo
I dont know if you can. Can you just not have a iframe and have normal pages? But if you want scroll bars then you could try this.

CODE
<div style="height: 500px; width: 500px; overflow: auto">Content Here</div>


I found this aswell

http://www.codingforums.com/showthread.php?t=73407

Also some people use include on menu so that when they add a new link to their site instead of editing every page to add a new link just do one file.
MarketOne
QUOTE(Banjo @ Jan 16 2008, 01:57 PM) *
Also some people use include on menu so that when they add a new link to their site instead of editing every page to add a new link just do one file.

ehm, im really confused sad.gif
not sooo very good in english + im very new at php smile.gif

how can i make a link in includeHEADER.php which only effects in includeCONTENT.php
im talking includes



and maybe offtopic!
ive tried out this page with only loaded one time <3
i know it didnt load superfast or something, kan i add all sites in 1 html\php site? hehe
MarketOne
to show how much i suck.. i tried haha

http://fredrikape.99k.org/PHP/

http://fredrikape.99k.org/PHP/index.php?id=footer
why!!

i figured that

CODE
<?php
if(!isset($_GET['id'])) {
    include "home.php";
}elseif(!file_exists($_GET['id'].".php")) {
    include "error.php";
}else{ //if all goes well
    include $_GET['id'].".php";
};?>

would lead to 3 simple "includes" but they are all alike (id)

so i renamed (id, bd, ld) ¨didnt work so well
bezz
The question you need to ask yourself is "what is the need for this site?" Is it helpful to anyone or serve some purpose?
MarketOne
QUOTE(bezz @ Jan 16 2008, 04:48 PM) *
The question you need to ask yourself is "what is the need for this site?" Is it helpful to anyone or serve some purpose?

no need..
i just made it for the guestbook
(its only for the php purpose)

ive learned php and i felt i needed a site for some tricking xD

anyways i did finaly learn includes biggrin.gif
http://fredrikape.99k.org/PHP/include/index.php
look at the url biggrin.gif index.php?page=fredrik1

thanks! biggrin.gif
MrTouz
so you got the part...

as for the HR i just tryed and it looks like ti does not work aswell for me :/ Hmmm should be working since :

CODE
<hr color="a1a1a1">


does work on my html page, but

CODE
<hr>


CODE
hr {
color:a1a1a1;
}


does not :/

Im even confused... anyways, it does not bug me to use my hr as a html tag... but still, why is it not working ? ... no idea...
bezz
QUOTE(MrTouz @ Jan 16 2008, 06:09 PM) *
How about
CODE
<hr style="color:#a1a1a1; background-color:#a1a1a1;"/>


does not :/

Im even confused... anyways, it does not bug me to use my hr as a html tag... but still, why is it not working ? ... no idea...


I think you forgot the #.
MrTouz
nono, i tried with the # and its not working on my .css ... i know it sounds weird, but omg... must of did something wrong. tongue.gif
MrTouz
what is it :/ ?
Arudis
The whole idea of the layout is great a little changes here and there and it would be great
maybe changing the buttons so that the whole thing is clickable not just the text but the whole button its much easier for the visitors
different colors the colors are great but different hex there too bright hurts my eyes a little bit
try fixing those problems and the layout will be alot better

Best Regards
Henry Jorge
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.