Gå til innhold

Fresh up my html site


Anbefalte innlegg

Jeg har en veldig enkel html side som ligger på en server til en venn. Jeg kan mask bruke 20 MB på den.

 

Siden er bare i startfasen så det er masse linker som mangler OSV.

 

Jeg trenger tips på enkle greip som jeg kan bruke for å gjøre siden bedre.

 

Vet at siden ikke er ekstremt bra, husk at jeg bruker den for å lære meg mer.

 

Adressen er www.spray-friends.tk

 

Håper på masse tips.

 

:thumbs:

Lenke til kommentar
Videoannonse
Annonse

Klikkbar link :D

 

Synes ikke dette er så ille jeg... Bra eksempel på en side som bruker lite eller ingen grafikk. Bare header etter hva jeg kan se :)

 

Men noe er det jo seff å sette fingern på :p

  • Du har midtstilt teksten i menyen og start siden. I menyen er det vel greit men ellers synes jeg det ikke er noe fint eller godt å lese.
  • Den gjestebok greia på forsiden synes jeg ikke passer der, ha den bare i menyen :) I hvertfall ta bort det bildet.
  • Også er det mouse over da, dette gjøres enkelt med css, se kode lenger nede
  • Synes du kanskje ikke behøver å ha mellomrom mellom hoved delen av siden og header. KAnskje la det gå i et og bruke samme ramme teknikk på den og.
  • Ellers var ikke headern all that, litt tutorial, som jeg egentlig ikke synes er så ille. Er jo en grunn til at tutorial er der, men kanskje lage litt mer særpreg på den? Litt mer fresh farge og litt annen tekst. Url er greit, men prøv uten www.

museover med css:

A:link {
color: #0000FF;
text-decoration: none;
}
A:visited {
color: #0000FF;
text-decoration: none;
}
A:active {
color: #FF0000;
text-decoration: underline;
}
A:hover {
color: #FF0000;
text-decoration: underline;
}

Lenke til kommentar

- fjern gb bildet på forsiden.

- legg til dine egne definisjoner på linker i et stilar (css)

- veldig kjedelig oppsett, men grei header. alt er veldig firkantet, men vet ikke om litt redesigning går inn under å freshe up..

- bruk heller venstrestilt, eller blokkjustert skrift. ikke midtstilt.

 

om dette er en side som har vært oppe en stund ville jeg heller laget en ny en. ser litt for firkantet ut..

 

edit: om dette er en side hvor du vil ha litt besøkende og få et skikkelig system (vet ikke hva som er planen) vil jeg anbefale å sette seg litt inn i php.

om du skal slippe å oppdatere siden daglig må den være dynamisk..

Endret av Smidt
Lenke til kommentar

Jeg må si at jeg står ikke bak selve malen til siden. Sjekk på takk til linken.

 

Har planer om å lage eget design osv når jeg flytter etter skoleslutt.

Jeg vil også si at nå kommer det endelig et php forum til siden min. Har fått ingått en avtale med www.pstrance.com siden jeg kjenner de som eier den siden.

 

Greit å ha venner som hjelper til :D

 

 

Har ett spørsmål som jeg håper noen kan svare meg på.

 

Jeg skal flytte på teksten i menyen til venstre-justert. Det er jo enkelt. Men er det en enkel måte å gjøre det på alle siden raskt. Er tross alt 50 html sider :O tar lang tid.

 

:cry:

 

 

Takk for all hjelpen så langt setter virkelig pris på det :thumbs:

Lenke til kommentar

det du er på jakt etter er et php include script noe liknende dette:

<?
$side = $_GET['side'];
if (!file_exists($side . '.php')) {
$side = 'forside';
}
if (empty($side)) {
$side = 'forside';
}
$siden = "./$side.php";
include($siden);

?>

søk litt på php forumet etter include så finner du nok litt

Lenke til kommentar

Fint poeng |_Cisco_|. Hva med å bare rett og slett fjerne det feltet til høyre?

Flytte linkene til sin egen side? Ut ifra hva jeg kan skjønne kan det hjelpe litt. ;)

 

Jeg er en hyppig motstander av midtstillt tekst. :)

Det er ikke spesiellt brukervennlig, og jeg irriterer meg ofte kraftig over det.

Hva med å venstre stille og samtidig øke margin til 10/12?

 

Hva med en litt spennede typografi? Det kan muligens spenste opp en ellers

