Enkel mal til php side

[Iris_L]

Er det noen her som ønsker å lage, eller vet hvor jeg kan finne en enkel mal til en php side?

 

Prøver meg litt frem her på php, og i den anledning tenkte jeg at jeg skulle prøve å utvikle litt på en enkel side. Jeg er ikke erfaren nok til å lage hele siden fra bunnen av, så om noen har noe hjelp å avse så hadde det vært flott.

[DarkSlayer]

1.

Start med å finne en ren html/css side. Lag dette først.

 

2.

Begynn helt enkelt med å lage en php side som bare echo hele html/css driten rett ut.

 

3.

Begynn å fikle litt. Legg til litt endringer her og der.

 

 

www.w3schools.com er grei plass å begynne for html/css

[Iris_L]

Jeg har en html/css side.. Problemet er at jeg ikke vet hvordan jeg lager en php side.. Men jeg får lese litt, og prøve å forstå

[AlecTBM]

Du skal altså ha oppbygninga til en php side?

Eller har jeg misforstått?

 

Kan sikkert hjelpe

[Iris_L]

Du skal altså ha oppbygninga til en php side?

Eller har jeg misforstått?

 

Kan sikkert hjelpe

6576165[/snapback]

 

Du har forstått helt riktig Kjempefint hvis du kan hjelpe, for jeg er ikke så flink på dette enda

[AlecTBM]

Så du vil altså ha et oppsett der du bare trenger å redigere selve innholdet?

[Iris_L]

Så du vil altså ha et oppsett der du bare trenger å redigere selve innholdet?

6576268[/snapback]

 

Ja, på en måte.. Jeg vil liksom prøve å sette inn avstemninger, brukerinnlogging osv.. men jeg vet ikke hvordan jeg skal begynne.. For å lage selve siden og designet.

[AlecTBM]

ok

det siste kan jeg hjelpe deg med. pluss at jeg har en fint vote kode.

 

Hvis du sender meg linken til html siden og css arket så kan jeg fikse det fort.

[Iris_L]

ok

det siste kan jeg hjelpe deg med. pluss at jeg har en fint vote kode.

 

Hvis du sender meg linken til html siden og css arket så kan jeg fikse det fort.

6576338[/snapback]

 

Linken til siden: http://www.leadyshjemmeside.com/beauty

 

Stilarket:

 

body {

  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif, Kelly Brown;

  font-size: 12px;

  margin: 0;

  padding: 0;

  text-align: center;

}

 

#farouter {

background: #ffffff;

width: 760px;

border: 1px solid #3A291F;

margin: 20px auto 20px auto;

text-align: left; 

}

 

#outer {

}

 

#wrap {

}

 

#headermain {

letter-spacing: 0.2em;

margin: 8px 8px 0 8px;

padding: 0 10px 10px 60px;

font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif, Kelly Brown;

height: 160px;

}

 

#main {

padding-left:35px;

}

#content {

float: left;

width: 690px;

padding-top: 40px;

}

 

#menu {

float: right;

width: 175px;

margin-right: 3px;

border-left: 1px none #000000;

}

 

#nav {

padding-left: 10px;border-left:1px dashed #eee;

}

 

#logo {

padding-top: 25px;

padding-left: 12px;

}

 

#hmenu {

margin: 8px;

 

}

 

#hnav {

margin: 0;

padding: 0;

}

 

#clearer {

clear: both;

margin: 0; padding: 0;

}

 

#footer {

margin: 8px 8px 8px 8px;

}

 

 

body {

background: #ff99ff top left repeat-x;

color:#333;

}

 

#wrap {

background: #ffffff;

}

 

#headermain {

background-image: url('images/header.jpg');

}

 

#footer {

background: #ddd;

}

 

#hmenu {

background: #ff99ff;

}

 

#hnav {

background: #ffccff;

}

 

a {

color: #000000;

text-decoration: none;

}

 

a:visited {

color: #ff99ff;

text-decoration: none;

}

 

a:hover {

color: #ff99ff;

text-decoration: underline;

}

 

acronym, abbr {

border-bottom: #333;

}

 

blockquote {

border-left: #573D2E;

color: #ffccff;

}

 

h2 {

color: #8C0000;

font-size: 24px;

font-weight: normal;

}

 

h3 a {

color: #ffccff;

}

 

h3 a:hover {

color: #000000;

}

 

h3 a:visited {

color: #8C0000;

}

 

.meta {

color: #DCD3CE

}

 

.meta a {

color: #884400;

}

 

.feedback a{

color: #884400;

}

 

 

a{

text-decoration: none;

}

 

a img {

border: 2px solid #573D2E;

padding: 2px;

}

 

acronym, abbr {

border-bottom: 1px none;

}

 

acronym, abbr, span.caps {

cursor: help;

font-size: 90%;

letter-spacing: .07em;

}

 

blockquote {

border-left: 1px solid #573D2E;

margin-left: 1.5em;

padding: 5px;

}

 

cite {

font-size: 90%;

font-style: normal;

}

 

#header a {

color: #F2EEEC;

text-decoration: none;

}

 

#header a:hover {

text-decoration: underline;

}

 

h1 { 

margin: 0;

padding: 20px;

text-align: right;

color: #F2EEEC;

font-size:2em;

}

 

#hidden {

display:none;

}

 

h2 {

font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

  letter-spacing: 0.2em;

  margin: 0 20px 20px 0;

  padding: 20px 0 0 0;

  }

 

h2#tagline {

margin:0;

margin-right: 25px;

padding:0;

text-align: right;

color: #F2EEEC;

border: 0;

font-size:1.2em;

}

 

.post h2 {

font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

  letter-spacing: 0.2em;

  margin: 0 20px 0 30px;

  padding: 20px 0 30px 0;

  }

 

