Tutoriale PHP in 10 minute

In aceasta parte a tutorialului vom incepe cu HTML-ul si CSS pentru proiectul nostru.

index.php

Super GuestBook

Iankulov Miodrag
12.Oct.2011

					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				
Iankulov Miodrag
12.Oct.2011

					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				


	

				Mergi la pagina:

1
2




Nume


Email


Mesaj 

Trimite




		

Iar acum css-ul master.css

#wrap{
	font-family:Arial;
	width:980px;
	margin: 0 auto;
}
#wrap h3{
	font-size:1.7em;
	background:#111;
	color:#fff;
	padding:15px;
}
#wrap input{
	border:1px solid #111;
	padding:5px;
	width:300px;
	font-style:italic;
}
#wrap label{
	display:block;
	float:left;
	clear:left;
	width:80px;
	line-height:30px;
	cursor:pointer;
}
#wrap p{
	margin-bottom:10px;
}
#wrap textarea{
	border:1px solid #111;
	padding:5px;
	width:300px;
}
button{
	background:#111;
	border:0px;
	padding:5px 20px;
	color:#fff;
	text-transform:uppercase;
	float:right;
}
#new{
	width:392px;
	margin:0 auto;
	margin-top:25px;
}
#list{
	margin:20px 0;
}
#list h2{
	font-size:1.3em;
	padding-left:15px;
}
#list .date{
	font-size:0.83em;
	font-style:italic;
	color:#bbb;
	padding:10px 0px 0px 15px;
}
#list .comment{
	background:#eee;
	padding:15px;
	font-family:Tahoma;
	font-size:0.87em;
	line-height:18px;
	letter-spacing:1px
}
#pag{
	background:#111;
	padding:5px;
    color:#fff;
}
#pag li{
	display:inline;
}
#pag li a{
	font-weight:bold;
}
#pag span{
	float:left;
	margin-right:10px;
	margin-left:15px;
}

In partea a-II-a

Vom continua cu php, vom creea baza de date, si vom adauga si putin JS.

O imagine cu produsul final

produsul final