litt standard side. :) La den skille seg litt ut? F. eks. øke størrelsen på

overskriftene, og kanskje en annen font på brødteksten? :hmm:

Det er jo slikt som du enkelt kan prøve ut! :)

 

Utifra header er det ingen tvil at du kan bruke de viktigste funksjonene

i PhotoShop. Det lille problemet var vel bare å samordne dem slik at

det ser pent ut sammen. :) Drop shadow og bevel and emboss står på

min svarteliste. ;) Ikke ta hensyn til meg, men det kan ofte virke litt

amatørmessig. Ble litt Texas-font også. Vil ikke si den passet kjempebra.

Sånn rent ellers. Fargene i header krasja litt med de andre fargene.

Ble for lyst. Prøve å matte den ut litt? Et tips er å leke seg med channel mixer. :)

 

En enkel side med potensiale vil jeg si. :thumbup: Stå på!

Endret av Dunestar
Lenke til kommentar

Hvor skal jeg sette inn scriptet til Svendsen?

 

Min html på index siden ser slik ut

 

 

 

 

 

 

<!---- Free Template by http://linkworld.to/elitezone/ - Creator: iLLuSioN ---->

<!---- User Friendly Template Editing ---->

<!---- In order to use this free template the link at the bottom must stay intact ! ---->

 

 

<html>

<head>

<title>Index</title>

</head>

 

<!-----------BACKGROUND COLOR AND LINKS COLOR-------------------------->

<body bgcolor="#c1cdcd" topmargin="4" link="#000378" vlink="#000378" alink="#000378">

<!-----------BACKGROUND COLOR AND LINKS COLOR--END--------------------->

 

<center>

<table bgcolor="#00688b" width="760" height="100" borderColor="#000000" border="1" cellSpacing=2>

 

 

<td bgcolor="#00688b" width="20%" height="100" border="0" valign="top">

<center><font face="tahoma" size="1" color=#000000>

<!--------------YOUR LOGO---------------><img border="0" src="images/logo.jpg"></font></center>

</table>

<br>

<table bgcolor="#00688b" width="760" height="700" borderColor="#000000" border="1" cellSpacing=10>

 

 

<td bgcolor="#e0e0e0" width="20%" height="200" border="0" valign="top">

<center>

 

<!---- Navigation "Left Side" ---->

</center>

<p align="center"><b><font face="tahoma" size="1">Meny</font></b><font face="tahoma" size="1" color=#000000>

</p>

<p align="center">

<b><a href="index.htm">Hovedside</a></b><br>

<br>

<b><a href="spray_friends_main.htm">Om

Spray Friends</a></b><br>

<br>

<b><a href="medlemside_main.htm">Medlemsområde</a></b><br>

<br>

<b><a href="musikk_main.htm">Musikk</a></b><br>

<br>

<b><a href="games_main.htm">Gratis spill</a></b><br>

<br>

<b><a href="humor_main.htm">Humor</a></b><br>

<br>

<b><a href="photoshop_main.htm">Photoshop</a></b><br>

<br>

<b><a href="viktige_programmer.htm">Viktige programmer</a></b><br>

<br>

<b><a href="skole_omrade_main.htm">Skole

område </a> </b><br>

<br>

<b><a href="nyttige_linker_main.htm">Nyttige

linker </a> </b><br>

<br>

<b><a href="hjelp_onskes.htm">Hjelp ønskes</a></b><br>

<br>

<b><a href="takk_til.htm">Takk til</a></b><br>

<br>

</p>

<hr Color=#000000 size=1 width="90%">

<p align="center"><font size="3"><strong>Viktige sider</strong></font><br>

Sjekk ut disse sidene<br>

<br>

<b><a href="http://www.spray-geeks.net">Spray

Geeks<br>

</a></b>Dette er den offiselle fan siden til Spray Chatten<br>

<br>

-----------------------------------

<b><a href="http://www.brumlefar.com"><br>

<br>

Brumlefar</a></b><br>

Brumlefar sin hjemmeside.<br>

Det er brumlefar som står for serveren min.<br>

<br>

-----------------------------------<br>

<br>

<b><a href="http://chat.spray.no">Spray

Chat</a><br>

</b>Dette er vel det vi kan trygt kalle sakens kjærne. Prøv denne chatten.<b><br>

<br>

----------------------------<br>

<br>

<a href="http://www.thadragons.tk">Tha Dragon<br>