h3 {

font: 24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

margin-left: 0;

margin-top: 30px;

color: #8C0000; 

}

 

h3#comments {

margin-left: 20px;

}

 

h3#respond {

margin-left: 20px;

}

 

h4 {

font-size: 16px;

font-weight: normal;

}

 

ol#comments li p {

font-size: 100%;

}

 

img {

margin: 0px;

padding: 2px;

}

 

p, .feedback {

font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

}

 

p {

}

 

.textarea {

width:200px;

margin:0;

}

 

#archvies {

font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

 

}

 

 

 

ul.post-meta {

list-style: none;

}

 

ul.post-meta span.post-meta-key {

font-weight: bold;

}

 

.credit {

color: #fff;

font-size: 90%;

margin: 10px 0 0 0;

padding: 3px;

text-align: center;

}

 

.credit a, .credit a:hover {

color: #fff;

text-decoration: none;

}

 

.feedback {

text-align: right;

clear: both;

margin-right: 30px;

font-size: 90%;

}

 

.meta {

font-size: .95em;

}

 

.meta li, ul.post-meta li {

display: inline;

}

 

.meta ul {

display: inline;

list-style: none;

margin: 0;

padding: 0;

}

 

.meta, .meta a {

font-weight: normal;

letter-spacing: 0;

}

 

.post {

margin: 35px 35px 20px 0;

}

 

.entrytext {

margin-left: 30px;

}

 

.storytitle {

margin-top: 10px;

margin-bottom: 2px;

}

 

.storytitle a {

text-decoration: none;

}

 

.storycontent{

margin-bottom: 5px;

border-bottom: 1px solid #BAA99F;

}

 

#commentform {

margin-left: 20px;

}

 

#commentform  #comment {

width:450px;

}

 

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {

  background: #fff;

  padding: .2em;

  }

 

#commentform textarea {

width:100%;

}

 

#commentlist li {

border: 2px solid #BAA99F;

margin-bottom: 20px;

padding-left: 20px;

}

 

#commentlist li ul {

border-left: 1px solid #ddd;

font-size: 110%;

list-style-type: none;

}

 

 

#nav form {

margin: 0 0 0 13px;

}

 

#nav input#s {

width: 80%;

background: #eee;

border: 1px solid #999;

color: #000;

}

 

 

#nav ul li h2 {

  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif, Kelly Brown;

  font-weight: normal;

letter-spacing: 0.1em;

border: 0;

text-align: left;

padding-left:0;

margin-left: 0;

}

 

 

#nav ul ul ul.children {

font-size: 100%;

padding-left: 15px;

}

 

 

#nav {

width: 170px; float:right;

}

 

#nav ul {

margin-left: 0;

padding-left: 0;

list-style-type: none;

font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif, Kelly Brown;

font-size: 95%;

}

 

#nav a {

font-size:1.1em;

 

text-decoration: none;

}

 

#nav a:link, #navlist a:visited {

text-decoration: none;

}

 

#nav a:hover {

color: #000;

text-decoration: underline;

}

 

#themeswitcher {

font-size: 8px;

}

 

 

#hnav ul {

text-align: center;

padding-bottom: 5px;

padding-top: 5px;

padding-left: 0;

margin-top: 0;

margin-left: 0;

background-color: #ff99ff;

color: #ff99ff;

width: 100%;

font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif, Kelly Brown;

line-height: 18px;

}

 

#hnav ul li {

display: inline;

padding-left: 0;

padding-right: 0;

padding-bottom: 5px;

padding-top: 5px;

}

 

#hnav ul li a {

padding-left: 10px;

padding-right: 10px;

padding-bottom: 5px;

padding-top: 5px;

color: #000000;

text-decoration: none;

border-right: 1px solid #F2EEEC;

}

 

#hnav ul li a:hover {

background: #F2EEEC;

color: #3A291F;

}

 

#hnav #active {

border-left: 1px solid #F2EEEC;

}

#archives a em{

font-size:1.05em;font-style:normal;

}

[AlecTBM]

begynner å bli ferdig nå.

men hvor har du gjort av bildene i headern?

[Iris_L]

begynner å bli ferdig nå.

men hvor har du gjort av bildene i headern?

6576697[/snapback]

 

Så flott

 

Huh... Er bildene borte?

[AlecTBM]

bare headern. Men æ fant den på den statiske sia

[Iris_L]

bare headern. Men æ fant den på den statiske sia

6576710[/snapback]

 

Okei

 

Tusen takk for at du hjelper

[AlecTBM]

Hmm får ikke til den headern. Hvordan la du den inn?

[AlecTBM]

endrer headern seg over tid??

nå ble det plutselig en filmrull med de samme bildene.

[AlecTBM]

fant det ut

så bare ikke at headern var skrevet 2 ganger

nå funker den

Skal du ha noen undersider??

[Iris_L]

endrer headern seg over tid??

nå ble det plutselig en filmrull med de samme bildene.

6576799[/snapback]

 

Nei, det er jeg som holder på å teste

[AlecTBM]

ok

Men du endrer headern som ellers på den nye

Men bare et viktig spørsmål.

Skal du ha noen undersider, f.eks:

skriv i gjesteboken side?

[Iris_L]

ok

Men du endrer headern som ellers på den nye

Men bare et viktig spørsmål.

Skal du ha noen undersider, f.eks:

skriv i gjesteboken side?

6576845[/snapback]

 

Ja, jeg skal jo ha en gjestebok på siden

[AlecTBM]

ok

bare nevn hva slags under sider du skal ha så skal jeg fikse det og vise deg hvordan man legger til og fjerner dem.

PS. Du brude skrive TINKA med lysere bokstaver i headern