</a></b>Dette er hjemmesiden til <br>

Tha Dragon. Masse snacks her.<br>

<br>

-----------------------------------<br>

<br>

<a href="http://www.pstrance.com"><b>Ps Trance<br>

</b></a>Dette er den utlimate trance siden. To kompiser av meg som eier den.

Denne MÅ du sjekke.<br>

<!---- Navigation "Left Side" END---->

</p>

</font>

<td bgcolor="#ffffff" width="50%" height="200" border="0" valign="top">

<center>

<!---CONTENT--HERE---><font face="tahoma" size="2" color=#000000>

<b>Velkommen til spray friends</b>

</center>

<hr Color=#000000 size=1 width="90%">

</center>

<div align="center">

<p>

Velkommen til spray friends. 

</p>

</div>

 

<div align="center">

<p> Et samlingspunkt for oss som er medlem

av spray chat. <br>

Her kan man diskutere diverse ting, få hjelp med skolearbeid,

laste ned gratis musikk og mye mye mer.<br>

Siden kan selfølgelig også brukes av de som ikke er medlemmer

av spray chat, men dere vil ikke få tilgang til alle områdene

på siden etterhvert.<br>

<br>

Hvis du ser noe feil på siden, eller har ideer om noe som mangler

så vær vennelig å kontakt meg så raskt som mulig.

Denne siden er bare i startfasen så det vil garantert være

mye som vil forbedres etterhvert som tiden går, og jeg lærer

meg mer.<br>

<br>

MVH nemesis86 <br>

Webmaster<br>

<br>

<b><a href="http://www.efreeguestbooks.com/mg/guest.pl?28636:10:0">Skriv

i min gjestebok</a> <br>

 <a href="http://www.efreeguestbooks.com/mg/multi.pl?28636:10:0">Se i min

gjestebok</a></b> <!--End eFreeGuestbooks.com - Free Guest Book Service Code-->

</p>

</div>

 

<center>

<!---CONTENT--HERE--->

</font>

</center>

<td bgcolor="#e0e0e0" width="20%" height="200" border="0" valign="top">

<center>

<strong>

<!---- Navigation "Right Side" ---->

</strong><font face="tahoma" size="1" color=#000000><b>Radio kanaler<br>

<br>

<a href="http://82.164.113.34:8000/index.html">DreamHeaven</a><br>

<br>

<br>

<br>

<br>

<br>

Din link her?</b><br>

<br>

Har du lyst til å ha en link til din hjemmeside her?<br>

Kontakt meg ved mail eller direkte på spray chat. Mitt nick er nemesis86.

Jeg krever ikke betaling for at du skal ha din link her. Vi kan diskutere

betingelsene sammen.<br>

<br>

MVH nemesis86 (Webmaster)

<!---- Navigation "Right Side" ---->

</center>

</font>

</table>

<br>

<!---This-link-must-stay-intact-in-order-to-use-this-template---><font face="tahoma, arial" size="2" color=#000000><center>

<!---This-link-must-stay-intact-in-order-to-use-this-template--->

<br>

Lenke til kommentar

Skriptet legger du i den <div>'en som inneholder selve innholdet.

Kun det skriptet. Da må du også huske å lage en "home" php/html fil som du legger som standard hvis ingen valg er valgt.

Legg merke til at det skriptet smidt viser går ut i fra at du bruker .php filending på filene. Om du bruker html så må du forandre skriptet til det. Eller skifte filendinger.

Lenke til kommentar

Tusen takk for all kritikken Dunestar.

 

Setter pris på alt. Ny logo kommer, skal mekke litt i dag. Den logoen som står her er bare der fordi at jeg måtte ha en logo å vise til.

 

 

Skal prøve så godt jeg kan å få siden bra.

 

bare vær tålmodig med meg :)

 

Hold dere opptattert på siden min :D

Lenke til kommentar

<?
$side = $_GET['side'];
if (!file_exists($side . '.html')) {
$side = 'forside';
}
if (empty($side)) {
$side = 'forside';
}
$siden = "./$side.html";
include($siden);

?>

 

Da er det bare å legge det til i index.html filen din.

* Rename index filen til index.php.

* Forandre alle linker fra "saker.html" til "index.php?side=saker".

 

Enkelt og greit.

 

Edit: Husk å forandre "forside" til hovedsiden din.

Endret av Findus
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...